Частная коллекция паттернов

Остальное

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

Patterix – коллекция удачных интернет-решений

Онлайн-конференция с Максимом Россомахиным

Остальное, Социальные сети, Экранные интерфейсы

Проектировщик интерфейсов компании «Тематические Медиа» (ответственная за популярные ресурсы Хабрахабр, Автокадабру и прочие) ответил на вопросы аудитории сайта «Онлайн-конфренции».

Денис Кортунов: Привет, Макс! Как ты переводишь на русский язык термин User Experience? В чем для тебя отличия в подходах UX от Usability? Когда специалисты по UX будут востребованы в России? Максим Россомахин: Привет! User Experience — любимый пример контекстно-зависимого термина. Ещё в те времена, когда я регулярно переводил для Вебмаскона, приходилось выбирать между различными вариантами перевода, ни один из которых мне до конца не нравился. Мне ближе те варианты, что склонны строить перевод от «впечатлений», а не от «опыта». Специалисты будут востребованы когда сложится устойчивая культура хорошо продуманных и реализованных интерфейсов, когда стыдно будет показывать людям каку. Возможно, что это произойдёт одновременно с улучшением дорог и автомобилей. Про отличие в подходах: когда кто-то упоминает Usability, мне представляются правки на уже готовом проекте   Ярослав Орлов (@umniy): Сколько лет занимаетесь этим? Каковы перспективы развития в будущем? Максим Россомахин: В том или ином виде порядка пяти лет. Развиваться есть куда: многое ещё не охвачено. Хочу, например, попробовать себя в разработке интерфейса, рассчитанного на мобильные телефоны (не на iPhone).

Онлайн-конференция с Максимом Россомахиным

10 online инструментов для улучшения юзабилити вашего сайта

Инструментарий

В переводе статьи «10Tools to Improve Your Site’s Usability on a Low Budget» представлен подробный обзор бесплатных или недорогих сервисов для проведения юзабилити-тестирования. Причем, инструменты, рассмотренные в статье, не полностью взаимозаменяемые — в тексте упомянуты как сервисы для трекинга движения курсора по экрану, так и сервисы для специализированных опросов, и даже сервис для A/B-тестирования, т.е. позволяющий варьировать представление контента одной и той же страницы с целью выяснить, какой из вариантов лучше. Таким образом, возможно их комплексное применение, а следовательно, можно достичь ощутимого эффекта даже при небольшом бюджете.

10 online инструментов для улучшения юзабилити вашего сайта
10 Tools to Improve Your Site’s Usability on a Low Budget

Поиск + юзабилити = UXFind

Инструментарий

Uxfind: search for wire frames, user experience, or your favorite UX blogger

Eye tracking по-русски

Инструментарий, Остальное

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

Сферы приложения eye-tracking’a на практике очень широки — начиная от дизайна печатной рекламы, заканчивая архитектурной визуализацией. На сайте коротко и понятно объясняются  основные термины и возможности такого метода оценки качества визуальной подачи, а также много других полезных вещей.

Swinging Eye — сайт посвященный исследованиям с применением технологии eye tracking

Первый в мире навигатор

Гаджеты

Первый навигатор, по утверждению ananova.com, появился в 1920-х и был механическим.

World’s first sat nav — from 1920

Коротко о Chrome

Видео, Остальное

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

Канал короткометражных фильмов о Google Chrome
Официальный блог Google Россия Серия роликов о Google Chrome

Фреш по пятницам: Гаджетизация всей планеты

Видео, Гаджеты, Юмор

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

Новые приложения в стиле дополненной реальности

Видео, Гаджеты, Инновации и идеи

В магазине Android Market недавно появились приложения, использующие принципы дополненной реальности. О первом из них — Layar — мы уже писали на днях. Сейчас помимо Layar также доступны IBM Seer beta, разработанный специально для навигации на Уимблдоне-2009, а также Wikitude, который снабжает пользователя информацией из Википедии о том месте, в котором он находится.

Видео о применении Wikitude:

First Person UIs on Android
iPhone with a Compass = First Person UIs?

Дизайн как инструмент создания экономической стоимости

Инновации и идеи, Исследования

До сих пор многие считают проектирование и дизайн чем-то совершенно эфемерным и неспособным приносить прибыль. Джон Хескет (John Heskett) в своей научной публикации «Creating Economic Value by Design» рассмотрел проблему видимого отсутствия экономической стоимости проектирования с точки зрения нескольких популярных и не очень экономических теорий. Кроме того, в статье кратко рассказывается о каждой из них. Среди упомянутых нео-классическая теория, институциональная теория, Австрийская теория и прочие. В итоге автор пришел к необычным выводам, например, к тому, что следующим этапом работы должно стать, наоборот, исследование экономических теорий и моделей сквозь призму проектирования и дизайна.

John Heskett. Creating Economic Value by Design

5 шагов к успешному проектированию

Процессы и методики

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

A «to do» list for integrating design into your organization by Kim Goodwin

Методичка по сбору и анализу требований

Процессы и методики

Московское отделение Project management institute опубликовало на своем сайте 51-страничную методичку Юрия Химонина из компании Acronis. В ней рассказано о процессе сбора и анализа требований к программным продуктам, о создании пользовательских историй, вариантов использования (use cases) и спецификаций требований, а также о подходах к описанию концепции системы.

Сбор и анализ требований к программному продукту [PDF, 1,73 Mb]
Аннотация к статье

Рекомендации по компоновке веб-форм

Исследования, Экранные интерфейсы

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

Web Form Layouts: Some Additional Guidelines
Web form design guidelines: an eyetracking study by Cxpartners
Caroline Jarrett and summarizes the work of Dr Kathryn Summers of the University of Baltimore on forms for low literacy users — IXDA discussion thread

Нужно ли одностороннее зеркало в современной юзабилити лаборатории?

Инструментарий

Влад Головач в статье Зеркало — кривое рассуждает о том, нужно ли одностороннее зеркало (зеркало Гезелла) в современной юзабилити-лаборатории, и если нет, то какова альтернатива зеркалу.

А Гарри Бригнел (Harry Brignull), в свою очередь, рассказывает, как сделать так, чтобы посещение юзабилити-лаборатории не нанесло респонденту психологическую травму. В том числе речь идет и об одностороннем зеркале.

Зеркало — кривое
Are research labs just too scary?

Шаблоны для проектирования интерфейса iPhone 3

Инструментарий

В результате релиза новой прошивки для iPhone перед пользователями и разработчиками открылась масса новых возможностей. И очень быстро появились обновленные шаблоны для проектировщиков интерфейсов для iPhone. Среди изменений карты и их элементы, «copy-paste» элементы, обновленный инструментарий для проектировния взаимодействия в горизонтальном положении. Скачать шаблоны и поделиться впечатлением можно уже сейчас.

Скачать Phone GUI PSD 3.0
iPhone GUI PSD 3.0

Ассоциируй это!

Инновации и идеи, Инструментарий

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

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

Sociation – социальные ассоциации

Складывание штекера в два приема

Видео, Гаджеты

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

Еще одна палитра для дизайнера

Инструментарий

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

Онлайн палитра COLOROTATE
Плагин для Adobe Suite 4

Layar — первое приложение в стиле дополненной реальности

Видео, Гаджеты, Инновации и идеи

Анонсировано первое коммерческое приложение, использующее принципы дополненной реальности (augmented reality). Приложение под названием Layar сделано под мобильную платформу Android и позволяет исследовать объекты архитектуры, расположенные вокруг того места, где находится пользователь. Приложение скоро будет доступно для скачивания в магазине Android Market.

Ниже видеопрезентация приложения.

Сайт компании, которая создала приложение
Статья о приложении на сайте «The Next Web»

Трехмерные карты — ближайшее будущее?

Видео, Инновации и идеи

Шведская компания C3 Technologies представила технологию, которая затмевает текущие достижения Google на ниве картостроения: автоматически сгенерированные на основе аэрофотоснимков трехмерные карты.

Пока на суд общественности представлено лишь несколько видеороликов и демо-карта небольшого городка. Когда мы сможем реально пользоваться такими картами, пока не ясно, тем более что нужно снять каждый объект как минимум с четырех сторон. Однако C3 Technologies уже нашла партнера, который будет заниматься фотосъемкой в северной Европе, и ищет партнеров в других регионах.

Приближаясь к 3D картам (обсуждение на Habrahabr.ru)
Сайт разработчика
Демо-карта города Västerås (требует установки Java Runtime Environment)
Демо-карта Осло (требует установки специального плагина)
Демонстрационные видеоролики: Осло, Трондхейм, Майами, Лас-Вегас, Хувер Дэм