Pull to refresh
  • by relevance
  • by date
  • by rating

Бета-версия Automobile.ru

Self Promo
На Вебпланете увидел пресс-релиз о запуске в бете ресурса automobile.ru, на котором реализованы интересные с точки зрения пользовательского интерфеса удобства функции:

1. Поиск
Помимо стандартного поиска по параметрам доступен поиск по «произвольным запросам», которые учитывают морфологию, например Матрешка или Черный бумер.



Сам алгоритм обработки запроса выглядит следующим образом:



Читать дальше →
Total votes 66: ↑47 and ↓19 +28
Views 484
Comments 39

OK–Отмена или Отмена–OK? Советы Якоба Нильсена.

Lumber room
Кнопка OK должна находиться перед кнопкой Отмена или после неё? Следовать указаниям операционных систем в этом случае более важно, нежели совершенствовать отдельно взятое диалоговое окно.

Есть масса вопросов в дизайне пользовательских интерфейсов, которые не имеют большого значения для ощущений пользователя. Классический пример: порядок кнопок в диалоговых окнах:

* OK/Отмена
* Отмена/OK

Оба варианта разумны, и люди могут спорить часами о своих предпочтениях:

Читать дальше →
Total votes 35: ↑26.5 and ↓8.5 +18
Views 297
Comments 18

Кто так верстает? Или снова о юзабилити mail.ru

Lumber room
Каждый раз, заходя из совершенно неожиданных мест в Сеть, чтобы почитать почту на mail.ru, я сталкиваюсь с одной и той же неприятной мелочью. Этот «камушек в ботинке» наконец достал меня настолько, что я решил рассказать о нем вам.
О чем это он?
Total votes 36: ↑29 and ↓7 +22
Views 226
Comments 17

Как то, с полгода назад, возникла идея программы.

Lumber room
Смесь бульдога с носорогом — PuntoSwitcher+T9. Суть в том, что как то пришлось набирать много текста, именно текста, документов, и стало нехватать автодописывания (или как его правильно назвать?) слов или даже фраз. Примером могут быть редакторы для программирования, они код дополняют.

Выглядеть это может так:
Читать дальше →
Total votes 18: ↑7 and ↓11 -4
Views 180
Comments 26

Поиск функций в программах — концепт

Lumber room
Изучая SPSS, я подумал вот о чём.

На многих сайтах уже давно прижилась всплывающая по мере набора текста подсказка под полем поиска, так? Так. А вот в монстрообразных программах с огромным количеством вложенных менюшек типа SPSS такая функция очень бы даже пригодилась для поиска нужного пункта меню.

К примеру, мне в SPSS нужно посчитать распределение по средним (Means). Я примерно помню, что оно было где-то в меню Analyze, но при открытии оного возникает визуальный шум в виде других пунктов меню. Проще говоря, глаза разбегаются. Для того, чтобы найти пункт меню, я ввожу в специальное поле поиска то, что мне нужно, в ответ на что получаю список совпадений, при щелчке по которому активизируется нужная менюшка. Выглядит это примерно так:

Читать дальше →
Total votes 7: ↑7 and ↓0 +7
Views 217
Comments 9

Формы для людей

Interfaces *
Сейчас мы с вами поговорим о веб-формах. Я с высоты собственного невысокого полета успел накопить кое-какой опыт и жажду непременно им поделится. Все о чем пойдет речь ниже не является черепахой на которой стоят слоны. Речь пойдет о скотче на котором держится черепаха.

Итак…

Первое – Откуда ноги?


Уважаемый друг, для начала, я бы посоветовал отложить средства для рисования и верстки форм. Начнем мы с белого листа. И первым, чем лучше всего руководствоваться, это ряд вопросов самому себе, менеджеру проекта, разработчикам и прочим людям, которые принимают участие в данном эпическом созидательном действии.
  • Для кого делается форма?
  • Какая информация нужна, что бы понять и заполнить форму?
  • Каков результат заполнения формы?
  • Какие у нас есть возможности?

Подробности небольшого расследования
Total votes 111: ↑99 and ↓12 +87
Views 2.7K
Comments 37

Сайт компании с капитализацией $300млн.

Lumber room
Недавно разговаривал с сотрудником Ленэнерго, захотелось почитать о компании, руководстве, стратегии развития. То что я увидел на сайте мягко говоря меня шокировало смутило. Как оказалось проблемы с графикой на сайте еще цветочки, левое меню не работает вовсе. Так что основная цель посещения сайта была не достигнута :). Может сайт отражает то, что происходит в самой компании и в отрасли на сегодняшний момент.

image

image
Total votes 14: ↑6 and ↓8 -2
Views 213
Comments 15

Контактные данные. Так нельзя!

Interfaces *
Cейчас наткнулся на интернет-магазин торгующий мобильными-телефонами (смартфонами) и прочем. Пытаясь сделать покупку, я положил нужный мне товар в корзину и перешел к оформлению заказа, но при оформлении возникли некоторые вопросы, которые я хотел быть задать в службу поддержки. Без труда вверху экрана я обнаружил контактные данные:
Читать дальше →
Total votes 159: ↑82 and ↓77 +5
Views 48
Comments 60

8 Характеристик удачного пользовательского интерфейса

Interfaces *
Translation
Существует много информации о различных методах проектирования пользовательского интерфейса, которую вы можете использовать, создавая веб-сайт или интерфейс программы.
Я составил список из 8 характеристик, которые считаю залогом успешного пользовательского интерфейса.
Читать дальше →
Total votes 65: ↑59 and ↓6 +53
Views 11K
Comments 85

Создать ярлык и Удалить

Interfaces *
Для чего существуют сепараторы? Уж не для того ли, чтобы разделять логически обособленные группы контролов?
За что же тогда издеваются над нами UI-дизайнеры самизнаетеоткуда, помещая в контекстом меню Explorer пункты Создать ярлык и Удалить рядом?
image
Лично я им ничего плохого не делал. Даже лицензионную висту купил как-то.
Total votes 44: ↑22 and ↓22 0
Views 1.6K
Comments 51

Предыдущее и следующее действие в веб формах

Lumber room
Translation
Среди дизайнеров часто обсуждаются вопросы о размещении кнопок (действий) в веб формах. Типичным вопросом из этой дискуссии есть:

Может ли действие которое ведет к предыдущему шагу процесса размещаться справа от действия что ведет вперед ?

Одна сторона дискуссии утверждает что является естественной организация: действия, которые ведут вперед размещаются справа, назад- слева. Другая сторона придерживается мнения что понятие «Первичные » действия (те что двигают людьми вперед ) перевешивает это соображение и что «Вторичные» действия (которые меньше используются) могут быть размещены справа от «Первичных», даже если «Вторичные » ведут на предыдущие шаги. Присутствие хорошо заметных первичных действий по ходу взгляда пользователей (на «линии огня») позволяют сфокусироваться на финальных действиях заполнения формы.
Читать дальше →
Total votes 7: ↑5 and ↓2 +3
Views 205
Comments 3

Как мы проверяли предположения

Self Promo
eye-tracker.ru
Когда мы делали свой сайт, то на главной странице решили разместить три небольших текстовых блока, коротко рассказывающих о нашей компании, об услугах, которые мы предоставляем и о технологии, которую используем. И возник вопрос: в каком порядке их расположить?
Читать дальше →
Total votes 3: ↑1 and ↓2 -1
Views 372
Comments 4

Почему именно eye-tracking?

Self Promo
eye-tracker.ru
Когда заходит разговор об eye-tracking’е и его полезности (или бесполезности) в приложении к сайтам, то основным и, практически, единственным возражением против такого тестирования является его, якобы, бессмысленность. Почти дословно повторяются одни и те же мысли: грамотный дизайнер сам все правильно оформит; достаточно прочитать пару книжек и сделать как написано; ничего нового никакой прибор не покажет и тому подобное…
Читать дальше →
Total votes 7: ↑2 and ↓5 -3
Views 605
Comments 8

Размышления на тему: идеальная форма регистрации

Interfaces *
imageНе знаю, на сколько эти мысли полезные и/или капитанские, если что — скажете :) Но такое я нигде не встречал, к сожалению.

Засыпая и размышляя над очередной идеей, которой потребовался бы хелпдеск/багтрекер подумал: ведь заставлять пользователей пройти через регистрацию, чтобы запостить баг/фичреквест — бесчеловечно. С дрйгой стороны, Анонимусы — тоже не всегда хорошо. И что делать?

Суть вкратце: идеальная форма регистрации — форма логина.
Подробнее и с картинками под катом.
Читать дальше →
Total votes 150: ↑111 and ↓39 +72
Views 3K
Comments 127

Дизайн ПИ: Учимся на ошибках других

Interfaces *
image

Вкратце о цикле статей


Этой статьей я начинаю цикл статей «Дизайн ПИ». Они будут полезны тем, кому не все равно как выглядят их приложения, как они себя ведут по отношению к пользователю — думающим дизайнерам, программистам-дизайнерам и тем, кто хочет сделать этот мир чуточку лучше :)
Читать дальше →
Total votes 105: ↑87 and ↓18 +69
Views 1.6K
Comments 128

Почему так сложно сделать хороший пользовательский интерфейс?

Developer Soft corporate blog
Translation
Перевод статьи Марка Миллера: Why is Great UI so hard to achieve?

Сегодня утром, когда я заправлял свою машину бензином, мне в глаза неожиданно бросилось еще одно доказательство того, что большинство интерфейсов пользователя не удовлетворяют трём основным показателям хорошего интерфейса: ясности (clarity), эффективности (efficiency) и открытости (discoverability).

Одна из самых распространённых ошибок, которая встречается в окружающем нас физическом мире — это кнопки, расположенные на устройствах так, как будто их будут нажимать с одинаковой частотой. Это можно определить сразу — такие кнопки имеют одинаковый размер, а в отдельных случаях кнопки, которые нужно нажимать чаще других — самые маленькие и расположены в труднодоступных местах.

Возвращаясь к кнопкам, вот часть того интерфейса, который я наблюдал сегодня на заправке:


Читать дальше →
Total votes 131: ↑123 and ↓8 +115
Views 32K
Comments 104

Хороший пользовательский интерфейс, ясность и релевантность информации

Developer Soft corporate blog
Translation
Перевод статьи Марка Миллера: Great UI, Clarity, and Information Relevance

Давайте создадим таблицу 3x4 в MS Word:


Теперь заполним таблицу данными:


Давайте остановимся и зададим себе вопрос: «Что здесь не так?»
Читать дальше →
Total votes 128: ↑110 and ↓18 +92
Views 26K
Comments 58

Хороший пользовательский интерфейс, ясность и выразительность

Developer Soft corporate blog
Translation
Очередной перевод статьи Марка Миллера:
Great User Interfaces, Clarity, and Emphasis


Предыдущие переводы:

В предыдущей статье мы сделали важный вывод для достижения ясности в пользовательском интерфейсе:

Визуальный вес должен соответствовать важности информации.

Суть этого вывода — не пренебрегайте важностью информации, выбирая методы её отображения. Обсуждая здесь способы контроля выразительности, следует помнить, что наша цель — получить лёгкий и элегантный интерфейс, выразить в нём то, что Эдвард Тафти называет «наименьшим эффективным отличием». (От переводчика: на русском можно почитать здесь и здесь).
Читать дальше →
Total votes 63: ↑54 and ↓9 +45
Views 18K
Comments 27