Пишите сообщения об ошибках правильно!

Некорректное сообщение об ошибке
Сообщения об ошибках это скрытая угроза успеху сайта или ПО. Если человек не понимает что от него хотят, то он быстро покидает сайт. Консультант по вопросам взаимодействия John Hyde рассказывает какими приемами воспользовался сайт финансовой конторы, чтобы увеличить конверсию на 17%.
Читать далее «Пишите сообщения об ошибках правильно!»

Январские элементы и инструменты для интерфейсов

Элементы и инструменты для интерфейсов

  • Есть элементы и паттерны для интерфейсов (веб, ПО, OSX; есть для Иллюстратора)
  • Есть инструменты для быстрого прототипирования (веб, ПО, Android)
  • Есть фреймворки
  • Есть готовые скрипты для веб-программистов (Java, jQuery, HTML)

Перейти на страницу с этими няшками

Oh shi~: не «протоколирование», а прототипирование :)

Неправильные мега-меню

Ничего такое мега-меню. Сразу понятен принцип организации пунктов.
Большие выпадающие меню способствуют навигации по сайту, но только если правильно оформлены. Два примера от Якоба Нильсена, иллюстрирующие плохие мега-меню.
Читать далее «Неправильные мега-меню»

Золотое сечение для объектов и веб-разметки

Золотое сечение в интерфейсах
Теперь при проектировании кнопок и панелек можно положиться на математику: сетка из золотых прямоугольников, построенная по спирали Фибоначчи, поможет создать эстетически прекрасную кнопку. Anthony с UXMovement опять написал очень полезный пост, который научит вас строить «золотую сетку».
Читать далее «Золотое сечение для объектов и веб-разметки»

— Еще 1000 бесплатных иконок, сэр?

Примеры иконок
10 наборов бесплатных иконок в формате *png. Всего около 1000 штук. Если я не путаю, то встречаются размеры 16х16 и 32х32. Подойдут блоггерам, веб-дизайнерам, удобны для прототипирования интерфейсов. Чтобы не отбирать у источника этого богатства посетителей, я даю ссылку на страницу, где я сам обнаружил эти иконки. Этими иконками можно пользоваться согласно Creative Commons Attribution 3.0 License. То есть они бесплатны для любого употребления, если следовать правилам объявленным создателями, которые можно найти в текстовых файлах с иконками. Обычно, это размещение ссылки на автора иконок в работе.

Посмотреть иконки на сайте PC.DE

Интерфейс важен

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

Читать далее «Интерфейс важен»

Веб-формы: понижаем когнитивную нагрузку

Дизайнов три, а форма одна
Сможете ли вы сходу сказать, которая из этих форм легче воспримится пользователем? В этом посте я приведу рекомендации по дизайну веб-форм, с целью облегчения когнитивной нагрузки
Читать далее «Веб-формы: понижаем когнитивную нагрузку»