Если вы возложите обязанности по дизайну интерфейса на программистов, то в результате получите программу, пользоваться которой понравится только программисту.
Юзабилити уже довольно давно стало нелюбимым пасынком программирования. Обидно, конечно, но легко понять, почему. Столкнувшись с растущей сложностью платформ, языков, протоколов и стандартов, программисты, как правило, сосредоточены на таких вопросах, как разработка алгоритма, абстракция, повторное использование кода и т.д., а вот непосредственно дизайн интерфейса остаётся на периферии внимания разработчиков. Они всегда проводят юнит-тесты для каждого компонента в отдельности, но никогда при этом не взглянут на всю систему целиком. Проще говоря, если большинство пользовательских интерфейсов выглядят так, как будто были разработаны кодерами исключительно для кодеров, то это так, потому что они действительно были разработаны кодерами.
В разделе “Инструменты” на Usability.by постоянно публикуются заметки об инструментах прототипирования. Сегодня мы представляем Вам Coutline — систему проектирования веб-интерфейсов онлайн. Мы решили, что никто не сможет представить инструмент лучше, чем его разработчики и поэтому публикуем описание Михаила Босина, который занимается интерфейсами и логистикой этого приложения. Читать полностью »
В блоге компании Adaptive Path опубликована сводная таблица современных десктопных и онлайновых средств проектирования интерфейсов, которая содержит описание инструмента, платформу, стоимость и т.д.
Разработка концептуальной модели, ориентированной на конкретные задачи, до начала стадии проектирования пользовательского интерфейса позволяет создать приложение, которое является простым, последовательным, единообразным по внутреннему содержанию и необременительным с точки зрения излишних возможностей. Короче говоря, приложение получается более понятным для изучения и использования.
“Где я?” - по мнению Стива Круга, автора книги “Не заставляйте меня думать!“, для обычного посетителя, это вопрос номер один. Эта мысль может проскочить лишь на миллисекунду, но она всегда возникает, т.к. помогает сориентироваться после перехода по ссылке. Одна из главных задач навигации заключается в том, чтобы дать ответ на этот вопрос в любой момент.
Наиболее распространенный способ показать текущее положение пользователя на сайте - это поместить маркер рядом с соответствующим пунктом меню или выделить его другим цветом.
В настоящее время гайдлайны UI Bank Of America используется различными группами разработчиков для обновления существующих приложений и создания новых, которые не только удобны для пользователей, но и последовательны в дизайне и использовании элементов бренда. Только за первый год своего существования правила из руководства по пользовательскому интерфейсу были применен в более 40 приложениях. HTML-формат руководства, позволяет ему продолжать расти и совершенствоваться.
Google удалось получить патент на дизайн своей главной страницы. Отныне компании принадлежат авторские права на размещение в центре экрана формы для ввода запроса и двух кнопок в сочетании с текстовыми ссылками на различные категории поиска. Об этом пишет Gawker.
Компания Google заявила о правах на свой поисковый интерфейс еще в начале 2004 года. В конце 2006 года компания получила патент на дизайн страниц с результатами поиска. Но вопрос с дизайном стартовой страницы решили выделить в отдельную заявку. Только в 2009 году Google сумела убедить чиновников в том, что идея простого интерфейса для поиска принадлежит именно ей. Патент на дизайн главной страницы выдан компании 1 сентября.
Пока неизвестно, планирует ли Google как-то преследовать конкурирующие поисковые сервисы. Многие из них используют схожую концепцию простой стартовой страницы. Например, на главной странице Yahoo! Search находятся лишь форма для ввода запроса, кнопка для начала поиска и несколько текстовых ссылок.
Axure успел зарекомендовать себя как один из самых эффективных инструмент для создания динамических прототипов. Однако периодически проектировщики жалуются на нехватку стандартных паттернов для создания современных интерфейсов. Тогда другие проектировщики выкладывают свои библиотеки в сеть.
В заметке “Free Axure Design Patterns” собраны несколько интересных паттернов, которых нету в стандартном наборе Axure.
Кроме того на сайте Axure есть раздел “Widget Libraries” в котором так же доступны различные библиотеки паттернов, в том числе и для iPhone.
37 сигналов перепроектировала формы регистрации для продуктов Basecamp, Highrise, Backpack и Campfire. Это один из последних этапов изменений на их веб-сайтах с учётом новых маркетинговых целей.
Предыдущая форма устарела и для её заполнения пользователи затрачивали слишком много времени.
Примечательно, что перед проектированием новой формы, 37 сигналов анализировало записи работы с пользователей со старой формой, сделанные с помощью сервиса Clicktale. Это позволило исправить те сложности и ошибки, которые были допущены ранее.
Задумавшийся как iPod killer плеер Zune от Microsoft не оправдал возложенных на него надежд. В новой версии плеера компания учла все недочёты прошлых версий. Удастся ли Zune сдвинуть твёрдые позиции iPod покажет время, а пока предлагаем вам посмотерть на демонстрацию его интерфейса.
Каждый день нам встречаются какие-то ошибки или недоработки, которые доставляют нам дискомфорт или даже делают нашу работу непродуктивной. Какие-то из них забываются, а какие-то запоминаются надолго. В статье “5 юзабилити кошмаров на каждый день” на сайте Design For Masters описаны некоторые из таких ошибок. Например ввод даты рождения в LiveJournal.
Поле ввода даты рождения, в лучшем случае не очень привычно для русского человека, а в худшем случае заставляет призадуматься, вариантов тут не так уж много и правильное решение быстро найдут даже те кто совсем не знаком с таким форматом даты, тем не менее, непривычных пользователю форматов данных следует избегать.
Решение: при локализации приложений нужно помнить не только о переводе текста, но и о локальных форматах.
На прошлой неделе во время 2 дневной серии мастер-классов по проектированию интерфейсов DelveUI в Бруклине, Тереза Неил выступила с мастер-классом “Проектирование RIA”.
Для своего мастер-класса Тереза подготовила сборник паттернов RIA интерфейсов, паттернов взаимодействия и т.д.
В июле 2008 The Power of Information Taskforce поручила UX агентству Bunnyfoot провести анализ положительных и отрицательных сторон правительственных веб-сайтов. В ходе этого исследования было установлено, что некоторые сайты содержат много ошибок, которые создают трудности во взаимодействии с ними. Например:
Не позволяют людям легко ориентироваться на сайт
Не позволяют поисковым системам, таким как Google, найти что-то на своём сайте
Не говорят на одном языке с пользователями
Компанию COI попросили разработать юзабилити-гайдлайны для использования веб-разработчиками и веб-редакторами различных государственных сайтов. Цель всей проделанной работы заключается в повышении внимания к вопросам юзабилити и повышение качества государственных веб-сайтов.
Осенью 2005 года компания Wells Fargo наняла студию Pentagram для работы над новым интерфейсом для своих банкоматов. Необходимость в новом интерфейсе была вызвана тем, что Wells Fargo заменяла старые банкоматы на новые модели с сенсорным экраном. Это довольно длительный процесс, поскольку компании принадлежит около 7000 банкоматов в самых разных местах, а замена является достаточно дорогостоящей. Основной задачей, поставленной Wells Fargo перед проектировщиками, было создание внешне привлекательного интерфейса, способствующего приобретению положительного опыта взаимодействия у пользователей.
В статье “That design is money!” Holger Struppek рассказывает о том. как этого удалось достичь.
TwittARound — приложение для iPhone 3GS, использующее дополненную реальность, чтобы показать в каком месте вокруг вас были сделаны посты в твиттер различных пользователей. Пока вы не сможете найти это приложение в iPhone App Store т.к. iPhone SDK не даёт API для манипулирования живым видео потоком с камеры. Не исключено, что уже в скором времени эта часть станет доступна в новом SDK.
Для приложений под iPhone Apple предлагает использовать свою парадигму для навигации, элементов управления и компоновки экранов. Однако на базе платформы iPhone можно создавать приложения с новыми парадигмами в интерфейсе. В статье “iPhone Application UI Design Patterns” приведено несколько примеров приложений с собственными идеями для интерфейсов.
Разработчики OpenOffice представили прототип нового интерфейса программы. Как видно из прототипа, они собираются использовать нечто очень похожее на ribbon от Microsoft.
На сколько оправдано такое интерфейсное решение должно показать сравнительное тестирование, а пока споры и обсуждения периодически возникают в сообществах проектировщиков.
Разработка приложений для iPhone стала горячо обсуждаемой темой в дизайнерском сообществе; каждый пытается воплотить свои творческие идеи в виде нового приложения для iPhone, а также продать его для тысяч других пользователей с помощью iPhone app store. Однако многие из этих приложений плохо спроектированны, и поэтому упускают возможность стать для пользователя действительно полезным продуктом, который стоит рекомендовать друзьям и коллегам.
Разработка концептуальной модели, ориентированной на конкретные задачи, до начала стадии проектирования пользовательского интерфейса позволяет создать приложение, которое является простым, последовательным, единообразным по внутреннему содержанию и необременительным с точки зрения излишних возможностей. Короче говоря, приложение получается более понятным для изучения и использования.
Разработка приложений для iPhone стала горячо обсуждаемой темой в дизайнерском сообществе; каждый пытается воплотить свои творческие идеи в виде нового приложения для iPhone, а также продать его для тысяч других пользователей с помощью iPhone app store. Однако многие из этих приложений плохо спроектированны, и поэтому упускают возможность стать для пользователя действительно полезным продуктом, который стоит рекомендовать друзьям и коллегам.
