The user experience of user manuals
http://www.fatdux.com/blog/2010/11/18/the-user-experience-of-user-manuals/
Как часто люди читают инструкции по пользованию тех или иных товаров? Потому и не читают, что ко многим инструкциям необходимо прилагать еще одну мини-инструкцию.

10 things every designer should know about interactive elements
http://www.fatdux.com/resources/articles/button-usability/
О том, какими должны быть элементы управления, чтобы они выполняли свою функцию, а пользователю было приятно ими пользоваться.

40 Detailed Examples of User Interface Design
http://inspirationfeed.com/inspiration/40-detailed-examples-of-user-interface-design/
Детальные примеры разных пользовательских интерфейсов. Рассматриваем все почти под микроскопом.

Веб

45 Eye Catching Login/SignUp Forms
http://inspirationfeed.com/inspiration/45-eye-catching-loginsignup-forms/
Чтобы пользователям приносила радость регистрация или авторизация на сайте, предлагаем посмотреть 45 примеров реализации этой формы.

Designing a Child Friendly Website (Examples and Practices)
http://inspirationfeed.com/inspiration/websites-inspiration/designing-a-child-friendly-website-examples-and-practices/
С каждым днем количество детей, пользующихся компьютером и выходом в Интернет, растет. Поэтому реализация сайтов для детей стала актуальной. Примеры и практика такой реализации по ссылке.

50 Examples of Pixel Perfect Button Design
http://inspirationfeed.com/inspiration/50-examples-of-pixel-perfect-button-design/
Кнопка бывает часто важным элементом управления. И то, как ее изобразить, также существенно для выполнения ее функции.

Мобильные девайсы

Best Approach to Mobile Website Design
http://www.1stwebdesigner.com/design/best-approach-mobile-website-design/
Практика создания веб-приложения для мобильного устройства с правильным использованием экранного пространства, навигацией и прочим.

Information Architecture for the Mobile Web
http://www.onextrapixel.com/2011/09/23/information-architecture-for-the-mobile-web/
О том, как преподносить информацию при проектировании для мобильных устройств, оставив основное в фокусе.

Инструменты

25 Examples of Wireframes and Mockups Sketches
http://inspirationfeed.com/inspiration/25-examples-of-wireframes-and-mockups-sketches/
Прекрасные примеры бумажных скетчей и макетов сайтов. Рекомендую к просмотру и вдохновению.

• Полезные ссылки выпуск №6
• Полезные ссылки выпуск №5
• Полезные ссылки выпуск №8

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

Советы

У меня есть только два правила. Мое первое правило: будьте ленивы.
В течение многих лет практики я стал поклонником этого правила. Но почему лень — хороший атрибут в проектировании? Потому что это препятствует созданию идиотских симпатичных вещей. Несомненно, некоторые из этих симпатичных вещей могли бы быть просто блестящими, но большинство из них плохо повлияет на эргономичность продукта или займет много вашего времени и ни к чему толковому не приведет. Точно так же как в эволюции есть много мутаций, но только очень немногие из них фактически будут полезны.
Я также узнал для себя, что быть ленивым является своего рода фильтром для того, чтобы добавить новые особенности к UX-дизайну продукта. Когда я думаю о чем-то новом, что добавить или улучшить, я обычно сразу делаю пометку об этом, но затем откладываю в сторону. Если несколько человек, которые тестируют продукт, предлагают ту же самую функцию, то вполне возможно это было хорошей идеей. Как только у меня есть обоснования для идеи, я мотивирован и избавляюсь от лени, чтобы реализовать новшество.

Мое второе правило: копируйте хороший UX-дизайн, когда встречаетесь с таковым.
Это легкая задача. Все делают это, но я подозреваю, что большинство людей чувствует себя неудачниками при этом. Я призываю воспользоваться подражанием. Если вы видите продукт, который обладает отличным UX-дизайном, скопируйте материал и подгоните его под себя. Каждая первоклассная игра-шутер — копия оригинала 3-D Волфенштайн. Я очень рад, что никто в Bungie не думал, что их назовут плагиатчиками, когда те создали Halo.

Замечания в beta-версии

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

В конечном счете, я решил внедрить обратную связь для замечаний непосредственно в продукт. Теперь люди смогут протестировать что-то и затем в какой-то момент я посажу их у экрана и сделаю опрос по да/нет, или правда/ложь вопросам с полями для ответов. Другими словами я улучшил UX-дизайн для тестировщика бета-версии. Вместо того чтобы просить писать мне по электронной почте свои замечания, я помещал их в среду с конкретными вопросами. И отвечая на эти вопросы, они будут вдохновленно писать объяснения.
Это то, что вы тоже можете включить в производство. Я экспериментировал с произвольно появляющимся окном обратной связи по окончанию игры. Но уважайте время пользователей. Не создавайте им преграды в виде одних и тех же вопросов и не ожидайте, что они ответят на вопросы, требующие на ответы немало времени. Я обычно стремлюсь к такому, на который уйдет 30 секунд.

Отслеживание (tracking)

Я не могу недооценить важность использования средств для слежения за поведением пользователя и аналитики полученных данных. Вы должны знать, в какой стране находится пользователи вашего продукта, таким образом сможете узнать, какой язык необходимо использовать и другое. Я использую Google Analytics для каждого приложения или игры, которую создаю, но иногда и этих данных мне не достаточно. Поэтому я добавляю код для отслеживания, чтобы узнать специфические детали, которые помогут мне сделать улучшения. Например, я хочу увидеть, какая частота кадров у пользователя во время определенных частей игры. Формируются значения и высылаются на сервер. Это трудно реализовать первые несколько раз, но код в итоге можно использовать повторно в проектах. Правда, избегайте отправки данных, например, в середине геймплея или во время процесса приложения, где это повлияет на время отклика продукта.

Игровая оболочка

Если Вы создаете игру, не забывайте, что у Вас есть оболочка вне игры. Мне нравится думать о каждой игре как об игре, встроенной в приложение. И это приложение должно быть столь же дружественным и забавным, чтобы быть непосредственно игрой. Ну, возможно, не совсем такой забавной как сама игра но, по крайней мере, не должно быть отстоем. Так при создании игры, не просто сконцентрируйтесь на игровых взаимодействиях. Сделайте эту оболочку тем, чем можно гордиться. Это та полировка, который присуща крупным играм.

Делайте приложение как игру

Когда вы создаете приложение, думайте, как пользователи будут взаимодействовать с ним и предоставьте им такое управление, с помощью которого можно было бы быстро и просто справиться. Вы думаете, что приложение для создание отчетов внутренних продаж, которое делаете, является скучнейшим приложением, но люди, которые будут использовать его, считают своим инструментом для выполнения заданий. Сделайте такое управление приложением, в котором пользователи нуждаются. Так, чтобы они могли при работе с ним ощущать, будто играют в игру на подобии Civilization. Хотя бы удостоверьтесь, что порядок расположения элементов управления правильный. Если можете добавить сочетания клавиш (shortcuts), будет еще лучше. Помните также о том, что вы практически не будете пользоваться своим продуктом, а пользователи, для которых вы создаете, могут использовать его до смерти.

Не берите пример с Duke Nuken

Не берите пример с игры Duke Nuken. Пустите свое приложение или игру в плавание как можно скорее и положитесь на отзывы пользователей, чтобы сделать улучшения, которые хотят пользователи, а не те, которые на ваше мнение они хотят. И поверьте, чем раньше вы получите отзывы пользователей, тем скорее сможете сделать свой продукт таким, который им нужен.

Думайте как ваши пользователи

Я считаю, что невозможно одновременно выполнять разработку и UX-дизайн. То, каким образом я рассуждаю во время разработки, не позволяет мне увидеть те очевидные вещи для UX. Пытайтесь продумать UX-дизайн до того, как начнете работать над проектом. Вы должны подойти к своему проекту с новым свежим взглядом. Порой вы будете сами себя спрашивать: «О чем я думал, когда создавал это?»

Проектируйте UX-дизайн как можно раньше

Если вы так же как и я работаете в основном над собственными проектами, тогда заметили, насколько много должно пройти времени между продумыванием новой идеи и фактическим стартом ее разработки. Не позволяйте этому промежутку времени пропасть зря. Вы можете использовать его, чтобы зарисовать скетчи и записать какие-то примечания, которые будут полезны позже. Когда я начинаю разработку без какого-то плана, обычно пишу много кода, который в последствии удаляю. Не потому что код не работал, а потому что я не понимал, для UX-дизайна этот код был неэффективным. Это вещи, которые вывел для себя. И с этого я начну вырисовывать свою идею на доске, вместо того, чтобы сразу сесть за код.

Автор: Dan Florio

Оригинал: http://www.uxmag.com/design/ux-tips-for-non-ux-designers

• Полезные ссылки выпуск №6
• Полезные ссылки выпуск №8
• Полезные ссылки выпуск №4

• Битва с самым худшим интерфейсом в мире
• Возможности сенсорных телефонов
• Как создавать ссылки в Axure RP

• «Сатана лижет мой мозг!»
• Полезные ссылки выпуск №4
• О юзабилити в Microsoft

Большинство веб форм безжизненны. Пока вы не нажмете на кнопку «Подтвердить» они вам не ответят, но так быть не должно! Проверка в реальном времени может помочь людям заполнять веб-формы быстрее и с меньшими затратами усилий, меньшим количеством ошибок, и (сюрприз!) Больше удовлетворения.

«Inline» проверка выдает людям несколько типов отзыва в реальном времени: подтвердить соответствующий ответ, предложить правильные ответы, и обеспечить регулярное обновление, чтобы помочь людям продолжить заполнять.

Для иcследования «inline» проверки введенных данных использовалась подопытная форма вот такого образца :

Для исследования респондентам предлагалось заполнить форму. Исследование завершалось после того как пользователи заполнят правильно форму.

Что же дало исследование?

Участники были быстрее, более успешны и менее подвержены ошибкам, и более удовлетворены, когда они использовали формы с встроенной проверкой. Eye-Tracking также показал, что они «фиксировались» на форме со встроенной проверкой реже и меньше времени, это означает что для них эти формы были визуально легче чем без встроенной проверки. Это, вероятно потому, что они не просматривают всю форму после подтверждения данных, чтоб исправить какие-то ошибки, вместо этого они решили ошибки по ходу заполнения.

Вот пример запольнения обычной формы :

И пример формы с «inline» проверкой:

Исследование показало, что форма с «inline» проверкой  показала лучшие результаты по всем измеренным параметрам. В частности лучшие результаты были продемонстрированы в :

• 22% увеличение коэффициента успеха,
• 22% уменьшение ошибок,
• 31% увеличение коэффициента удовлетворенности,
• 42% уменьшение времени заполнения,
• 47%-ное снижение числа фиксации взгляда.

Поэтому лучше использовать «inline» проверку в реальном времени для большей лояльности пользователей к вашему сайту, увеличения числа пользователей (поскольку пользователь может бросить заполнять непонятную форму и уйти на сайт конкурента), уменьшение времени на заполнение.

• Eye-traсking
• UX советы для не специалистов
• Iforum — форум интернет деятелей (1.04)

В комментариях к статье Когнитивное сопротивление задали такой вопрос:

ВОПРОС АВТОРУ: у вас например, есть сайт, инет магазин, на которм продается какой-то технический сервис, и есть две категории потребителей: одних условно можно назвать «прохаванные», то есть сами все знают, только намекни, и вторая — которым все нужно объяснить «блондинки».

ВНИМАНИЕ, ВОПРОС: как-бы вы поступили — сделали для блондинок отдельный сайт, с текстами и описаниями сервисов, описывающие всю историю,и технологию от Рождества Христова...? а для прохаванных — с упором в технологии? или совместили бы на одном сайте? что делать с юзабилити в таком сложном случае?

Внимание ответ!

Вопрос на самом деле замечательный и большое спасибо пользователю Jenny .

На рисунке продемонстрирован график количества посетителей в зависимости от уровня подготовки работы с компьютером.

Красная линия показывает для каких пользователей создается сайт, а синяя — это реальное распределение.

Почему же так происходит?

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

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

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

Как видно из рисунка самое большое количество пользователей — это средне подготовленные пользователи и проектировать нужно для них. И только второстепенно рассматривать запросы других групп.

Читайте также:
• Не слушайте пользователей (правило юзабилити)
• "Не заставляйте меня думать!" — з-н Стива Круга
• Пользователь, кто ты?
• Что лучше экспертная оценка юзабилити или юзабилити-тестирование?

• Первый закон Стива Круга
• Закон Фиттса
• Информационно-пищевая теория

Ежедневно мы скрываемся за масками (аватарками) и псевдонимами (никами) и часами общаемся с такими же призраками сети. В Интернете всегда весело, полно развлечений, игр, видео (для каждого свое) и одиноких людей. Интернет заменяет родителей, учителей, друзей. Страшно представить, что в ближайшее время он может заменить жену, детей или природу!

<eMuleIRC1049-BA95E8B93F0E> ПРИВЕТ,НРОД!!!!
<@Sharingan> шифт отпусти
<ТигRRRычащий> ник смени
<Вовастый> изыди

по материалам Баш'орга

Я не призываю людей меньше работать за компьютером, это уже неизбежно. Но я хочу чтобы Вы больше времени проводили на свежем воздухе, на природе с семьей, друзьями. Да, реальность часто не всегда такая весёлая и красочная, люди не всегда улыбаются, но они живут, у них есть мимика, движения, тембр голоса…

Выход из Интернета есть, для этого просто надо на него кликнуть или выбрать статус «Не в сети»

Читайте также:
• Управление вниманием и переходом пользователей
• Когнитивное сопротивление
• Эффективный сайт

• Сила слабых связей
• Пользователь, кто ты? Или что такое целеориентированное проектирование.
• Эволюция bigmir)net

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

"Информационный запах."

Поведение пользователя приравнивают к поведению зверя в дикой природе, люди не любят думать, а ориентируются в сети по «запаху информации» ( набору неких характеристик).Пользователь в поисках информации будет все дальше и дальше щелкать по ссылкам, если будет ощущать что запах становится все сильнее и сильнее. Если «запах» ослабевает, то и интерес пользователя к сайту остывает.

Кого же сьесть?

если лиса живет в лесу где обитают большие и маленькие зайцы, то лисица не всегда будет питатся боьшими зайцами. Выбор зайцев зависит от того какого зайца легче поймать. Если большого зайца поймать тяжело, то лиса переключится на охоту на маледньких зайцев, поскольку энергия,  затраченная на поимку большого зайца не оправдана. Веб сайты в этой ситуации это зайцы и они хотят, чтобы их поймали в лесу информации. Исходя из этого сайт должен иметь максимально аппетитный вид и сделать его предельно легкой добычей. Пользователь прекратит поиски, если информация будет выглядеть аппетитно, но её будет черезвычайно сложно добыть. Точно так же пользователь покинет сайт, где информация будет доступной, но не интересной.

Три способа усилить «запах информации»

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

2 Не стоит употреблять сложных или самостоятельно выдуманныхслов, которые не все смогут понять. Простота — залог успеха.

• Когнитивное сопротивление
• Удобный поиск информации — залог успеха
• UX советы для не специалистов