SlideShare a Scribd company logo
Дизайн интерфейсов

Константин Горский
дизайнер
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

PDF
Design Thinking Guide
PDF
Design Thinking for StartUps
PDF
Дизайн решает!
PPT
Культурологический анализ чайника "QETTLE"
PPTX
Культурологический анализ продукта QETTLE
PPTX
культурологическая экспертиза. кочелаева т.в. фо 300401
PPTX
Культурологическая экспертиза на тему Устройство зарядки телефона от энергии...
PPTX
Design Thinking & Theory of Generations
Design Thinking Guide
Design Thinking for StartUps
Дизайн решает!
Культурологический анализ чайника "QETTLE"
Культурологический анализ продукта QETTLE
культурологическая экспертиза. кочелаева т.в. фо 300401
Культурологическая экспертиза на тему Устройство зарядки телефона от энергии...
Design Thinking & Theory of Generations

What's hot (15)

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

Similar to Design Course 1 intro to design (20)

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

More from Kostya Gorskiy (7)

PDF
Design Course 6 controls
PDF
Design Course 5 graphic
PDF
Design Course 4 interaction
PDF
Design Course 3 process
PDF
Design Course 2 research
PDF
Design Course 7 final
PDF
Design Course 6 controls
Design Course 5 graphic
Design Course 4 interaction
Design Course 3 process
Design Course 2 research
Design Course 7 final

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 Лучше один раз увидеть