Category: дизайн

Category was added automatically. Read all entries about "дизайн".

azulejo

РЖД: новый дизайн сервиса по покупке билетов

Я не люблю этот жанр: разбор плохих интерфейсов. Но здесь просто что-то вопиющее. Дизайнер, очевидно, действовал не просто наивным образом, а старался "сделать дизайн": есть и полоски, и разные цвета, и разные размеры текста. Но ориентируясь на какое-то своё представление о "дизайне", он превратил скромную, но вполне рабочую таблицу в какой-то кошмар. Здесь же совершенно невозможно ничего понять!

Collapse )
Decoding th matrix

Главная кнопка у пылесосов

Развитие цивилизации связано с увеличением числа важных операций,
которые мы можем выполнять не задумываясь.
Альфред Норф Уайтхед
 

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

  1. Включить/выключить.
  2. Свернуть шнур.
  3. Регулятор мощности

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

 

Collapse )

 


  • lionet

Голосование по конкурсу проектирования интерфейса

Статья http://community.livejournal.com/ru_ucdesign/475510.html (перепост с http://lionet.livejournal.com/44098.html) пригласила всех желающих принять участие в конкурсе на лучший редизайн интерфейса приложения. Ничего не было известно ни о том, что именно делает приложение, ни о предполагаемых пользователях этого приложения. Поэтому все дизайнеры, пытавшиеся сделать «лучший» дизайн, были заранее поставлены в условия недостатка информации.

Таким образом, конкурс заранее был поставлен в антинаучном ключе. Если бы конкурс (или заказ на проведение редизайна) проводился производителем приложения, то, конечно же, производитель был бы заинтересован и представить (привести и посадить в зал?) предполагаемую аудиторию, и ясно рассказать, что именно делает приложение. Короче, всё было бы идеально и научно.

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

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




X-Post: http://lionet.livejournal.com/47671.html
ruschi_ivan

Обязательные поля: звёздочка или цвет?


В последнем номере Interacting with Computers (август 2009) опубликована статья, которую я в общем тихо-мирно ждал больше 10 лет:

Pauwels S. L., Hubscher C., Leuthold S., Bargas-Avila J. A. & Opwis K. (2009) Error prevention in online forms: Use color instead of asterisks to mark required-fields, Interacting with Computers 21 (4), 257-262 {@ ScienceDirect}

Abstract
In this study, a simple but important user interface design choice is examined: when marking required-fields in online forms, should GUI designers stick with the often used asterisk that many form design guidelines cite as the de-facto web standard, or should they choose a colored background as a new design solution to visually signal which input fields are required? An experiment with 24 participants was conducted to test the hypotheses that efficiency, effectiveness and satisfaction ratings of colored required-fields exceed those of asterisk-marked required-fields. Results indicate that colored required field marking leads to fewer errors, faster form fill-in in and higher user satisfaction.

Collapse )

Навигационный дизайн


Коллеги,
не так давно вышел в свет любопытный номер журнала [как), посвященный навигационному дизайну.

Авторы утверждают, что это первое внятное исследование темы «навигации и жизненного пространства» на русском языке.

Знакомы ли вам другие работы по этой теме?
vanity

Новое оформление интерфейсов для банкоматов Wells Fargo от Pentagram

Те, кто был на последнем семинаре RusCHI (и досидел до конца), должны помнить прекрасную презентацию Александра Комарова о переделке интерфейсов для диспетчерских пультов службы 911.

Сравнение экранов до и после

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

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

That design is money! A better ATM experience from Wells Fargo (из блога Physical Interface)

Обязательные поля (дизайн форм на сайте)

Есть форма с некоторым набором полей, часть из них обязательна для заполнения, часть нет.
Одно из обязательных полей формы всегда имеет какое-то значение (это список выбора).
Набросок формы, о которой идёт речь:

"Статус" - обязательное поле, но "ничего не ввести" туда нельзя.

Вопрос: нужно-ли визуально помечать поле, как обязательное, если "ничего не выбрать" в нём нельзя?

Upd: единогласно - не нужно. Спасибо тем, кто отвечал по теме.
new_age
  • dyumba

Работа в Usethics. Вакансия дизайнера интерфейсов.

Добрый день,


Нам нужны специалисты в области юзабилити.

Вам придется выполнять:
  • Анализ рабочей деятельности пользователей и написание отчетной документации описывающей требования к ПИ.
  • Разработку прототипов пользовательского интерфейса.

Скорей всего, для успешного выполнения этих задач вам пригодятся следующие качества:
  • Умение прототипировать интерфейсы (мы используем Adobe InDesign, но уверены, что если вы прототипируете хорошо в другой среде, то сможете переучиться за несколько дней).
  • Чувство прекрасного
  • Умение разговаривать с людьми
  • Легкость и точность слога (как письменного так и устного) Знание информационных технологий Опыт проектирования интерфейсов(желателен но не обязателен)

Работать у нас приятно и безболезненно (офис в районе ст. Метро Чистые пруды), график работы свободный, З.П. по результатам собеседования. Подробная информация о компании на сайте usethics.ru

Ждем ваших резюме по адресу: info<собака>usethics<точка>ru

Form Design: Best Practices

Для тех кто еще не видел: Отличная презентация (3Mb, PDF, 112 слайдов) на тему дизайна форм от Luke Wrobelski. Включает в себя такие темы как

  • Расположение подписей к контролам
  • Индикация обязательных/опциональных полей
  • Кнопки действий
  • Группировка контролов
  • и многое другое...