Юзабилити и веб-ГИС

Исследования, РЕКОМЕНДУЕМ, Экранные интерфейсы

Брайен Нойл (Brian Noyle) недавно закончил серию статей, посвященных юзабилити геоинофрмационных систем работающих внутри веб-браузера. Брайен с помощью многочисленных примеров показал, какие пользовательские и технические требования налагаются на подобные системы. Автор не гарантирует, что четвертая статья будет последней в этой серии.

Usability and the GeoWeb: Part 1 of ?
Usability and the GeoWeb Part 2: Provide Feedback
Usability and the GeoWeb Part 3: Protect Your Users From Themselves
Usability and the GeoWeb Part 4: Make it Fast

Поделиться:

Теперь вместо «Это Фотошоп!» будут кричать «Это PhotoSketch!»

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

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

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

PhotoSketch: коллажи из грубых набросков
PhotoSketch: Internet Image Montage

Поделиться:

Тенденции в дизайне приложений для iPhone

Гаджеты

Smashing Magazine опубликовали обзор новых тенденций в дизайне iPhone-приложений.

Всего они назвали восемь модных трендов:

• Использование стандартных элементов дизайна ОС
• Упрощение интерфейса
• Мимикрия под физические интерфейсы
• Красочное оформление списков
• Слои
• Пиктограммы в списках
• Крупные иллюстрации
• Использование нестандартных жестов

iPhone App Design Trends

Поделиться:

Сказ о том, как инфоарх газету редизайнил

Остальное, Инфодизайн

Японская компания с незамысловатым названием iA, имеющая офис в Цюрихе, разработала новый дизайн как электронной, так и бумажной версии швейцарской газеты Tages-Anzeiger.

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

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

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

Links in Print: The Story of a Beautiful Failure
Презентация дизайна [PDF, 84 MB]

Поделиться:

Эволюция мышей: Mus musculus — M. computerus — M. 3Deus & M. multitouchus

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

Уже больше 40 лет прошло с тех пор, когда Дуглас Энегльбарт изобрел манипулятор «Мышь» (видеоинтервью с создателем мыши).

За это время ничего принципиально нового в этой области не появилось, но скоро в этой области может случиться настоящий прорыв: компании Microsoft и Apple устроили настоящую гонку по созданию multitouch-мыши, а, например, Аксель Блонски разработал 3D-мышь.

Исследователи из Microsoft ищут наилучший способ вживить мышам ген multitouch-технологии. Для этого они создали целых 5 прототипов таких устройств, о которых подробно рассказывают создатели блога TechCrunch.

Apple тоже не теряет времени и успел зарегистрировать патент на multitouch-мышь собственной конструкции.

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

Безумные мультитач-мыши Microsoft
Apple plans Mighty Mouse makeover
     DirectSpaceControl | Dipl. Phys. Axel Blonski (на немецком языке)

Поделиться:

Прощай, конфиденциальность!

Социальные сети, Гаджеты, Инновации и идеи

Мы уже не раз писали о том, как идеи дополненной реальности (Augmented reality, AR) расширяют горизонты нашего видения мира вокруг. Какие-то из них уже работают, а какие-то существуют пока только на концептуальном уровне.

Мэтью Баклэнд (Matthew Buckland) и Филип Лэнгли (Philip Langley) предлагают пофантазировать, как изменится наше общение с людьми, если объединить социальные медиа, дополненную реальность и мобильные технологии.

Представьте: вы попадаете в незнакомую компанию, в которой идет оживленная беседа. Достаточно просто направить мобильный телефон на нескольких человек в этой компании, чтобы узнать, есть ли у вас с ними общие знакомые, и стоит ли вам вступать с ними в контакт. Кроме того, вы можете узнать, о чем они обычно любят разговаривать или что хорошего и что плохого о них говорили (если эти комментарии как-то светились в интернете). Может быть, среди этой компании есть ваш сосед или одноклассник, влюбленный в вас в 4-м классе? Кроме того, так вы никогда не забудете имя нового знакомого, и, даже если забыли взять у него контакты, — сможете ему позвонить или написать письмо.

А как же быть с конфиденциальностью? Далеко не каждый будет рад тому, что вся подобная информация о нем станет столь легко доступна. Мэтью Баклэнд считает, что в нынешнюю эпоху высоких технологий мы все «в одной лодке». А живя активной жизнью в современном обществе, сложно не оставлять следов (мнений, контактов и других данных о себе). Потому — к чему скрывать то, что рано или поздно все равно станет известно любому, кто захочет узнать о вас больше? Единственное, что, по сути дела, меняется в этом альтернативном будущем с AR — так это скорость получения этой информации.

The future of social networking — a concept investigation

Поделиться:

Первые обзоры Google Wave

Остальное

Недавно начавшееся расширенное тестирование Google Wave — сервиса, который описывают как «ни на что не похожее веб-приложение для коммуникаций в реальном режиме времени, сочетающее в себе элементы чата, вики, блогов и фотообменных сайтов» — вызвало не бывалый спрос на приглашения для тестеров. Всего разработчики сервиса планируют раздать около 100 000 приглашений.

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

А первыми впечатлениями от работы с Wave поделились Стив Рюбель и Райан Пол.

Стив имел возможность использовать Wave еще с лета и теперь высказывает свои соображения о перспективах этой системы:

Более детальное описание функциональности дано в обзоре Райана.

Google Wave: A Complete Guide
A Walk Into Google Wave
Turning the tide: a hands-on look at Google’s Wave

Поделиться:

Лейтмотив пользовательского интерфейса

Процессы и методики, РЕКОМЕНДУЕМ

Наша редакция любит статьи, которые позволяют подняться над сермягой проектирования пользовательских интерфейсов и посмотреть на нашу деятельность орлиным взором или, на худой конец, соколиным взором. А если статья еще и практическая, то цены ей нет. Синди Честейн (Cindy Chastain) выявляет параллели между художественным произведением (книгой) и пользовательским интерфейсом.

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

Experience Themes

Поделиться:

Все что вы хотели узнать о поиске

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

Старейшее американское сообщество информационных наук и технологий (ASIS&T), которое было основано еще в 1937 году, выпустило очередной бюллетень, посвященный поисковым системам. Среди статей: «Эволюция поиска», «Новое поколение поисковых платформ», «Интеграция таксономии и поиска по ключевым словам», «Семантический поиск» и так далее. Статьи будут интересны всем информационным архитекторам и специалистам, которые, так или иначе, участвуют в разработке поисковых систем.

Бюллетень ASIS&T October/November 2009
Бюллетень ASIS&T October/November 2009 (PDF, 7 Мб)

Поделиться:

Интервью полезно разбавлять паузами

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

Основная задача интервью с пользователями — сложить из отдельных высказываний респондента полную картину того, как выглядит предмет обсуждения с точки зрения данного человека.
Получив ответ на заданный вопрос, не спешите озвучивать следующий. Крис Носсел (Chris Noessel), старший консультант в компании Cooper, советует выждать 4 секунды после того, как пользователь вам ответил. Таким образом, вы дадите респонденту возможность обдумать только что высказанное соображение и дополнить его. Кажется, что 4 секунды — это очень мало, однако в этот промежуток времени обычно укладывается 13 слов (данные для средней скорости разговора на английском). А этого количества слов вполне достаточно, чтобы кратко изложить полноценную идею.

Four seconds of silence

Поделиться:

Как приручить зверя по имени Критика?

Остальное, Процессы и методики

То, что создает дизайнер (да и не только он) неизбежно встречает критику: от босса, клиента, коллег. Важным навыком является умение правильно воспользоваться этой информацией. Как же этому научиться? Вот, например, Эндрю Фоллетт (Andrew Follett), основатель Concept Feedback, сообщества дизайнеров и маркетологов, дает несколько советов на эту тему.

Вот краткое содержание его статьи на Smashing Magazine.

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

Шаг второй: учимся отвечать на поступающую критику эффективно

1. Выработайте правильное отношение: всё субъективно, в том числе ваш взгляд на дизайн. Поэтому старайтесь быть открыты новым точкам зрения и учесть точку зрения и начальника, и клиента.
2. Уточните цель создания проекта и убедитесь, что участники проекта не представляют из себя персонажей известной басни (лебедя, рака и щуку), по-разному понимая цели проекта
3. Уточните свою первую реакцию: не стоит сразу защищаться или вскипать. Выждите 10 секунд перед тем, как ответить, помня о том, что ваш критик старается вам помочь.
4. Извлекайте уроки: некоторые «белые пятна» можно увидеть только со стороны. Не упускайте эту возможность: зафиксируйте все высказанные вам соображения, и поразмышляйте над тем, как сделать лучше.
5. Будьте любознательны — критический взгляд на работу других помогает найти новые идеи.
6. Копайте глубже: обратная связь не всегда дается в удобоваримой форме, поэтому не лишним будет руководствоваться принципом «зри в корень».

Вот признаки критики конструктивной:

• Она определенная и логичная. «Логотип уродливый» — это пример критики бесполезной/неконструктивной.
• Она действенная (дает вам возможность сразу что-то поменять)
• Она объективная — высказывается нейтрально, взвешенно и к месту.

И не забудьте поблагодарить вашего критика за ценную обратную связь.

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

How To Respond Effectively To Design Criticism

Поделиться:

Какая упаковка годится для вашей корреспонденции?

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

Компания быстрой доставки почты Priority Mail на своем сайте разместила специальный сервис (Virtual Box Simulator), который помогает понять, какого размера упаковка подходит для почтовой пересылки ваших документов. Звучит скучно, если не принять во внимание тот факт, что сервис работает с применением дополненной реальности.

Работает это так:
Вы печатаете метку, которую прикрепляете к документу. С помощью этой метки программа распознает размер документа и его ориентацию в пространстве. Запустив программу, вы видите ваш документ как бы лежащим в виртуальной упаковке, что позволяет выбрать нужный размер упаковки и понять, сколько документов туда может поместиться.

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

Virtual Box Simulator

Поделиться:

Модели сегментации целевой аудитории

Процессы и методики, Инновации и идеи, Исследования

Стив Бати (Steve Baty) написал интересную статью о различных моделях сегментации целевых групп внутри целевой аудитории.

Audience Segmentation Models

Поделиться:

Библиотеки для Axure

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

Стандартная поставка инструмента для быстрого прототипирования веб-сайтов Axure не отличается хорошим ассортиментом готовых интерфейсных элементов и паттернов. Однако поклонники этого продукта работают над этим — количество альтернативных библиотек с интерфейсными элементами растет как грибы после дождя. На сайте Wireframes появился список таких библиотек. Вот пример прототипа на основе библиотеки «A Clean Design»:

Axure Libraries & Widgets Compilation

Поделиться:

BumpTop: теперь многопальцевый

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

Ребята создавшие прототип мануального интерфейса bumptop не унимаются и выпустили готовый продукт, который использует преимущества мультисенсорной технологии (multi-touch). Средства взаимодействия стали более выразительными и более мощными.

Сообщение в блоге MG Siegler
Официальный сайт компании Bumptop
Здесь можно скачать бесплатную и коммерческую версии

Поделиться:

Фреш по пятницам: Несколько способов сделать пикник незабываемым

Юмор

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

Надо «накрывать поляну»? Теперь вы не забудете дома список покупок.

А с такими девайсами не придется вспоминать, с какой же стороны от тарелки кладется нож…

…и куда вы поставили свое пиво.

Прочитать полностью >>

Поделиться:

Новый манифест мобильного движения

События, Процессы и методики

В марте этого года мы опубликовали манифест проектировщиков мобильного опыта взаимодействия (UX). На днях организаторы конференции Mobile User Experience создали черновой вариант нового манифеста для предстоящей конференции, которая пройдет 2 и 3 декабря в Лондоне. Этот документ ляжет в основу программы события и обозначит приоритетные направления развития индустрии мобильных приложений.

Вот некоторые пункты манифеста:

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

MEX Manifesto: Enhancing mobile user experience in a multi-platform world (сам манифест)
Сайт конференции

Поделиться:

Группен прототипен — презентация с 404fest

Процессы и методики, Инструментарий

Презентация Алексея Копылова и Платона Днепровского с фестиваля 404fest.

Другие презентации компании UIDESIGN GROUP.

Поделиться: