AllДизайн

Ссылки на статьи, паттерны и многое другое связанные с IA, UX, UI, типографикой для вдохновения и практического применения

Статья о шаблонах компоновки - Multi-Device Layout Patterns.
Крутой Create a Modern Lab Theme Web Design in Photoshop от designinstruct.com.
Отличная база UI элементов на DesingModo.
Описание проекта f-i.com по созданию HTC.com - Creating a Brilliant Experience.
7 фишек западных интернет-магазинов, которые стоит использовать

Паттерны Визуализации Информации на Хабре.

Коллажные проекты на Look At Me.
Креативные сайты с нестандартными элементами на хабре.





Проектирование приложений в стиле Metro  

10 эвристик Джейкоба Нильсена

1. Читаемость/заметность текущего состояния системы
2. Совпадение поведения/объектов с внекомпьютерным окружением: единые термины, концепции, конвенции
3. Свобода совершения ошибок пользователем
4. Совместимость со стандартами и единообразие
5. Интерфейс защищает пользователя от совершения ошибок
6. Отсутствие необходимости вспоминать
7. Дополнительная гибкость для опытных/профессиональных пользователей.
8. Эстетика и лапидарность дизайна и подачи важных для пользователя сведений

9. Интерфейс помогает пользователю опознать совершенные им ошибки и исправить их
10. Справка: быстрая, краткая, продуктивная
……………………………………………………………………………….

10 принципов юзабилити (эвристики Нильсена более подробно)

1. Отображение статусов системы: или “Что происходит?”

Система должна всегда держать пользователя в курсе того, что происходит, через соответствующий интерфейс и в реальном времени.

2. Соответствие между системой и реальным миром : или “О чем этот ты?”

Система должна говорить на языке пользователя, словами и понятиями знакомыми ему. Убедитесь что пользователь понимает то о чем вы говорите.

3. Пользователь должен иметь контроль над системой и свободу действий: или “Ой”
Пользователь часто делает ошибки и нуждается в “аварийном выходе”, чтобы вернуться в то место, где он действительно хочет быть, самым быстрым способом. Всегда проверяйте: есть ли в вашей системе простой и эффективный путь исправления ошибок пользователя.

4. Согласованность (устойчивость, однообразие) и стандартизация: или “О, я знаю как это работает!”
Убедитесь что ваша система соответствует стандартам интерфейсов платформы на которой она будет работать.

благодаря однообразности интерфейсов вы никогда не перепутаете мужской и женский туалет, находится он в аэропорте, в ресторане, или в торговом центре обозначения всегда одинаковы

5. Предупреждения о возможных последствиях и ошибках: или “Лучше б я этого не делал!”
Хорошие системы имеют не только понятные оповещения об ошибках и возможности их устранения, но и предостерегают пользователя от их совершения. Убедитесь в том, что ваша система имеет эффективные методы предупреждения ошибок.

6. Понимание лучше, чем запоминание: или “Подожди, что это только что было?”
Система должна минимизировать усилия пользователя на запоминание и делать объекты и действия более очевидными.

7. Гибкость и эффективность в использовании: или “Неважно эксперт ты или новичок” Система должна включать способы быстрого взаимодействия с интерфейсом которые не видны неопытным пользователям, но позволяют продвинутым быстрее взаимодействовать с системой, быстрее обращаться к часто совершаемым действиям.
Примером может служить Photoshop и горячие клавиши в нем, все действия можно совершить и через визуальные компоненты и через шорткаты.

8. Эстетичный и минималистичный дизайн: или “Wow … and Woah!” Диалоги не должны содержать неуместную, ненужную информацию. Дизайн должен быть минималистичным на сколько возможно и эффективным.

9. Помогите пользователю распознавать ошибки, диагностировать и восстанавливаться после них: или “Моя вина”
Сообщения об ошибках должны излагаться на “простом”, понятном языке, и должны максимально точно устанавливать и описывать проблему и пути ее решения.

10. Помощь и документация: или “Теперь я понял!”
Даже если система может использоваться без документации, стоит её предоставить.

Сервис UX Ponder позволяет как прикоснуться к классике (перечисленным выше эвристикам Нильсена), так и предложить свои критерии, помогающие проверить систему на дружелюбность по отношению к пользователю.

Дмитрий Сатин, Дмитрий Коробицын — о влиянии дизайна на продажи интернет-магазина.

Главные тренды в веб-дизайне.
- Параллах - добавляет иллюзию трехмерного пространства и делает посещение сайта интересным и интерактивным для пользователя. 14 примеров использования эффекта параллакса.

Интересная подборка - 22 важных совета дизайнеру-фрилансеру от Саши Окунева.

30 крутых UI приложений под iPad.