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

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

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

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

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

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

  • Хартия. Разбира се трябват и моливи химикали, флумастри, маркери. А може и жълти листчета.
  • Бяла дъска. Прилича на хартията. Ако е магнитна, може да се лепят и местят картинки.
  • Excel (Ексел). Превъзходен. Много достъпен. Много удобен. Позволява почти всичко.
  • PowerPoint (ПауърПоинт).
  • Word (Уърд).

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

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

  • Axure (Акшуър) от Axure
  • GUI Design Studio (Гуи Дизайн Студио) от Caretta Software (Карета Софтуер)
  • Expression Blend (Експрешън Бленд) от Майкрософт
  • Lucid Specs (Лусид Спекс)
  • Multimedia Fusion (Мултимедия Фюжън) от ClickTeam (Кликтийм). Предимно за игри
  • Intuitect (Интуитект) от Intuitect. Добавка за Визио
  • Jumpchart (Джъмпчарт) от Paste (Пейст)
  • MockupScreens (МокъпСкрийнс)
  • Thermo (Търмо, но при нас ще си стане Термо) – нещо ново, върху което работят в Адоуби
  • Irise (Айрайз) от Irise. Хвалят го, а и изглежда читаво. Но пък е скъп.
  • Balasmiq Mockups (Балсамик Мокапс). Изглежда много удобно за груби, бързи прототипи. Струва малко, а има и безплатна версия за браузър.
  • ProtoShare (Протошеър) – изцяло уеб

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

  • Paint (Пейнт)
  • FastStone Capture (ФастСтоун Капчър)

Дизайнерски

  • Семейството на Адоуби: Adobe Flash, Fireworks, Dreamweaver, Director, Illustrator, Photoshop, Flex… какво ли още не
  • Sketchbook Pro (Скечбук Про)

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

  • Notepad (Ноутпад)
  • Dreamweaver (Дриймуивър)
  • ActionScript (АкшънСкрипт)
  • CSSEdit (СиесесЕдит) за Мак

Други

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

Вижте още:

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

6 thoughts on “С какво се правят прототипи на интрефейси?”

  1. masha каза:

    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. Двими каза:

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

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

  3. Svetoslav Sotirov каза:

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

  4. uzzer каза:

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

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

  6. Alexo55 каза:

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

Вашият коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *