SlideShare a Scribd company logo
Знакомство с UI UX дизайном.
Что нужно для успешной работы?
Ветал Прокопенко
!
Lead UX UI Designer at CHI Software
Давайте знакомиться
Почему я не хер с горы…
• 4 года в дизайне, из них 3 в UX UI;
• занимаю должность Lead UX UI Designer в 22 года;
• дизайнер-самоучка (прохавал жизнь с низов);
• занимаюсь менторством перспективных ребят;
• клиенты из Европы и США.
01
Задолбал, когда уже про дизайн?
Что такое UI UX и с чем его едят?
Я сам хз, но сказать что-то нужно…
• дизайн вцелом;
• понятия UI и UX;
• эмпатия;
• кому это зайдет?
02
Дизайн — это…
2.1
Сделать как у Apple
В первую очередь дизайн — это решение какой-то
конкретной проблемы пользователя.
Если в Веб-дизайне мы только рисуем красивую картинку,
то как UI UX специалист мы должны мыслить глубже.
UI (user interface)
А можно сделать эту кнопку розовой? © Заказчик
Пользовательский интерфейс — это все, с чем нам
приходится работать каждый день, будь то кран
умывальника, микроволновка или же туалет.
2.2
UI
UX
UX (user experience)
И так сойдет…
Пользовательский опыт — это то, как мы взаимодействуем
с тем или иным интерфейсом. Насколько это будет удобно
и понятно - зависит только от создателя этого интерфейса.
2.2
Эмпатия — это…
Эээээммм….
Если человеческим языком, то это умение сопереживать
другому человеку, суметь поставить себя на его место.
Чтобы стать профессионалом своего дела, нужно научиться
проявлять эмпатию как к клиенту, так и к потенциальному
пользователю.
2.3
Кому оно вообще надо?
Тому, кого задолбало сидеть на кассе в АТБ
Если ты когда-то разрисовывал(а) рожи в газете или
рисовал(а) стенгазету для школы — поздравляю, у тебя
есть вкус и ты можешь стать дизайнером.
2.4
Что нужно знать, чтобы мочь в UI UX?
Как заварить Мивинку и открыть Фотошоп.
Твои бро:
Sketch Figma InVision Zeplin Principle
Твои небро:
Photoshop Illustrator
03
Почему Figma?
Во-первых это бесплатно… надо ли еще что-то?
Бесплатынй, кросплатформенный, векторный редактор,
который заточен непосредственно под UI UX дизайн,
с упрощенным интерфейсом и кучей плюшек для
коллаборации, а так же подготовки новичков к реальным
полевым условиям.
Когда я уже буду получать $1000?
$1000
$2000
!
Чем будем заниматься то?
Какие перспективы?
Будем рисовать кружочки и квадратики в разных перспективах
• пройдем курс молодого бойца;
• нарисуем офигенный проект для портфолио;
• помечтаем о большой зарплате;
• получим советы как лучше стартовать в IT.
04
Спасибо за внимание!
Это был мой первый раз, но надеюсь вам понравилось :)
"

More Related Content

Similar to Uix presentation

Test drive UI UX
Test drive UI UXTest drive UI UX
Test drive UI UX
Vitalii Prokopenko
 
UX, UI, Usability - как не запутаться в модных понятиях
UX, UI, Usability - как не запутаться в модных понятияхUX, UI, Usability - как не запутаться в модных понятиях
UX, UI, Usability - как не запутаться в модных понятиях
SQALab
 
Lviv MDDay 2014. Дмитро Чута “Інтерактивна революція чи що потрібно знати про...
Lviv MDDay 2014. Дмитро Чута “Інтерактивна революція чи що потрібно знати про...Lviv MDDay 2014. Дмитро Чута “Інтерактивна революція чи що потрібно знати про...
Lviv MDDay 2014. Дмитро Чута “Інтерактивна революція чи що потрібно знати про...
Lviv Startup Club
 
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...
Dmitriy Chuta
 
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...
GeeksLab Odessa
 
Course User interface — Lesson 7
Course User interface — Lesson 7Course User interface — Lesson 7
Course User interface — Lesson 7
Oleksandr Lisovskyi
 
Дизайнер, разработчик, нет конфликта, нет драмы — Евгения Малкова
Дизайнер, разработчик, нет конфликта, нет драмы — Евгения МалковаДизайнер, разработчик, нет конфликта, нет драмы — Евгения Малкова
Дизайнер, разработчик, нет конфликта, нет драмы — Евгения Малкова
CocoaHeads
 
Back to the future — UX 2015
Back to the future — UX 2015Back to the future — UX 2015
Back to the future — UX 2015
Vladyslav Miasnikov
 
Usability don't make me think
Usability don't make me thinkUsability don't make me think
Usability don't make me think
Konstantin Polosukhin
 
Всем плевать на ваш дизайн
Всем плевать на ваш дизайнВсем плевать на ваш дизайн
Всем плевать на ваш дизайнAlexander Kirov
 
Будущее креативных профессий: как технологии влияют на наши возможности
Будущее креативных профессий: как технологии влияют на наши возможностиБудущее креативных профессий: как технологии влияют на наши возможности
Будущее креативных профессий: как технологии влияют на наши возможности
Sasha Ermolenko
 
Interaction Design
Interaction DesignInteraction Design
Interaction Designguvarov
 
Design Course 1 intro to design
Design Course 1 intro to designDesign Course 1 intro to design
Design Course 1 intro to designKostya Gorskiy
 
Что делать, если вы не нашли дизайнера в проект?
Что делать, если вы не нашли дизайнера в проект?Что делать, если вы не нашли дизайнера в проект?
Что делать, если вы не нашли дизайнера в проект?
Mikhail Kulakov
 
User eXperience design
User eXperience designUser eXperience design
User eXperience design
New Strategies Group
 
Design Course 3 process
Design Course 3 processDesign Course 3 process
Design Course 3 processKostya Gorskiy
 
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр КировВстреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
CocoaHeads
 
User eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себяUser eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себяAndrew Yaroshenko
 
Продукт с нуля
Продукт с нуляПродукт с нуля
Продукт с нуля
ITCP Community
 
User experience, как замена юзабилити
User experience, как замена юзабилитиUser experience, как замена юзабилити
User experience, как замена юзабилити
SQALab
 

Similar to Uix presentation (20)

Test drive UI UX
Test drive UI UXTest drive UI UX
Test drive UI UX
 
UX, UI, Usability - как не запутаться в модных понятиях
UX, UI, Usability - как не запутаться в модных понятияхUX, UI, Usability - как не запутаться в модных понятиях
UX, UI, Usability - как не запутаться в модных понятиях
 
Lviv MDDay 2014. Дмитро Чута “Інтерактивна революція чи що потрібно знати про...
Lviv MDDay 2014. Дмитро Чута “Інтерактивна революція чи що потрібно знати про...Lviv MDDay 2014. Дмитро Чута “Інтерактивна революція чи що потрібно знати про...
Lviv MDDay 2014. Дмитро Чута “Інтерактивна революція чи що потрібно знати про...
 
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...
 
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...
 
Course User interface — Lesson 7
Course User interface — Lesson 7Course User interface — Lesson 7
Course User interface — Lesson 7
 
Дизайнер, разработчик, нет конфликта, нет драмы — Евгения Малкова
Дизайнер, разработчик, нет конфликта, нет драмы — Евгения МалковаДизайнер, разработчик, нет конфликта, нет драмы — Евгения Малкова
Дизайнер, разработчик, нет конфликта, нет драмы — Евгения Малкова
 
Back to the future — UX 2015
Back to the future — UX 2015Back to the future — UX 2015
Back to the future — UX 2015
 
Usability don't make me think
Usability don't make me thinkUsability don't make me think
Usability don't make me think
 
Всем плевать на ваш дизайн
Всем плевать на ваш дизайнВсем плевать на ваш дизайн
Всем плевать на ваш дизайн
 
Будущее креативных профессий: как технологии влияют на наши возможности
Будущее креативных профессий: как технологии влияют на наши возможностиБудущее креативных профессий: как технологии влияют на наши возможности
Будущее креативных профессий: как технологии влияют на наши возможности
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
Design Course 1 intro to design
Design Course 1 intro to designDesign Course 1 intro to design
Design Course 1 intro to design
 
Что делать, если вы не нашли дизайнера в проект?
Что делать, если вы не нашли дизайнера в проект?Что делать, если вы не нашли дизайнера в проект?
Что делать, если вы не нашли дизайнера в проект?
 
User eXperience design
User eXperience designUser eXperience design
User eXperience design
 
Design Course 3 process
Design Course 3 processDesign Course 3 process
Design Course 3 process
 
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр КировВстреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
 
User eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себяUser eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себя
 
Продукт с нуля
Продукт с нуляПродукт с нуля
Продукт с нуля
 
User experience, как замена юзабилити
User experience, как замена юзабилитиUser experience, как замена юзабилити
User experience, как замена юзабилити
 

Uix presentation

  • 1. Знакомство с UI UX дизайном. Что нужно для успешной работы? Ветал Прокопенко ! Lead UX UI Designer at CHI Software
  • 2. Давайте знакомиться Почему я не хер с горы… • 4 года в дизайне, из них 3 в UX UI; • занимаю должность Lead UX UI Designer в 22 года; • дизайнер-самоучка (прохавал жизнь с низов); • занимаюсь менторством перспективных ребят; • клиенты из Европы и США. 01
  • 3. Задолбал, когда уже про дизайн?
  • 4. Что такое UI UX и с чем его едят? Я сам хз, но сказать что-то нужно… • дизайн вцелом; • понятия UI и UX; • эмпатия; • кому это зайдет? 02
  • 5. Дизайн — это… 2.1 Сделать как у Apple В первую очередь дизайн — это решение какой-то конкретной проблемы пользователя. Если в Веб-дизайне мы только рисуем красивую картинку, то как UI UX специалист мы должны мыслить глубже.
  • 6. UI (user interface) А можно сделать эту кнопку розовой? © Заказчик Пользовательский интерфейс — это все, с чем нам приходится работать каждый день, будь то кран умывальника, микроволновка или же туалет. 2.2
  • 8. UX (user experience) И так сойдет… Пользовательский опыт — это то, как мы взаимодействуем с тем или иным интерфейсом. Насколько это будет удобно и понятно - зависит только от создателя этого интерфейса. 2.2
  • 9.
  • 10.
  • 11.
  • 12. Эмпатия — это… Эээээммм…. Если человеческим языком, то это умение сопереживать другому человеку, суметь поставить себя на его место. Чтобы стать профессионалом своего дела, нужно научиться проявлять эмпатию как к клиенту, так и к потенциальному пользователю. 2.3
  • 13. Кому оно вообще надо? Тому, кого задолбало сидеть на кассе в АТБ Если ты когда-то разрисовывал(а) рожи в газете или рисовал(а) стенгазету для школы — поздравляю, у тебя есть вкус и ты можешь стать дизайнером. 2.4
  • 14. Что нужно знать, чтобы мочь в UI UX? Как заварить Мивинку и открыть Фотошоп. Твои бро: Sketch Figma InVision Zeplin Principle Твои небро: Photoshop Illustrator 03
  • 15. Почему Figma? Во-первых это бесплатно… надо ли еще что-то? Бесплатынй, кросплатформенный, векторный редактор, который заточен непосредственно под UI UX дизайн, с упрощенным интерфейсом и кучей плюшек для коллаборации, а так же подготовки новичков к реальным полевым условиям.
  • 16. Когда я уже буду получать $1000? $1000 $2000 !
  • 17. Чем будем заниматься то? Какие перспективы? Будем рисовать кружочки и квадратики в разных перспективах • пройдем курс молодого бойца; • нарисуем офигенный проект для портфолио; • помечтаем о большой зарплате; • получим советы как лучше стартовать в IT. 04
  • 18. Спасибо за внимание! Это был мой первый раз, но надеюсь вам понравилось :) "