Юзабилист » интерфейс

Осторожно! Смартфонное интерфейсное бешенство.

puzik — Mon, 05 Dec 2011 15:18:38 +0000

Смартфонное интерфейсное бешенство с летальным исходом

Читайте также:

Как создавать ссылки в Axure RP

puzik — Thu, 27 Oct 2011 08:33:00 +0000

Axure RP это одна из самых мощных программ для проектирования интерфейсов. С ее помощью кроме статических прототипов можно создавать интерактивные: связывать страницы ссылками, создавать всплывающие окна, эмуляцию Drug and drop и т.д.

Для тех кто делает только первые шаги в Axure RP мы создали короткое видео о том как создавать ссылки.

Было ли вам полезно это видео?Читайте также:

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

Zoobok — Fri, 09 Sep 2011 14:14:46 +0000

Общеобразовательное

Экспресс аудит сайта studiamolodosti.com.ua
http://www.aweb.com.ua/seo-blog/ekspress-audit-sajta-studiamolodosti-com-ua/
Леонид Коломийцев из компании «Aweb» написали отчет в блоге про экспресс-аудит сайта. Какие недостатки рассматриваемого проекта были найдены и какие рекомендации были выдвинуты.

Методики юзабилити-тестирования для эффективной разработки игр
http://casualuniverse.com/2010/10/metodiki-yuzabiliti-testirovaniya-dlya-effektivnoj-razrabotki-igr/
Очень толковая интересная статья для тех, чья деятельность связана с играми. Правда, прочитать статью будет интересно всем.

Seven Principles of Typographic Contrast
http://www.creativepro.com/article/dot-font-seven-principles-of-typographic-contrast
В первом выпуске полезных ссылок был рассмотрен сайт, который объясняет своим контентом, почему контраст так важен. В этой статье приводятся типографические приемы, как этого можно достичь.

The future of self-service banking
http://futureselfservicebanking.com/
Отличное видео о банкоматах, какими они должны быть и как достичь того, чтобы было приятно такими терминалами пользоваться.

Веб

Date Filters: Successful Calendar Design Patterns
http://www.uxmatters.com/mt/archives/2011/08/date-filters-successful-calendar-design-patterns.php
Статья популярного среди специалистов онлайн журнала UXmatters о том, как правильно делать выбор дат и периода времени, как эта функция должна работать и выглядеть.

How to Think About Website Prototypes (for Designers)
http://imprint.printmag.com/information-design/how-to-think-about-website-prototypes-for-designers/
Очень полезная статья для дизайнеров (и не только), для чего нужно прототипирование. Для чего это надо и что оно даст.

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

New Visual Proportions for the iOS User Interface
http://aentan.com/design/new-visual-proportions-for-the-ios-user-interface/
Это скорее не статья, а техническая спецификация о том, каких размеров должны быть элементы интерфейса iOS, какими должны быть отступы между элементами и другое.

Навигация в мобильных приложениях
http://www.youtube.com/watch?v=2StFi5fz5dc
Дмитрий Сатин в своем вебинаре рассказывает о преимуществах или недостатках тех или иных интерфейсов на примере приложений под Android.

Инструменты

Как выглядит сайт на разных разрешениях экрана
http://www.screen-resolution.com/

Review Of Cross-Browser Testing Tools
http://www.smashingmagazine.com/2011/08/07/a-dozen-cross-browser-testing-tools/
Набор онлайн инструментов для разнообразной проверки кросс-браузерности.

UXPin Paper Prototyping Redesigned
http://www.youtube.com/watch?v=DZIVzkQZ_PQ
Веселое рекламное видео про бумажное прототипирование. Конечно, в конце предлагается купить набор этих бумажек, но идею можете воплотить сами.

Have a drink!
http://www.uxdrinkinggame.com/
Отличный проект, который будет интересен любому специалисту в области юзабилити. Пользователь еще тупее? Просто выпей!Читайте также:

Мобильные интерфейсы: Оптимизируйте элементы интерфейса и их появление .

puzik — Thu, 01 Sep 2011 07:00:24 +0000

Пользователи не любят ждать! («Учитывается каждая миллисекунда", - второй принцип Google работы с пользователями). Оптимизация отдельных экранов, потоков и элементов пользовательского интерфейса позволит сократить время ожидания чтобы пользователи не думали, что они тратят впустую свое время.

А. Ускорение восприятия производительности

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

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

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

Пользователь здесь проходит четыре этапа:

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

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

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

Б. Оптимизация отдельных элементов интерфейса

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

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

Характеристики элементов. Характеристики элементов, таких как разрешение или размер изображения, влияет на время загрузки картинки. Например, на Android, каждый изображение (JPG, PNG) декодируется в растровом (bitmap) формате, так что каждое оптимизированное изображение может привести к уменьшению числа килобайт. Можно ведь еще уменьшить глубину цвета? Или уменьшить разрешение?

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

Читайте также:

Полезные ссылки выпуск №3

Zoobok — Fri, 26 Aug 2011 09:08:37 +0000

Общеобразовательное

Must to follow twitter-аккаунты
http://www.amnavigator.com/blog/2010/09/17/10-usability-experts-to-follow-on-twitter/
В статье указаны ссылки на аккаунты twitter, которые должны быть в вашем списке. Среди списка есть и UX Magazine, Joshua Porter, UXmatters. Единственный аккаунт, который они забыли добавить — usabilistua. Исправьте это недоразумение.

Usability vs. User eXperience — в чем разница?
http://uxspark.wordpress.com/2011/06/29/usability-user-experience-difference/
Очень часто в разговорах, в статьях, в комментариях можно заметить, что понятия «usability» и «user experience» употребляются как синонимы. Так ли это на самом деле? Читайте подробнее в статье.

С чем столкнется юзадилити-специалист в будущем
http://www.uxrevisions.com/user-experience-design/what-is-the-future-of-usability-and-user-experience/21/
Что ожидает нас в будущем с новыми технологиями. Что случится с 3D? Какими будут жесты на тачскринах? Давайте серьезно задумаемся над тем, что нас может ожидать.

Веб

Создание дизайна для людей от А до Я
http://www.onextrapixel.com/2011/08/12/creating-human-to-human-design/
Все аспекты создания дизайна, который поможет пользователям достичь цели. Готовьтесь к сочным иллюстрациям.

Что такое юзабилити в вебе
http://www.usamaqasem.com/blog/web-usability-definition/
Как применяется эргономичность в ресурсах Интернет можно узнать в этой статье.

6 конкурентов мега-меню
http://www.uie.com/articles/mega_menus/
Что такое мега-меню? Это меню, в котором может находится огромное количество пунктов. На сегодняшний день это популярный атрибут порталов, моду на который установил Якоб Нильсен своей записью.

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

Дизайн под все устройства
http://baymard.com/blog/responsive-web-design
В статье раскрывается проблема создания сайтов под разные устройства, ведь каждое устройство может иметь свой тип управления. А также автор делиться мыслями, как можно достичь одного целого для всех.

Интерфейсные жесты: взгляд в прошлое
http://www.jnd.org/dn.mss/gestural_interfaces_a_step_backwards_in_usability_6.html
Те, кто знаком с такими фамилиями как Норман и Нильсен, в описании стастьи не нуждаются. Если не знакомы, то авторы уважаемой Donald Nielsen Group пишут о недостатках жестов для устройства на сегодняшний день и причины этому.

Инструменты

Wireframes
http://wireframes.linowski.ca/
На этом ресурсе можете найти много полезного для прототипирования: от вдохновения до инструмента выполнения.

Коллекция полезностей
http://www.smashingmagazine.com/2010/02/05/50-free-ui-and-web-design-wireframing-kits-resources-and-source-files/
Спасибо Smashingmagazine (а именно — автору записи) за столь чудный набор полезных ресурсов, которые могут пригодится в разных случаях. Смотрите коллекцию, сохраняйте в избранное.

Если в вашем арсенале присутствуют ссылки по теме, пишите нам. Будем благодарны!Читайте также:

Новая операционная система Windows8

puzik — Thu, 02 Jun 2011 09:45:41 +0000

Вчера конференция D9 приоткрыла завесу тайны над разработками Microsoft в сфере операционных систем. Вот видео о новой ОС Windows 8:

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

Рано судить на сколько она будет успешной, но хорошо что делается что-то новое и интересное.

Как вам такая система?

Больше здесьЧитайте также:

Возможности сенсорных телефонов

puzik — Mon, 24 Jan 2011 08:33:45 +0000

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

А пока, одна из интересных возможностей использования телефона с сенсорным экраном.

Читайте также:

Битва с самым худшим интерфейсом в мире

puzik — Thu, 24 Jun 2010 08:00:09 +0000

Даже самый лучший в мире инженер-проектировщик или интернет профессионал может оказатся бессильным против неудачно спроектированого интерфейса. Особенно это касается интерфейсов интернет банкинга, когда действие нужно провести быстро, надежно, просто.Читайте также:

Комикс о вовлечении пользователей в процесс

puzik — Thu, 17 Jun 2010 06:00:36 +0000

Насколько ваши сайты могут вовлечь пользователя? Хороший интерфей это когда пользователь с удовольствием пользуется вашим ресурсом и не замечает как проходит время.Читайте также:

Быстрый прогресс бар: визуальная манипуляция

Сергей Протопопов — Thu, 22 Apr 2010 09:57:37 +0000

Прогресс бар, используется для отображения прогресса операции. Они сильно распространены в современных пользовательских интерфейсах. Опытные пользователи часто выполняют несколько процессов одновременно, например: копирование, установка/удаление программного продукта, загрузка страницы в браузере. Мы часто следим за прогресс баром с ожиданием и надеждой. В одиночных устройствах таких как банкоматы, киоски не дают другого выбора кроме смотреть за прогресс баром и ждать. Независимо от того, насколько быстро устройство выполняет нужную операцию или медленно время кажется субъективным.

Для повышения удовлетворенности от ожидания Крис Гаррисон (Chris Harrison) провел исследование по восприятию прогресс баров. Результаты показаны на видео:

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

Таким образом создается иллюзия, что процесс прошел быстрее, пользователь меньше ждал и тем самым он остался спокойным и довольным. Читайте также: