Голосуй или проиграешь

Бесконечно можно смотреть на то, как горит огонь, течет река и программисты проектируют формы... О формах и их проектировании также можно писать бесконечно. Виной тому — сложность процесса и зачастую непонимание авторов насколько важно относиться к проектированию.

Так, 40% менеджеров, получивших форму, приведенную на рис. 1, не смогли понять в какую ячейку следует вносить оценки.


Рис. 1. «Evaluation Form». Начальная версия

Виной тому плохая реализация, а именно cтранные серые блоки справа, отсутствие сколь угодно выделяющейся шапки таблицы и т.д. Вы можете мне не поверить, но почти половина менеджеров спрашивала, куда ставить оценки.

Переделка формы заняла всего 5 минут:
Рис. 2. «Evaluation Form». Переработанная версия

Читайте и комментируйте оригинальную статью на ui.by

Выпадающее меню Skype

Кажется, ну что можно улучшить в выпадающем меню — вроде бы все уже придумано? Ан-нет. Великолепную идею использования иконок в выпадающем меню показывает Skype:


При этом, в отличие от Microsoft, где иконки помещались для красоты, в Skype они выполняют важную роль — отображают пункты меню, которые влекут за собой переход на страницу web.

Очень практично!

Читайте и комментируйте оригинальную статью на ui.by

Обзор инструментов для UI-дизайнера и Информационного архитектора

Каким инструментарием пользуетесь Вы? В сегодняшней статье вы найдете быстрый обзор десяти популярных инструментов для UI-дизайнеров и информационных архитекторов.


1. Microsoft Visio
Компания: Microsoft
URL: http://office.microsoft.com/en-us/visio

Итак, начнем со старого доброго MS Visio. Visio—наше все. Этот векторный редактор для создания диаграмм превратился в стандарт де-факто для UI дизайнеров и инфо-архов.

---

2. Axure RP
Компания: Axure
URL: http://www.axure.com

Это хорошо известный и легкий инструмент для UI проектирования, вайфрэймов и разработки прототипов, поддерживает создание дизайна страниц, виджеты, экспорт в Microsoft Word и т.д.

---

3. Adobe Creative Studio
Компания: Adobe
URL: http://www.adobe.com/products/photoshop/photoshop

Вы можете сказать мне, что Adobe CS не предназначен для полноценного создания вайфрэймов и прототипов, но я хочу напомнить, что миллионы дизайнеров во всем мире стали использовать CS в качестве главного инструмента построение UI.

---

4. Elegance Tech Lucid Spec
Компания: Elegance Tech
URL: http://www.elegancetech.com/LS/LS.aspx

Подобно Axure, LucidSpec предлагает возможность создания статического прототипа приложения. К сожалению, продукт не является стопроцентным «simulation tool». Попробуйте.

---

5. iRise Studio, iRise Manager, iRise Server, iRise Reader, iRise iDoc
Компания: iRise
URL: http://www.irise.com/products/diagram.php

Вот как представляет свои продуйты iRise на своем сайте:

“iRise simulations are so close to the final applications that people can't tell the difference between the two. SunTrust recently unveiled their new banking application-a critical element in retaining acquired customers through a merger with NCF Bank-that was simulated first. In addition to look & feel, the user experience between the simulation and the final website are nearly identical.”

Действительно классные инструменты! Полнофункциональный подход. Поддержка многих функций.

---

6. Serena Composer
Компания: Serena
URL: http://www.serena.com/US/products/composer/

Serena предназначена для моделирования бизнесс-процессов на самом высоком уровне (как Visio). Позволяет создавать дизайн страниц, вайфрэймы, прототипы. Похож на продукты iRise. Недостатком является то, что скомпонованные прототипы нельзя просмотреть на других компьютерах, не оборудованных инструментом.

---

7. Simunication Enterprise Simulator
Компания: Simunication
URL: http://www.simunication.com/

Хороший веб-инструмент со сложным UI :)
Процесс построения UI включает в себя создание вариантов использования (use cases), затем моделирования UI на основе этих вариантов использования.
Несомненным плюсом является то, что прототипы распространяются через веб — иными словами, заказчику нужен лишь браузер, чтобы изучить их.

---

8. Sofea Profesy
Компания: Sofea
URL: http://www.sofeainc.com/

Profesy похож на Composer, поэтому перенял его достоинства и недостатки.

---

9. Intuitect Professional
Компания: Intuitect
URL: http://www.intuitect.com/products/intuitect-professional.php

Intuitect Professional позволяет создавать карты сайта, вайфрэймы, прототипы и диаграммы. К недостаткам можно отнести слабую функциональность в некоторых областях. К достоинствам — легкость и возможность использования в качестве add-оn к Visio.

---

10. OmniGroup OmniGraffle
Компания: OmniGroup
URL: http://www.omnigroup.com/applications/omnigraffle/

Это скорее редактор бизнесc-графики, чем инструмент проектирования UI.
На данный момент я нашел только родную версию для Mac OS X. Инструмент является лучшим редактором бизнесс-графики для этой ОС.

---

См. также:
Бизнесс-графика, Вайфрэйминг, Диаграммы:

http://www.smartdraw.com/

http://www.mindjet.com/

http://www.mockupscreens.com/

Анализаторы кликов:

http://www.labsmedia.com/clickheat/

http://crazyegg.com/

http://clickdensity.com/

Читайте и комментируйте оригинальную статью на ui.by