Jared Spool, Luke Wroblewski, Steve Krug и все-все-все! 12-14 мая в Лиссабоне
предыдущие 20

GUI.ruFresh: новости мира юзабилити

Проектирование и дизайн пользовательских интерфейсов, юзабилити

Архив:

Декабрь, 2008

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (5)
Загрузка ... Загрузка ...
0

Тестирование бумажных прототипов

Всю прелесть юзабилити-тестирования бумажных прототипов можно оценить из подборки роликов выложенных на YouTube.

+2 видеоролика

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.5 (4)
Загрузка ... Загрузка ...
0

Юзабилити рэп от авторов комикса «OK/Cancel»

OK/Cancel лого

Авторы известного юзабилити-комикса «OK/Cancel», Том Чи и Кевин Ченг, продолжают применять нестандартные подходы для популяризации дисциплины человеко-компьютерного взаимодействия и юзабилити. Так к комиксам «OK/Cancel», понятным поколению mtv, добавляется песня о HCI в их исполнении в стиле рэп. Предлагаем послушать его всем читателям Fresh.

 

English OK/Cancel на Last.fm

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (7)
Загрузка ... Загрузка ...
0

Непростая линейка

Web Stencil Kit

Отличным дополнением к альбому для скетчей, о котором мы писали вчера, может стать трафарет-стенсил с веб-контролами, созданный компанией Design Commission Incorporated.

 

English Web Stencil Kit – Hot Off The Press

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.5 (4)
Загрузка ... Загрузка ...
3

Альбом для скетчей интерфейса

The Web Design Sketchbook

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

 

English The Web Design Sketchbook

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.67 (3)
Загрузка ... Загрузка ...
0

Возвращение к «корням»

«Корни» (Roots) представляют собой интерактивную инсталляцию, где человек касаясь экрана пальцами или другими физическими предметами может влиять на создаваемые образы и изменять музыку. Инсталляция стала возможной благодаря сотрудничеству между разработчиками Brick Tables (Jordan Hochenbaum и Owen Vallis) и дизайнером Memo Akten.

 

English Roots

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.5 (2)
Загрузка ... Загрузка ...
0

Веб-стандарты: игра стоит свеч

Молли Хольцшлаг - фото

Молли Хольцшлаг, автор книги «Философия CSS-дизайна» и ярый сторонник веб-стандартов, в своей новой статье «Веб-стандарты: игра стоит свеч» рассуждает пользе и ROI (Return On Investment) от внедрения веб-стандартов при создании сайтов.

 

По-русски Веб-стандарты: игра стоит свеч
English Web Standards: Where the ROI is

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.5 (2)
Загрузка ... Загрузка ...
0

Материалы конференции Service Design

 

C 24 по 26 в Амстердаме прошла конференция Service Design под эгидой организации Service design network. Эта организация была создана представителями Кельнской международной школы дизайна, Университетом Карнеги-Меллона и ряда других вузов из разных стран. Проповедуемый ими подход — проектирование услуг (service design) — считается новым шагом на пути «проектирование интерфейсов — проектирование взаимодействия — проектирование услуг».

Программа мероприятий была распределена по дням в соответствии с общим девизом: Connect, Share, Enable. Первый день (Connect) предназначался для общения между собой членов SDN, на второй день (Share) были представлены доклады для широкой публики, а третий день (Enable) проводился как тренинговый.

Недавно на сайте конференции были опубликованы видеозаписи и презентации докладов:

Let´s get it started — The basics of Service (Birgit Mager, sedes research)
Видео | Презентация [PDF]

Service Innovation and Change from Within (Rory Hamilton and Sean MIller, liveworks)
Видео | Презентация [PDF]

Design Thinking for Innovative Healthcare Services (Shelley Evenson, Carnegie Mellon University)
Видео| Презентация [PDF]

Competing in Service (Cornelia Floimayr, Mobilkom)
Видео | Презентация [PDF]

Service Design: Buzzwords or real value delivery for people and business? (Группа членов SDN из Скандинавии)
Видео

Metascripts: Brand Experience and Service Without Borders (Clark Scheffy and Gian Pangaro, IDEO)
Видео | Презентация [PDF]

Emerging practices of Service Design driven innovation (Daniela Sangiorgi, Imagination Lancaster and Elena Pacenti, Domus Academy)
Видео | Презентация [PDF]

Empowering Consumers by Elevating Service Experience: The Spence Diamonds Case Study (Craig LaRosa, Continuum)
Видео

Open Innovation as a Service Design Approach (Geke van Dijk, STBY)
Видео

Weil Are you being served? — Service Design and the Hospitality Industry (Birgit Mager, sedes research and Denis Weil, McDonalds)
Видео

Service Design for an airline — Heathrow terminal 3 (Oliver King, Engine)
Видео | Презентация [PDF]

Члены SDN отвечают на вопросы участников
Видео

English Service Design Conference

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
3.5 (2)
Загрузка ... Загрузка ...
0

Дизайн — это менеджмент, менеджмент — это дизайн.

Обложка книги

О том, как управлять внедрением дизайнерских решений, как непрерывно совершенствовать свой продукт, можно прочесть в книге, The Designful Company: How to build a culture of nonstop innovation, которая будет выпущена, теперь уже в следующем году (до нового года осталось совсем мало времени). Автор книги – небезызвестный Marty Neumeier, гуру в мире дизайна и брендинга. Интересно не только содержимое книги, но и её формат. Подробнее в блоге Garr Reynolds’a.

 

English The year of «the designful company»

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
0

Firefox для мобильных устройств — Fennec

Вышла alpha 2 версия мобильного браузера от Mozilla, который назван «Фенеком» в честь забавной лисицы, обитающей в пустынях. Пока что этот браузер поддерживается только интернет- «таблеткой» Nokia N810. Однако пощупать новый браузер смогут и пользователи обычных ПК на базе Windows, Mac OS и Linux.

В приведенном ниже видеоролике подробно рассмотрены особенности интерфейса браузера.

 

English Страница релиза на сайте Mozilla
English Fennec Alpha2—Performance (несмотря на название, статья посвящена, в основном, не производительности, а деталям интерфейса)

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (3)
Загрузка ... Загрузка ...
0

Революция компьютерных игр

Недавно мы писали о том, что touch screen устройства получают всё большее и большее распространение. Такие инновации не могли не проникнуть и в область компьютерных игр. На видео Вы можете посмотреть, как тачскрин меняет управление игрой Warcraft III.

В силу своей специфики, компьютерные игры представляют отдельный пласт в области человеко-компьютерного взаимодействия. Тем не менее существующие практики юзабилити-тестирования и принципы проектирования применимы и для компьютерных игр (например тестирование игры Spore). Об особенностях проектирования интерфейсов компьютерных игр пишет Тарас Король в статье «Компьютерная игра как интерактивный интерфейс»

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4 (1)
Загрузка ... Загрузка ...
1

Водитель, дома тебя ждёт семья. Перестань говорить по телефону за рулём!

Не раз проводились исследования доказывающие, что разговоры по мобильному за рулём опасны. Получены данные утверждают, что риск попасть в ДТП увеличивается в 4 раза. Однако, как и в вопросе спиртного за рулём, водители показывают завидное упорство. Для гарантии здоровья несознательных водителей было создано устройство Key2SafeDriving. Работая как ключ, Key2SafeDriving блокирует входящие звонки во время езды, отправляя звонившему номеру sms c текстом: «Извините, я сейчас за рулём и перезвоню Вам позже». На видео Вы можете посмотреть демонстрацию работы этого устройства.

 

English Key2SafeDriving

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4 (1)
Загрузка ... Загрузка ...
0

Прозрачный сенсорный дисплей

Исследователи придумывают все новые способы улучшить сенсорные дисплеи. И неудивительно: ведь их в последнее время используют повсеместно, начиная с электронных книг и заканчивая пультами управления АЭС.

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

 

English Fat fingers no problem with ’see-through’ touchscreen

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
0

Матрица ценностей

Richard F. Cecil в своей статье на UXmatters описывает способ преподнесения клиентам результатов сбора данных. Он предлагает на основании разработанных сценариев и персонажей создавать специальную матрицу ценностей (value matrix).

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

English Communicating Customer and Business Value with a Value Matrix

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.5 (2)
Загрузка ... Загрузка ...
0

Доступный iPhone

iPhone Accessibility



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

 

English This iPhone is “Touchier” Than Most

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.67 (3)
Загрузка ... Загрузка ...
1

10 приемов, позволяющих сделать сайт немного удобнее

Дмитрий Фадеев, один из авторов журнала Smashing Magazine, привел хорошие примеры приемов, которые не сделают из плохого сайта хороший, однако помогут быстро сделать любой сайт чуть более удобным. Вероятно, вы знакомы с большинством из них, но восстановив в памяти эти приемы, вероятно, вы тут же найдете, где вы забыли их использовать. Ниже мы приведем пару примеров из статьи:

Автофокус на поле ввода
Взаимодействие с веб-сайтами и веб-приложениями в большинстве случаев происходит с помощью форм. Такими формами могут быть форма поиска или форма отправки сообщения. Если работа с формой является основным действием, которое пользователь может сделать на экране, то стоит сразу установить фокус в поле ввода формы. Так пользователь сможет сразу же набирать текст, не делая дополнительного клика. Хорошим примером этой техники является Google и Википедия.
 
Элементы управления, появляющиеся при наведении на строку таблицы
Некоторые Web-приложения содержат дополнительные кнопки, такие как кнопки редактирования или удаления. Такие пиктограммы не нужно постоянно показывать рядом с каждым из пунктов списка. Их можно спрятать для того чтобы упростить интерфейс и сфокусировать внимание посетителя на более важных элементах управления и на содержании. Например, такие пиктограммы возникают, когда вы наводите курсор на какое-либо сообщение в Twitter.
 

English 10 Useful Techniques To Improve Your User Interface Designs

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.33 (3)
Загрузка ... Загрузка ...
0

HCI перфоманс

Человеко-компьютерное взаимодействие (Human-Computer Interaction), в его привычном понимании, это научная дисциплина. Однако некоторым творческим личностям удаётся сделать из этого взаимодействия искусство. В перфомансе Recoil Performance Group три главных героя: мужчина. женщина и компьютерные технологии. Взаимодействие трёх героев является по истине завораживающим зрелищем.

 

English Body Navigation – ole kristensen

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (4)
Загрузка ... Загрузка ...
0

Величие шрифтов

У дизайнеров и проектировщиков к шрифтам особое отношение. Удачно подобранная шрифтовая композиция способна улучшить любой дизайн. Уникальную атмосферу создаваемую с помощью шрифтов демонстрирует короткометражный фильм «Mankind Is No Island» австралийца Джейсона ван Гендерена, снятый на мобильный телефон на улицах Сиднея и Нью-Йорка. Фильм удостоен награды на австралийском фестивале на Tropfest NY 2008.

Ещё несколько интересных роликов про шрифты:
English Matrix animation
English Snatch – Type Animation
English The 8 rules of Fight Club – Kinetic Typography
English Pulp Fiction in Motion Graphics

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
0

Carcade

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

 

English Carcade

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
0

Юзабилити-специалист в списке лучших профессий года!



Есть повод радоваться! Профессия юзабилити-специалист вошла в список U.S. News & World Report’s Best Careers of 2009 — список лучших профессий года (в списке она называется «Usability experience specialist», видимо, это результат скрещения слов «usability» и «user experience»). Кроме названия самих профессий в списке приводится средний годовой заработок, оценка сложности освоения профессии, удовлетворение от работы и т.д. (можно отсортировать по любому из критериев, кликнув по названию столбца). Присутствие профессии в списке не первый год говорит о признании положительного вклада юзабилити в рост и прибыльность бизнеса

English Best Careers 2009
English Best Careers 2009: Usability Experience Specialist

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.5 (2)
Загрузка ... Загрузка ...
2

Поговори с рукой

Идея осуществить интерфейс как в фильме «Особое мнение» не даёт покоя многим. Компания Oblong создала подобную технологию, названную «G-speak». Чем она отличается от остальных? В ней использует две перчатки, пространственное движение которых, читается не только слева направо, но и вперёд назад, т.е. во всех трех осях. Это даёт гораздо больше возможностей для манипуляции над виртуальными объектами. Кроме того может быть осуществлён захват объекта, так же как и в реальном мире. «После того, как вы попробуете G-speak, вы поймёте всю неестественность идеи компьютерной мышки» – обещают представители компании Oblong.


 

English Oblong

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious