GUI | Usability.by - Part 3

Категория ‘GUI’

Будущее пользовательских интерфейсов

Будущее пользовательских интерфейсов

В будущем не стоит ждать прорыва в пользовательских интерфейсах, размышляет Скотт Беркун в свое статье “The future of UI will be boring“. С мнением Скотта не согласна Кэмерон Чапман, автор статьи “The Future of User Interfaces“. В этой статье она описывает как уже ставшие реальностью технологии, гаджеты и интерфейсы, например: Nintendo Wii, сканеры отпечатков пальцев, Google Voice Search, так и готовящиеся к выходу Xbox Project Natal, гибкие OLED дисплеи, iPad и другие.

Будущее пользовательских интерфейсов

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Реализм в дизайне пользовательских интерфейсов

Реализм в дизайне пользовательских интерфейсов

История визуального дизайна пользовательских интерфейсов может быть охарактеризована как постепенный переход к более реалистичному отображению информации. Компьютеры стали быстрее, дизайнеры научились искусству отображения более реалистичных деталей, таких как цвет, 3D-эффекты, тени, прозрачность и даже простой физике. Некоторые из этих новшеств помогли юзабилити. К примеру, тени позади окна помогают нам увидеть какое окно является активным. Материальность пользовательского интерфейса iPhone делает использование устройства более естественным для человека.

В других областях, улучшения в лучшем случае сомнительны. Графический интерфейс пользователя, как правило, полон символов и знаков. Большинство графических элементов, которые вы видите на экране призваны передавать суть идеи или концепции. Домик на вашем рабочем столе не является маленьким реалистичным домиком, это всего лишь концепция «домой». Глаз не является фактическим глазом, он означает «отобразить выбранный элемент». Треугольник не треугольник, он означает «кликните сюда, чтобы увидеть доступные команды».

Полный текст перевода статьи Lukas Mathis “Realism in UI Design” о реализме при проектировании пользовательских интерфейсов вы можете прочитать на хабрахабре.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Стенсилы для набросков и wireframes

В своём блоге JankoAtWarpSpeed Янко выложил стенсилы для создания wireframes в векторном формате для Adobe Illustrator, SVG, а также PDF и EPS.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Фантастические интерфейсы из фильмов

Фантастические интерфейсы из фильмов

Мы уже писали об интерфейсах для голливудских фильмов и сегодня хотел бы представить работы Марка Колерана, дизайнера фантастических интерфейсов для фильмов: Мистер и миссис Смит, Идентификация Борна, Миссия невыполнима 3 и других.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Паттерны меню от Азы Раскина

Паттерны меню от Азы Раскина

Аза Раскин, руководитель подразделения User Expirience в Mozilla Labs и сын Джефа Раскина, собрал различные паттерны меню в одном месте

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Юзабилити и дизайн интерфейсов для хардкорных программеров

Юзабилити и дизайн интерфейсов для хардкорных программеров

На Хабре опубликован перевод и адаптация статьи “Interface design and usability for hardcore programmers“:

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

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

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

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

21 инструмент для создания прототипов и wireframes для iPhone

21 инструмент для создания прототипов и wireframes для iPhone

Мы уже не раз писали об инструментах и способах прототипирования для iPhone. Даже сделали собственную подборку стенсилов для для Axure RP, Fireworks, Illustrator, OmniGraffle, Powerpoint и Keynote.

Сегодня мы публикуем ссылку на статью “21 Prototyping, Mockup, and Wireframing Tools for iPhone App Development” на случай, если какой-то инструмент мы всё же упустили.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Советы по улучшению обратной связи от ajax

Советы по улучшению обратной связи от ajax

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

В статье “Usability tips for visualizing Ajax requests” даны советы и приведены примеры того, как можно улучшить обратную связь для операций, использующих ajax.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Дизайн галлеRIA

Дизайн галлеRIA

На странице Design GalleRIA собраны примеры насыщенных интернет-приложений. Подборка создана в поддержку книги Билла Скотта “Designing Web Interfaces: Principles and Patterns for Rich Interactions

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Семинар «Гуманный интерфейс (Humane Interface)»

Компания «CustIS» провела внутренний семинар по проектированию пользовательских интерфейсов и юзабилити:
“Сейчас модно говорить о юзабилити (usability) и UX (User eXperience), цитировать Алена Купера (Alan Cooper) и спрашивать: «А вы читали очередную книгу Влада Головача?». Только при всём этом, остается непонятным почему некоторые совершенно простенькие на вид интерфейсы оказываются очень удобными и эффективными в работе, а другие, навороченные и красивые, — наоборот, ужасно раздражающими.”

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Cтенсилы для проектирования UI под iPhone от сообщества Usability.by

Стенсилы интерфейсных элементов под iPhone для многих инструментов проектирования

Мы уже много раз писали о различных инструментах проектирования и о проектировании для iPhone. По случаю проведения в Минске открытой конференции WUD (Всемирного дня юзабилити) участники сообщества Usability.by собрали для вас в одном наборе стенсилы для проектирования интерфейсов под iPhone для Axure RP, Fireworks, Illustrator, OmniGraffle, Powerpoint, Keynote, шаблоны для бумажного прототипирования и html/css+jquery для динамических прототипов. Скачать стенсилы можно на сайте конференции

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

10/GUI: Концепт мультитач-устройства для работы на ПК

10/GUI: Концепт мультитач-устройства для работы с десктопными приложениями

Концепт мультитач-интерфейса с десятипальцевым методом управления. Главная цель — длительное использование без усталости. Концепт включает в себя гладкую панель, похожую на графический планшет, и софт «Con10uum», изменяющий интерфейс ОС, подстраивая его под данный метод.

Сайт проекта.

via Хабрахабр

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Рисуем User Experience

Рисуем User Experience

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

В статье “Tools for Sketching User Experiences” Джейсон Робб делится своим богатым опытом работы с бумагой и маркерами, которые он использует каждый день при разработке интерфейсов. Кстати автором упомянутой в статье книги является Билл Бакстон, о котором мы уже писали сегодня и который выступит с докладом на конференции User Experience 2009 в Москве.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Что означает “Продолжить покупки” в интернет-магазине?

Что означает 'продолжить шопинг'?

Вы добавили товар в корзину, но решили продолжить работу с интернет-магазином. Вы посмотрите на ссылку “Продолжить покупки” и размышляете куда она ведёт? На страницу продукта? На страницу категории? А может быть на главную страницу магазина? В статье “Continue Shopping Means What?” приводятся примеры интерфейсных решений для того, чтобы дать пользователю возможность продолжить покупки.

Ищите идеи для своего магазина? Закажите юзабилити анализ интернет-магазина у группы экспертов 1point. Используя собственный опыт по повышению пользовательских качеств российских интернет-магазинов и методики западных коллег, мы проводим юзабилити-аудит и даём рекомендации, которые сделают Ваш интернет-магазин полезным, удобным и провоцирующим пользователей к покупке.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Проектирование по дешевке

Проектирование по дешевке

Способы организовать юзабилити-деятельность по дешёвке интересует не только отечественных специалистов. “Мы не будем проводить юзабилити-тестирование для этого проекта. У нас просто нет на это бюджета и времени”. Часто приходиться слышать такое? Нам особенно, ведь мы работаем в Ирландии - небольшой стране с такими же небольшими компаниями и бюджетами. Однако мы считаем анализ и исследования слишком важными, чтобы быстро сдаться. Часто мы вынуждены проводить тесты для наших клиентов быстро и недорого. Чтобы заинтересовать клиента нам необходимо четко показать, как тестирование помогает повысить прибыльность его бизнеса. Вот почему мы разработали методику и подобрали набор инструментов для быстрого и дешевого исследования UX.

Vodafone Ирландия

В статье “Low-budget Prototyping Techniques” рассказывается о технологии, известной как быстрое прототипирование, и каким образом авторы смогли эффективно использовать его в проекте Vodafone Ireland.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Фундаментальные основы пользовательского интерфейса для программистов

Раен Сингер, сотрудник компании 37 signals, выступил на конференции WindyCityRails в Чикаго с докладом, в котором он разъясняет ключевые концепции по созданию пользовательских интерфейсов.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Проектирование мелочей

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

В своей презентации Билл Скотт рассматривает десятки элементов взаимодействия под микроскопом. Изучает, что работает, а что нет при создании интерактивных приложений. На основании более чем 80 примеров, Билл выводит правила, которым рекомендует следовать (паттерны проектирования и лучшие практики), а также даёт советы чего делать не следует.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Дызайн пад iPhone: Падсумоўка прыладаў

Дызайн пад iPhone: Падсумоўка прыладаў

Існуюць розныя школы па дызайну дастасаванняў пад iPhone. Хтосці аддае перавагу дызайну на паперы (я аддаю), хтосці будзе паслугавацца кампутарам, каб стварыць свой чарговы GUI, ад каторага будзе займаць дух.

Вось спіс некаторых прыладаў і шаблонаў для дызайну вашага наступнага аппліку.

Шаблоны:

Адмысловыя прылады:

Для заўзятараў асадкі і паперы:

У кніжцы Pragmatic Thinking and Learning: Refactor Your Wetware аўтар Andy Hunt раіць ужываць асадку і паперу, каб выкарыстоўваць правае паўшар\’е галаўнога мозгу і вызваліць свой творчы патэнцыял. Тым часам пры ўжыванні кампутару, вы будзеце сканцэнтраваныя на дэталях, а не на дасканалым user experience.

Яшчэ адна хіба пры ужыванні кампутару - гэта калі вы пакажаце свой дызайн кліенту, ён таксама сканцэнтруецца на дэталях:

- Калі ласка, ці можна змяніць цень гэтае чырвонае кнопкі, ён надта чырвоны?

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

via dev.by (Орыгінал)

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Проектируем интерфейсы для iPhone в PowerPoint и Keynote

Проектируем интерфейс для iPhone в PowerPoint и Keynote

Мы неоднократно писали о различных инструментах проектирования под iPhone. Сегодня мы представляем разработку Mockapp.com, которая доступна для скачивания и позволяет проектировать интерфейсы iPhone в PowerPoint (для Windows) и Keynote (для Mac).

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

«Программистский» подход к интерфейсам

Программистский подход к интерфейсам

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

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

Прочитать всю статью на сайте dev.by

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua