SlideShare a Scribd company logo
1 of 42
Download to read offline
Дизайн интерфейсов

Константин Горский
дизайнер
1
Вступительная часть
1.1 Вот с чем мы познакомимся:

    Вступление

    Что такое дизайн и почему вам нужно об этом знать

    Исследования и юзабилити

    Как проектировать интерфейс

    Некоторые идеи интерактивного дизайна

    Некоторые идеи графического дизайна

    Основные контролы и правила их использования

    Заключительная часть
1.2 Организационные моменты


    Пожалуйста, не стесняйтесь
    в любой момент спрашивать меня,
    если вам что-то непонятно.

    Глупых вопросов
    не бывает!
1.3 Организационные моменты



    Вы усвоите только то,
    что запишете.
1.4 Как связаться




    kostya@gorskiy.ru
   *в теме письма укажите,
    пожалуйста, [design]
Что такое дизайн,
и почему вам нужно
об этом знать
1

    А как вы понимаете,
    что такое «дизайн»?




                          фото: Adobe
2        Определения из словарей и энциклопедий

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

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

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




    Дизайн — это сознательные
    и интуитивные усилия
    по созданию значимого порядка.
4




    А еще дизайн —
    это результат этих усилий.
5   Стив Джобc

                                       — В речи большинства людей
                                         «дизайн» означает облицовку.
                                         Но это совершенно не так!
                                         Дизайн — это основа и душа
                                         любого человеческого творения.
фото: msnbc.msn.com
6     Том Питерс

                          — Дизайн — это страсть,
                            эмоция и приверженность,
                            и все это должно быть
                            в сердце любого бизнеса.
фото: www.tompeters.com
7

    В компании Volvo из 600 сотрудников
    200 имеют в названии должности
    слово design




                                          фото: Volvo
8    Понятие «дизайн» включает в себя:

                  Продукт




    Эстетика                     Интерфейс
9
10


     Понимание того, что дизайн —
     это не только внешний вид,
     бесценно.
11   Понятие «дизайн» включает в себя:

                  Продукт
фото SmartMarmot с сайта flickr.com


                                      12
фото SmartMarmot с сайта flickr.com


                                                 13



                                      185 руб.
14   Дизайн конвертируется в деньги



                                     180 руб.
фото donchris!™ с сайта flickr.com
15




     Продукт —
     это упакованная ценность.
16   Понятие «дизайн» включает в себя:




                                 Интерфейс
17
18
19
20    Понятие «дизайн» включает в себя:


     Интерфейс —
     это совокупность средств и методов,
     при помощи которых
     пользователь взаимодействует
     с машиной или устройством.

     Эстетика
21   Как дизайнеры видят окружающий мир
                                                       Нормальные люди                  Дизайнеры
                                                             «Продукт» или «услуга»     «Переживания»
                                                                 Это хороший товар      Это кайф, писк
                                                                        Он работает     Он оставляет воспоминания
                                                               «Я рад, что купил его»   «Я хочу еще!»
                                                            Удовлетворенный клиент      Член клуба
                                                                 Постоянный клиент      Маркетинг из уст в уста
пример из книги Тома Питерса «Основы. Дизайн»




                                                                    Вы получаете то,    Вы удивлены и в восторге
                                                                      за что платите    от каждого поворота
                                                               Товар вам по карману     Товар вам по душе
                                                     Удовлетворяет вашу потребность     Помогает вам
                                                                                        самоопределиться
22    Понятие «дизайн» включает в себя:

                   Продукт




     Эстетика                     Интерфейс
23   Дизайнерская компания
24

     Джонни Айв

     старший
     вице-президент
     по дизайну
25   Дизайнерская компания
26

     Марисса Майер

     вице-президент
     по дизайну
     и user experience
27   Дизайнерская компания
28

     Билл Бакстон

     директор
     по исследованиям
     user experience,
     дизайнер
29   Дизайнерская компания




         А вашу компанию можно
         поставить на этот слайд?
30   К чему приводит такой подход?

     Apple, Google, Microsoft, ...

 1   Повышается лояльность постоянных клиентов,
     легче и быстрее происходят все согласования

 2   Многократно увеличивается вероятность
     привлечения новых заказчиков

 3   Сокращается число обращений в службу поддержки,
     претензий и замечаний, увеличивается число
     положительных и восторженных отзывов
31   К чему приводит такой подход?

     Apple, Google, Microsoft, ...


     Если вы хотите идти впереди,
     задавать тренды, а не следовать им,
     вам никуда не деться от дизайна.
фото Ludovic Hirlimann с сайта flickr.com


                                            32
                                            Что видит пользователь?
33   Почему именно вам нужно об этом знать


                          Да задолбала
                          эта документация!!!
34   Лучше один раз увидеть
Design Course 1 intro to design

More Related Content

What's hot

креативные люди вы нужны
креативные люди   вы нужныкреативные люди   вы нужны
креативные люди вы нужныKatya Labinskaya
 
Проектная лаборатория курса "Дизайн-менеджмент"
Проектная лаборатория курса "Дизайн-менеджмент"Проектная лаборатория курса "Дизайн-менеджмент"
Проектная лаборатория курса "Дизайн-менеджмент"Maria Stashenko
 
Business in Design. Reframing (in Russian)
Business in Design. Reframing (in Russian)Business in Design. Reframing (in Russian)
Business in Design. Reframing (in Russian)Maria Stashenko
 
Культурологический анализ объекта дизайна (на примере концепта гаджета - тран...
Культурологический анализ объекта дизайна (на примере концепта гаджета - тран...Культурологический анализ объекта дизайна (на примере концепта гаджета - тран...
Культурологический анализ объекта дизайна (на примере концепта гаджета - тран...Таня Быстрова
 
Дизайн и Бизнес: грани взаимодействия
Дизайн и Бизнес: грани взаимодействия Дизайн и Бизнес: грани взаимодействия
Дизайн и Бизнес: грани взаимодействия Maria Stashenko
 
Art direction курс / Лекция 3 / процесс дизайна, стратегия
Art direction курс / Лекция 3 / процесс дизайна, стратегияArt direction курс / Лекция 3 / процесс дизайна, стратегия
Art direction курс / Лекция 3 / процесс дизайна, стратегияDmitry Karpov
 
Как понять, что дизайн работает
Как понять, что дизайн работаетКак понять, что дизайн работает
Как понять, что дизайн работаетTanya Zavialova
 
Константин Горский — «Дизайн интерфейсов»
Константин Горский — «Дизайн интерфейсов»Константин Горский — «Дизайн интерфейсов»
Константин Горский — «Дизайн интерфейсов»Yandex
 
Design thinking meets social entrepreneurship
Design thinking meets social entrepreneurshipDesign thinking meets social entrepreneurship
Design thinking meets social entrepreneurshipService Design Experience
 
тайные знания коммерческих иллюстраторов
тайные знания коммерческих иллюстраторовтайные знания коммерческих иллюстраторов
тайные знания коммерческих иллюстраторовТранслируем.бел
 
MYATA-DESIGN (september)
MYATA-DESIGN (september)MYATA-DESIGN (september)
MYATA-DESIGN (september)Roman Starostin
 
культурологическая экспертиза промышленного объекта скутера «Segway»
культурологическая экспертиза промышленного объекта скутера «Segway»культурологическая экспертиза промышленного объекта скутера «Segway»
культурологическая экспертиза промышленного объекта скутера «Segway»Таня Быстрова
 

What's hot (15)

креативные люди вы нужны
креативные люди   вы нужныкреативные люди   вы нужны
креативные люди вы нужны
 
Проектная лаборатория курса "Дизайн-менеджмент"
Проектная лаборатория курса "Дизайн-менеджмент"Проектная лаборатория курса "Дизайн-менеджмент"
Проектная лаборатория курса "Дизайн-менеджмент"
 
Business in Design. Reframing (in Russian)
Business in Design. Reframing (in Russian)Business in Design. Reframing (in Russian)
Business in Design. Reframing (in Russian)
 
Культурологический анализ объекта дизайна (на примере концепта гаджета - тран...
Культурологический анализ объекта дизайна (на примере концепта гаджета - тран...Культурологический анализ объекта дизайна (на примере концепта гаджета - тран...
Культурологический анализ объекта дизайна (на примере концепта гаджета - тран...
 
Дизайн и Бизнес: грани взаимодействия
Дизайн и Бизнес: грани взаимодействия Дизайн и Бизнес: грани взаимодействия
Дизайн и Бизнес: грани взаимодействия
 
Art direction курс / Лекция 3 / процесс дизайна, стратегия
Art direction курс / Лекция 3 / процесс дизайна, стратегияArt direction курс / Лекция 3 / процесс дизайна, стратегия
Art direction курс / Лекция 3 / процесс дизайна, стратегия
 
Progression art direction
Progression art directionProgression art direction
Progression art direction
 
Progression art direction
Progression art directionProgression art direction
Progression art direction
 
Art Direction for Dummies
Art Direction for DummiesArt Direction for Dummies
Art Direction for Dummies
 
Как понять, что дизайн работает
Как понять, что дизайн работаетКак понять, что дизайн работает
Как понять, что дизайн работает
 
Константин Горский — «Дизайн интерфейсов»
Константин Горский — «Дизайн интерфейсов»Константин Горский — «Дизайн интерфейсов»
Константин Горский — «Дизайн интерфейсов»
 
Design thinking meets social entrepreneurship
Design thinking meets social entrepreneurshipDesign thinking meets social entrepreneurship
Design thinking meets social entrepreneurship
 
тайные знания коммерческих иллюстраторов
тайные знания коммерческих иллюстраторовтайные знания коммерческих иллюстраторов
тайные знания коммерческих иллюстраторов
 
MYATA-DESIGN (september)
MYATA-DESIGN (september)MYATA-DESIGN (september)
MYATA-DESIGN (september)
 
культурологическая экспертиза промышленного объекта скутера «Segway»
культурологическая экспертиза промышленного объекта скутера «Segway»культурологическая экспертиза промышленного объекта скутера «Segway»
культурологическая экспертиза промышленного объекта скутера «Segway»
 

Similar to Design Course 1 intro to design

Designlecture 091008072837-phpapp01
Designlecture 091008072837-phpapp01Designlecture 091008072837-phpapp01
Designlecture 091008072837-phpapp01Nika Stuard
 
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр КировВстреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр КировCocoaHeads
 
Дизайн (based on Tom Peters "Design")
Дизайн (based on Tom Peters "Design")Дизайн (based on Tom Peters "Design")
Дизайн (based on Tom Peters "Design")Oleg Pliska
 
User eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себяUser eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себяAndrew Yaroshenko
 
Дизайн: от предмета к смыслу. Презентация на интенсиве Design Thinking Lab 20...
Дизайн: от предмета к смыслу. Презентация на интенсиве Design Thinking Lab 20...Дизайн: от предмета к смыслу. Презентация на интенсиве Design Thinking Lab 20...
Дизайн: от предмета к смыслу. Презентация на интенсиве Design Thinking Lab 20...Maria Stashenko
 
Всем плевать на ваш дизайн
Всем плевать на ваш дизайнВсем плевать на ваш дизайн
Всем плевать на ваш дизайнAlexander Kirov
 
Всё юзабилити за час
Всё юзабилити за часВсё юзабилити за час
Всё юзабилити за часDigital Guru Club
 
практика дизайн мышления
практика дизайн мышленияпрактика дизайн мышления
практика дизайн мышленияKatya Labinskaya
 
Design thinking for sales
Design thinking for sales Design thinking for sales
Design thinking for sales ITCP Community
 
Путь от технологического стартапа 
к компании, движимой дизайном
Путь от технологического стартапа 
к компании, движимой дизайном Путь от технологического стартапа 
к компании, движимой дизайном
Путь от технологического стартапа 
к компании, движимой дизайном Tanya Zavialova
 
Копирайтер? Fuck yeah!
Копирайтер? Fuck yeah!Копирайтер? Fuck yeah!
Копирайтер? Fuck yeah!Polina Besedina
 
10 лет развития продукта: чему можно научиться (Сергей Рыжиков)
10 лет развития продукта: чему можно научиться (Сергей Рыжиков)10 лет развития продукта: чему можно научиться (Сергей Рыжиков)
10 лет развития продукта: чему можно научиться (Сергей Рыжиков)Ontico
 
Базовая-формула-дизайн-мышления_lumiknows-2016
Базовая-формула-дизайн-мышления_lumiknows-2016Базовая-формула-дизайн-мышления_lumiknows-2016
Базовая-формула-дизайн-мышления_lumiknows-2016Lumiknows Consultancy
 
IDealMachine October 2014
IDealMachine October 2014IDealMachine October 2014
IDealMachine October 2014cgvictor
 
iDeal Machine - UX - 27052014 - preview
iDeal Machine - UX - 27052014 - previewiDeal Machine - UX - 27052014 - preview
iDeal Machine - UX - 27052014 - previewcgvictor
 
CodeFest 2011. Горский К. — Как найти дизайнера
CodeFest 2011. Горский К. — Как найти дизайнераCodeFest 2011. Горский К. — Как найти дизайнера
CodeFest 2011. Горский К. — Как найти дизайнераCodeFest
 
Дизайн упаковки
Дизайн упаковкиДизайн упаковки
Дизайн упаковкиAram Mirzoyants
 

Similar to Design Course 1 intro to design (20)

Designlecture 091008072837-phpapp01
Designlecture 091008072837-phpapp01Designlecture 091008072837-phpapp01
Designlecture 091008072837-phpapp01
 
004 Лекция о дизайне
004 Лекция о дизайне004 Лекция о дизайне
004 Лекция о дизайне
 
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр КировВстреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
 
Дизайн (based on Tom Peters "Design")
Дизайн (based on Tom Peters "Design")Дизайн (based on Tom Peters "Design")
Дизайн (based on Tom Peters "Design")
 
User eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себяUser eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себя
 
User eXperience design
User eXperience designUser eXperience design
User eXperience design
 
Дизайн: от предмета к смыслу. Презентация на интенсиве Design Thinking Lab 20...
Дизайн: от предмета к смыслу. Презентация на интенсиве Design Thinking Lab 20...Дизайн: от предмета к смыслу. Презентация на интенсиве Design Thinking Lab 20...
Дизайн: от предмета к смыслу. Презентация на интенсиве Design Thinking Lab 20...
 
Всем плевать на ваш дизайн
Всем плевать на ваш дизайнВсем плевать на ваш дизайн
Всем плевать на ваш дизайн
 
Всё юзабилити за час
Всё юзабилити за часВсё юзабилити за час
Всё юзабилити за час
 
практика дизайн мышления
практика дизайн мышленияпрактика дизайн мышления
практика дизайн мышления
 
Design thinking for sales
Design thinking for sales Design thinking for sales
Design thinking for sales
 
Путь от технологического стартапа 
к компании, движимой дизайном
Путь от технологического стартапа 
к компании, движимой дизайном Путь от технологического стартапа 
к компании, движимой дизайном
Путь от технологического стартапа 
к компании, движимой дизайном
 
Копирайтер? Fuck yeah!
Копирайтер? Fuck yeah!Копирайтер? Fuck yeah!
Копирайтер? Fuck yeah!
 
10 лет развития продукта: чему можно научиться (Сергей Рыжиков)
10 лет развития продукта: чему можно научиться (Сергей Рыжиков)10 лет развития продукта: чему можно научиться (Сергей Рыжиков)
10 лет развития продукта: чему можно научиться (Сергей Рыжиков)
 
Базовая-формула-дизайн-мышления_lumiknows-2016
Базовая-формула-дизайн-мышления_lumiknows-2016Базовая-формула-дизайн-мышления_lumiknows-2016
Базовая-формула-дизайн-мышления_lumiknows-2016
 
IDealMachine October 2014
IDealMachine October 2014IDealMachine October 2014
IDealMachine October 2014
 
iDeal Machine - UX - 27052014 - preview
iDeal Machine - UX - 27052014 - previewiDeal Machine - UX - 27052014 - preview
iDeal Machine - UX - 27052014 - preview
 
CodeFest 2011. Горский К. — Как найти дизайнера
CodeFest 2011. Горский К. — Как найти дизайнераCodeFest 2011. Горский К. — Как найти дизайнера
CodeFest 2011. Горский К. — Как найти дизайнера
 
Дизайн упаковки
Дизайн упаковкиДизайн упаковки
Дизайн упаковки
 
креативное агентство
креативное агентствокреативное агентство
креативное агентство
 

More from Kostya Gorskiy

More from Kostya Gorskiy (7)

Design Course 6 controls
Design Course 6 controlsDesign Course 6 controls
Design Course 6 controls
 
Design Course 5 graphic
Design Course 5 graphicDesign Course 5 graphic
Design Course 5 graphic
 
Design Course 4 interaction
Design Course 4 interactionDesign Course 4 interaction
Design Course 4 interaction
 
Design Course 3 process
Design Course 3 processDesign Course 3 process
Design Course 3 process
 
Design Course 2 research
Design Course 2 researchDesign Course 2 research
Design Course 2 research
 
Design Course 7 final
Design Course 7 finalDesign Course 7 final
Design Course 7 final
 
WUD2010
WUD2010WUD2010
WUD2010
 

Design Course 1 intro to design

  • 3. 1.1 Вот с чем мы познакомимся: Вступление Что такое дизайн и почему вам нужно об этом знать Исследования и юзабилити Как проектировать интерфейс Некоторые идеи интерактивного дизайна Некоторые идеи графического дизайна Основные контролы и правила их использования Заключительная часть
  • 4. 1.2 Организационные моменты Пожалуйста, не стесняйтесь в любой момент спрашивать меня, если вам что-то непонятно. Глупых вопросов не бывает!
  • 5. 1.3 Организационные моменты Вы усвоите только то, что запишете.
  • 6. 1.4 Как связаться kostya@gorskiy.ru *в теме письма укажите, пожалуйста, [design]
  • 7. Что такое дизайн, и почему вам нужно об этом знать
  • 8. 1 А как вы понимаете, что такое «дизайн»? фото: Adobe
  • 9. 2 Определения из словарей и энциклопедий Дизайн — это ... творческий метод, процесс и результат художественно-технического проектирования промышленных изделий, их комплексов и систем, ориентированного на достижение наиболее полного соответствия создаваемых объектов и среды в целом возможностям и потребности человека, как утилитарным, так и эстетическим вид деятельности по проектированию предметного мира специфический ряд проектной деятельности, объединивший художественно-предметное англ. design — проектировать, творчество и научно обоснованную чертить, задумать, а также проект, инженерную практику в сфере план, рисунок индустриального производства художественное творческая деятельность, целью конструирование предметного мира; разработка образцов которой является определение рационального построения формальных качеств промышленных предметной среды изделий
  • 10. 3 Дизайн — это сознательные и интуитивные усилия по созданию значимого порядка.
  • 11. 4 А еще дизайн — это результат этих усилий.
  • 12. 5 Стив Джобc — В речи большинства людей «дизайн» означает облицовку. Но это совершенно не так! Дизайн — это основа и душа любого человеческого творения. фото: msnbc.msn.com
  • 13. 6 Том Питерс — Дизайн — это страсть, эмоция и приверженность, и все это должно быть в сердце любого бизнеса. фото: www.tompeters.com
  • 14. 7 В компании Volvo из 600 сотрудников 200 имеют в названии должности слово design фото: Volvo
  • 15. 8 Понятие «дизайн» включает в себя: Продукт Эстетика Интерфейс
  • 16. 9
  • 17. 10 Понимание того, что дизайн — это не только внешний вид, бесценно.
  • 18. 11 Понятие «дизайн» включает в себя: Продукт
  • 19. фото SmartMarmot с сайта flickr.com 12
  • 20. фото SmartMarmot с сайта flickr.com 13 185 руб.
  • 21. 14 Дизайн конвертируется в деньги 180 руб. фото donchris!™ с сайта flickr.com
  • 22. 15 Продукт — это упакованная ценность.
  • 23. 16 Понятие «дизайн» включает в себя: Интерфейс
  • 24. 17
  • 25. 18
  • 26. 19
  • 27. 20 Понятие «дизайн» включает в себя: Интерфейс — это совокупность средств и методов, при помощи которых пользователь взаимодействует с машиной или устройством. Эстетика
  • 28. 21 Как дизайнеры видят окружающий мир Нормальные люди Дизайнеры «Продукт» или «услуга» «Переживания» Это хороший товар Это кайф, писк Он работает Он оставляет воспоминания «Я рад, что купил его» «Я хочу еще!» Удовлетворенный клиент Член клуба Постоянный клиент Маркетинг из уст в уста пример из книги Тома Питерса «Основы. Дизайн» Вы получаете то, Вы удивлены и в восторге за что платите от каждого поворота Товар вам по карману Товар вам по душе Удовлетворяет вашу потребность Помогает вам самоопределиться
  • 29. 22 Понятие «дизайн» включает в себя: Продукт Эстетика Интерфейс
  • 30. 23 Дизайнерская компания
  • 31. 24 Джонни Айв старший вице-президент по дизайну
  • 32. 25 Дизайнерская компания
  • 33. 26 Марисса Майер вице-президент по дизайну и user experience
  • 34. 27 Дизайнерская компания
  • 35. 28 Билл Бакстон директор по исследованиям user experience, дизайнер
  • 36. 29 Дизайнерская компания А вашу компанию можно поставить на этот слайд?
  • 37. 30 К чему приводит такой подход? Apple, Google, Microsoft, ... 1 Повышается лояльность постоянных клиентов, легче и быстрее происходят все согласования 2 Многократно увеличивается вероятность привлечения новых заказчиков 3 Сокращается число обращений в службу поддержки, претензий и замечаний, увеличивается число положительных и восторженных отзывов
  • 38. 31 К чему приводит такой подход? Apple, Google, Microsoft, ... Если вы хотите идти впереди, задавать тренды, а не следовать им, вам никуда не деться от дизайна.
  • 39. фото Ludovic Hirlimann с сайта flickr.com 32 Что видит пользователь?
  • 40. 33 Почему именно вам нужно об этом знать Да задолбала эта документация!!!
  • 41. 34 Лучше один раз увидеть