С какво се правят прототипи на интрефейси?

23 юли 2008, Коментари: 6, Автор: Димитър Симов
Pубрики и теми: Експертни съвети, ,

Краткият отговор е с каквото ви попадне.

По-дългият отговор включва ‘зависи колко е подробен прототипът’. Много хора биха се заяли люто за термини като скица, сториборд, уайърфрейм, мокап, прототип (sketch, storyboard, wireframe, mock-up, prototype). За да опростя нещата, предпочитам да гледам на всички като на разновидности на прототип. А приемам, че прототип е всичко, което показва как ще изглежда и работи истинското нещо, когато бъде готово.

По-дългият отговор няма да е пълен ако пропуснем дълъгия списък от инструменти, които съм ползвал или съм чувал да се използват. Нещата, с които съм работил съм удебелил.

Общи – предназначени са за други цели, но вършат добра работа

За диаграми и схеми

За прототипиране на екранни интерфейси. Специализиран софтуер.

За снимане от екрана -  много удобни и полезни. Разнообразието е огромно. Споменавам само нещата, които ползвам напоследък.

Дизайнерски

Изискващи познаване и писане на код – неща от рода HTML, CSS, ASP, XML, PHP…. Има много. Някои от тях:

Други

Какво изтървам?

Вижте още:

Съдържание за уеб на живо: атрактивност, лекота за четене и възприемане, SEO оптимизация и графично оформление Еднодневен тренинг за оптимизиране на тексове за уеб на живо с майстори в занаята: Борил Караиванов, Димитър Симов и Огнян Младенов (очакваме потвърждение и от други лектори).

Download flash

Get Adobe Flash player

6 Коментари

Коментар (1): masha
12 август 2008, 00:46

Kategoriata na hartiqta e bezkraino shiroka i vkliuchva vsqkakvi aplikazionni materiali – ot karton do plastmasa i dyrvo.

A za diagramite i za prototipirane (nqmame li po-normalna duma za tozi termin?) bih dobavila:
http://www.skrbl.com/
http://vyew.com/site/
http://thinkature.com/
http://www.conceptshare.com/

Коментар (2): Двими
25 август 2008, 08:34

Маша, благодаря за допълнението.

Освен прототип, на български използваме и макет. Без значение как му викаме, хората се бъркат. Представят си различни неща, според това кой в коя област работи. А има и хора, които нищо не си представят и не разбират за какво става дума.

Коментар (3): Svetoslav Sotirov
4 февруари 2010, 13:50

За нас в GUGGA в последно време Adobe Illustrator се оказва най-доброто решение

Коментар (4): uzzer
5 юли 2010, 21:33

Предлагам заедно да събираме подходящите (софтуерни) инструменти в това уики: http://c2.com/cgi/wiki?GuiPrototypingTools

Коментар (5): Лина Иванова
10 ноември 2011, 15:52

Привет, бих искала да добавя и GenericFrame към уики-то.
Мислите ли, че е ok и няма да е спам, ако работещ за компанията го добави?

Коментар (6): Alexo55
11 ноември 2011, 02:27

Здравейте, горещо препоръчвам: PicPick – http://www.picpick.org/
Не е баш за прототипи, но е толкова полезно че няма на къде… Има линийка, пипета за цветове, лупа, много бърз и удобен screen capture и най-важното позволява да драскаш, рисуваш и пишеш по екрана, другите могат да виждат през team viewer какво им показваш или може да запазиш рисунъка във файл и да го пратиш на някого през имейл… Незаменим инструмент за бързи корекции. Незаменим инструмент за screenshots , лек и удобен, стои на лентата с инструменти и винаги е под ръка. Има и безплатна версия … :)

Коментирайте