Константин Горский — «Дизайн интерфейсов»
Upcoming SlideShare
Loading in...5
×
 

Константин Горский — «Дизайн интерфейсов»

on

  • 16,707 views

 

Statistics

Views

Total Views
16,707
Views on SlideShare
1,328
Embed Views
15,379

Actions

Likes
10
Downloads
30
Comments
1

9 Embeds 15,379

http://events.yandex.ru 11567
http://tech.yandex.ru 3314
https://tech.yandex.ru 487
http://events.lynx.yandex.ru 5
http://news.google.com 2
http://events.yandex-team.ru 1
http://test1e.tech.yandex.ru 1
http://orswg2a.pfqw4zdfpaxhe5i.cmle.ru 1
http://localhost 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Константин Горский — «Дизайн интерфейсов» Константин Горский — «Дизайн интерфейсов» Presentation Transcript

  • Дизайн интерфейсовКонстантин Горскийруководитель службыдизайна веб-интерфейсов
  • Photo © yandex
  • Photo © yandex View slide
  • 5 ФронтендФото пользователя moriza с сайта flickr.com View slide
  • 6 Дизайнеры — люди творческиеФото пользователя moriza с сайта flickr.com
  • Про что дизайнеры нередко забываюткак всё будет выглядеть в старых браузерах?что произойдет, когда мы подставим реальныеданные?особенно если эти данные не будут вмещатьсякакими будут анимации, ховеры и переходы?как должна вести себя страница при измененииразмеров окна браузера?7
  • Хорошо дизайнит тот,кто дизайнит последним.— Артём Поликарпов8
  • Что такое дизайн
  • 1 »?фото: Adobe
  • 2 англ. design — проектировать, чертить, задумать, а также проект, план, рисунок художественное конструирование предметного мира; разработка образцов рационального построения предметной среды 11
  • People think that the designers are told, Make it look good! Thats not what we think design is. Its not just what it looks like and feels like. Design is how it works.12
  • Дизайн — это сознательныеи интуитивные усилияпо созданию значимого порядка.13
  • Дизайн — это создание.14
  • Бизнес жизнеспособность Люди привлекательность Технологии осуществимость15
  • Что такое хороший дизайн?16
  • 10 принципов хорошего дизайна Дитера Рамса17
  • фото SmartMarmot с сайта flickr.com 1218
  • фото SmartMarmot с сайта flickr.com 1319 18
  • фото donchris!™ с сайта flickr.com 1420
  • Процесс дизайна
  • 1 2 3 4 5Исследование Интерпретация Идея Эксперимент Эволюция 22
  • 1 Исследование Photo by evie22 @ flickr.com Изучение истории Изучение рынка Наблюдения Этнографические иссл. Интервью экспертов Статистика Вдохновение 23)
  • 2 Интерпретация Пересказ историй Упорядочивание Анализ Заключения и выводы Постановка задачи Обозначение рамокPhoto from ideo.com 24
  • 3 Формирование идей Мозговые штурмы Креативные техники СовершенствованиеPhoto from ideo.com 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • ` 4 Эксперименты Макетирование Прототипирование Оценка Юзабилити-тестыPhoto from ideo.com 32
  • 33
  • 34
  • 36
  • Достаточно ли картинки?37
  • Достаточно ли картинки?Действие состоит из следующих этапов:1. Формирование цели2. Формировние намерения3. Определение конкретных действий4. Выполнение действий5. Восприятие нового состояния системы6. Интерпретация изменений7. Оценка результата38
  • Достаточно ли картинки?Хороший дизайн:1. Нагляден2. Имеет ясную концептуальную модель3. Указывает возможные действия4. Позволяет легко выполнить действия5. Говорит, находится ли система в необх. сост.6. Имеет хорошее соотв. между сост. и его отобр.7. Имеет внятную обратную связь39
  • 40
  • 41
  • 42
  • Дизайн должен подсказывать,какие действия возможныв данный момент.Дизайн должен быть наглядным.43
  • Вопрос:в каком разделе я нахожусь?44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • Что такое юзабилити?54
  • Определение из ISO 9241-11Юзабилити — это степень эффективности,трудоемкости и удовлетворенности,с которыми продукт может бытьиспользован определенными пользователямипри определенном контексте использованиядля достижения определенных целей.Usability — the extent to which a product can be usedby specified users to achieve specified goals with efficiency,effectiveness and satisfaction in a specified context of use.55
  • Юзабилити-лаборатория56
  • Юзабилити-лаборатория57
  • Многие задачи невозможнорешить одними толькоинтеллектуальными усилиями,нужны эксперименты.58
  • 5 Эволюция Разработка Запуск Изучение СовершенствованиеPhoto from ideo.com 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76Фото пользователя moriza с сайта flickr.com
  • 78
  • 79
  • Что дальше?
  • alistapart.com smashingmagazine.com ilovetypography.com
  • Простота — необходимое условие прекрасного.Л. Н. Толстой 87
  • Спасибо!Константин Горскийgorskiy@yandex-team.ru@k00