SlideShare a Scribd company logo
1 of 6
Как создаются качественные
интерфейсы мобильных приложений?
Павел Голуб
golub@arcsinus.ru
Хороший и плохой интерфейс

Фото и часть названий из постера из к/ф «Хороший, плохой, злой» Серджио Леоне
Хороший и плохой интерфейс
Хороший интерфейс –
пользователь удовлетворен

А чем именно?

Неудачный интерфейс –
пользователь не удовлетворен

Продуктом!
3
Продукт и интерфейс.
Цели проектирования
Продукт

+
Хороший продукт,

Хороший продукт,

слабый интерфейс

хороший интерфейс

-

+
Слабый продукт,
слабый интерфейс

Интерфейс

Слабый продукт,
хороший интерфейс

-

4
Проектирование. Как избежать ошибок в
интерфейсе
Уточнение целевой аудитории,
выявление  уточнение
существующих у нее проблем,
которые должен решать продукт

Идея продукта

Понимание
основных задач
продукта

Формулирование основной
идеи продукта, ее уточнение и
проработка, исходя из
потребностей пользователей

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

Функционал-сть

Определение основных
сценариев использования
продукта, проектирование
функциональности

Разработка
взаимодействия
пользователя с
продуктом

Проверка  оценка
получившегося интерфейса
на предмет соответствия
целям и ограничениям

5
Пример

6

More Related Content

Viewers also liked (13)

Horecatrends Juli
Horecatrends JuliHorecatrends Juli
Horecatrends Juli
 
Company Presentation
Company PresentationCompany Presentation
Company Presentation
 
Deforestation
DeforestationDeforestation
Deforestation
 
BASEBALL CAPS
BASEBALL  CAPSBASEBALL  CAPS
BASEBALL CAPS
 
Xavier faidella guinea imperi antic.
Xavier faidella guinea imperi antic.Xavier faidella guinea imperi antic.
Xavier faidella guinea imperi antic.
 
Task 2d
Task 2dTask 2d
Task 2d
 
Brecha
BrechaBrecha
Brecha
 
Didactobiografia
DidactobiografiaDidactobiografia
Didactobiografia
 
Research centres
Research centresResearch centres
Research centres
 
Proposal
ProposalProposal
Proposal
 
Descripciones fisica
Descripciones fisicaDescripciones fisica
Descripciones fisica
 
3d prostehtic hand
3d prostehtic hand3d prostehtic hand
3d prostehtic hand
 
Graphic Space Project
Graphic Space ProjectGraphic Space Project
Graphic Space Project
 

Similar to Как создаются качественные интерфейсы мобильных приложений?

SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...Yury Vetrov
 
5 minutes for design or how can programmer make user be happy
5 minutes for design or how can programmer make user be happy5 minutes for design or how can programmer make user be happy
5 minutes for design or how can programmer make user be happyEkaterina Davidova
 
Эллина Азадова "Что за зверь Usability... и как его протестировать"
Эллина Азадова "Что за зверь Usability... и как его протестировать"Эллина Азадова "Что за зверь Usability... и как его протестировать"
Эллина Азадова "Что за зверь Usability... и как его протестировать"Marina Peregud
 
Проектирование интернет-проектов
Проектирование интернет-проектовПроектирование интернет-проектов
Проектирование интернет-проектовAlex Shishkin
 
Юзабилити сайта
Юзабилити сайтаЮзабилити сайта
Юзабилити сайтаDmitry Satin
 
Юзабилити Сайта
Юзабилити СайтаЮзабилити Сайта
Юзабилити СайтаDmitry Satin
 
Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?Oleg Karapuzov
 
Cоздание эффективного сайта
Cоздание эффективного сайтаCоздание эффективного сайта
Cоздание эффективного сайтаDarya Karelina
 
Юзабилити аудит и сплит тестирование
Юзабилити аудит и сплит тестированиеЮзабилити аудит и сплит тестирование
Юзабилити аудит и сплит тестированиеЕвгений Храмов
 
Укрощение интерфейсов — Павел Шерер
Укрощение интерфейсов — Павел ШерерУкрощение интерфейсов — Павел Шерер
Укрощение интерфейсов — Павел ШерерWake_up_province
 
Эволюция интерфейса. Без магии и читерства
Эволюция интерфейса. Без магии и читерстваЭволюция интерфейса. Без магии и читерства
Эволюция интерфейса. Без магии и читерстваZotov Andrey
 
Экстремальные юзабилити методы
Экстремальные юзабилити методыЭкстремальные юзабилити методы
Экстремальные юзабилити методыAnastasia Yakoubova
 
Экстремальные юзабилити методы
Экстремальные юзабилити методы Экстремальные юзабилити методы
Экстремальные юзабилити методы yaevents
 
Human Centered Design
Human Centered DesignHuman Centered Design
Human Centered Designguvarov
 
Дизайн пользовательских интерфейсов для разработчиков
Дизайн пользовательских интерфейсов для разработчиковДизайн пользовательских интерфейсов для разработчиков
Дизайн пользовательских интерфейсов для разработчиковIgor Malinovskiy
 
Зачем нужен менеджер продукта при живом проектировщике интерфейса
Зачем нужен менеджер продукта при живом проектировщике интерфейсаЗачем нужен менеджер продукта при живом проектировщике интерфейса
Зачем нужен менеджер продукта при живом проектировщике интерфейсаDenis Beskov
 
Создание сайта
Создание сайтаСоздание сайта
Создание сайтаArsen Petrosyan
 

Similar to Как создаются качественные интерфейсы мобильных приложений? (20)

SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
 
5 minutes for design or how can programmer make user be happy
5 minutes for design or how can programmer make user be happy5 minutes for design or how can programmer make user be happy
5 minutes for design or how can programmer make user be happy
 
Эллина Азадова "Что за зверь Usability... и как его протестировать"
Эллина Азадова "Что за зверь Usability... и как его протестировать"Эллина Азадова "Что за зверь Usability... и как его протестировать"
Эллина Азадова "Что за зверь Usability... и как его протестировать"
 
Проектирование интернет-проектов
Проектирование интернет-проектовПроектирование интернет-проектов
Проектирование интернет-проектов
 
Launched startup
Launched startupLaunched startup
Launched startup
 
Юзабилити сайта
Юзабилити сайтаЮзабилити сайта
Юзабилити сайта
 
Юзабилити Сайта
Юзабилити СайтаЮзабилити Сайта
Юзабилити Сайта
 
Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?
 
Cоздание эффективного сайта
Cоздание эффективного сайтаCоздание эффективного сайта
Cоздание эффективного сайта
 
Юзабилити аудит и сплит тестирование
Юзабилити аудит и сплит тестированиеЮзабилити аудит и сплит тестирование
Юзабилити аудит и сплит тестирование
 
Укрощение интерфейсов — Павел Шерер
Укрощение интерфейсов — Павел ШерерУкрощение интерфейсов — Павел Шерер
Укрощение интерфейсов — Павел Шерер
 
Эволюция интерфейса. Без магии и читерства
Эволюция интерфейса. Без магии и читерстваЭволюция интерфейса. Без магии и читерства
Эволюция интерфейса. Без магии и читерства
 
Экстремальные юзабилити методы
Экстремальные юзабилити методыЭкстремальные юзабилити методы
Экстремальные юзабилити методы
 
Экстремальные юзабилити методы
Экстремальные юзабилити методы Экстремальные юзабилити методы
Экстремальные юзабилити методы
 
Human Centered Design
Human Centered DesignHuman Centered Design
Human Centered Design
 
Дизайн пользовательских интерфейсов для разработчиков
Дизайн пользовательских интерфейсов для разработчиковДизайн пользовательских интерфейсов для разработчиков
Дизайн пользовательских интерфейсов для разработчиков
 
Зачем нужен менеджер продукта при живом проектировщике интерфейса
Зачем нужен менеджер продукта при живом проектировщике интерфейсаЗачем нужен менеджер продукта при живом проектировщике интерфейса
Зачем нужен менеджер продукта при живом проектировщике интерфейса
 
Design Talks 2017
Design Talks 2017Design Talks 2017
Design Talks 2017
 
Travelerist
TraveleristTravelerist
Travelerist
 
Создание сайта
Создание сайтаСоздание сайта
Создание сайта
 

More from Apps4All

Презентация хакатона Apps4All 13-14 декабря 2013
Презентация хакатона Apps4All 13-14 декабря 2013Презентация хакатона Apps4All 13-14 декабря 2013
Презентация хакатона Apps4All 13-14 декабря 2013Apps4All
 
Презентация хакатона Apps4All 13-14 декабря 2013
Презентация хакатона Apps4All 13-14 декабря 2013Презентация хакатона Apps4All 13-14 декабря 2013
Презентация хакатона Apps4All 13-14 декабря 2013Apps4All
 
Аудитория мобильного Интернета
Аудитория мобильного ИнтернетаАудитория мобильного Интернета
Аудитория мобильного ИнтернетаApps4All
 
Goal number one
Goal number oneGoal number one
Goal number oneApps4All
 
Лучшие практики подготовки к переводу мобильных приложений к выпуску качестве...
Лучшие практики подготовки к переводу мобильных приложений к выпуску качестве...Лучшие практики подготовки к переводу мобильных приложений к выпуску качестве...
Лучшие практики подготовки к переводу мобильных приложений к выпуску качестве...Apps4All
 
Александра Кочеткова Touch'anka
Александра Кочеткова Touch'ankaАлександра Кочеткова Touch'anka
Александра Кочеткова Touch'ankaApps4All
 
Измерение мобильной аудитории: в поисках валюты рынка
Измерение мобильной аудитории: в поисках валюты рынкаИзмерение мобильной аудитории: в поисках валюты рынка
Измерение мобильной аудитории: в поисках валюты рынкаApps4All
 
Ваща аудитория в мобильных социальных сетях
Ваща аудитория в мобильных социальных сетяхВаща аудитория в мобильных социальных сетях
Ваща аудитория в мобильных социальных сетяхApps4All
 
Использование мобильных приложений
Использование мобильных приложенийИспользование мобильных приложений
Использование мобильных приложенийApps4All
 
Аудитория мобильного Интернета
Аудитория мобильного ИнтернетаАудитория мобильного Интернета
Аудитория мобильного ИнтернетаApps4All
 
Сурен Макарян Mobile Info
Сурен Макарян  Mobile InfoСурен Макарян  Mobile Info
Сурен Макарян Mobile InfoApps4All
 
Игорь Еремен iVengo
Игорь Еремен iVengoИгорь Еремен iVengo
Игорь Еремен iVengoApps4All
 
Елена Пикунова Opera Mediaworks
Елена Пикунова Opera MediaworksЕлена Пикунова Opera Mediaworks
Елена Пикунова Opera MediaworksApps4All
 
Андрей Шатров WapStart
Андрей Шатров WapStartАндрей Шатров WapStart
Андрей Шатров WapStartApps4All
 
Cергей Джейгало Major Domo
Cергей Джейгало Major DomoCергей Джейгало Major Domo
Cергей Джейгало Major DomoApps4All
 
Григорий Ситнин Z-Wave.me
Григорий Ситнин Z-Wave.meГригорий Ситнин Z-Wave.me
Григорий Ситнин Z-Wave.meApps4All
 
Сергей Коренев Zoomby
Сергей Коренев ZoombyСергей Коренев Zoomby
Сергей Коренев ZoombyApps4All
 
Сергей Быков ivi.ru
Сергей Быков ivi.ruСергей Быков ivi.ru
Сергей Быков ivi.ruApps4All
 
Аркадий Левин Антология русской поэзии
Аркадий Левин Антология русской поэзииАркадий Левин Антология русской поэзии
Аркадий Левин Антология русской поэзииApps4All
 
Алена Соснина Enaza
Алена Соснина EnazaАлена Соснина Enaza
Алена Соснина EnazaApps4All
 

More from Apps4All (20)

Презентация хакатона Apps4All 13-14 декабря 2013
Презентация хакатона Apps4All 13-14 декабря 2013Презентация хакатона Apps4All 13-14 декабря 2013
Презентация хакатона Apps4All 13-14 декабря 2013
 
Презентация хакатона Apps4All 13-14 декабря 2013
Презентация хакатона Apps4All 13-14 декабря 2013Презентация хакатона Apps4All 13-14 декабря 2013
Презентация хакатона Apps4All 13-14 декабря 2013
 
Аудитория мобильного Интернета
Аудитория мобильного ИнтернетаАудитория мобильного Интернета
Аудитория мобильного Интернета
 
Goal number one
Goal number oneGoal number one
Goal number one
 
Лучшие практики подготовки к переводу мобильных приложений к выпуску качестве...
Лучшие практики подготовки к переводу мобильных приложений к выпуску качестве...Лучшие практики подготовки к переводу мобильных приложений к выпуску качестве...
Лучшие практики подготовки к переводу мобильных приложений к выпуску качестве...
 
Александра Кочеткова Touch'anka
Александра Кочеткова Touch'ankaАлександра Кочеткова Touch'anka
Александра Кочеткова Touch'anka
 
Измерение мобильной аудитории: в поисках валюты рынка
Измерение мобильной аудитории: в поисках валюты рынкаИзмерение мобильной аудитории: в поисках валюты рынка
Измерение мобильной аудитории: в поисках валюты рынка
 
Ваща аудитория в мобильных социальных сетях
Ваща аудитория в мобильных социальных сетяхВаща аудитория в мобильных социальных сетях
Ваща аудитория в мобильных социальных сетях
 
Использование мобильных приложений
Использование мобильных приложенийИспользование мобильных приложений
Использование мобильных приложений
 
Аудитория мобильного Интернета
Аудитория мобильного ИнтернетаАудитория мобильного Интернета
Аудитория мобильного Интернета
 
Сурен Макарян Mobile Info
Сурен Макарян  Mobile InfoСурен Макарян  Mobile Info
Сурен Макарян Mobile Info
 
Игорь Еремен iVengo
Игорь Еремен iVengoИгорь Еремен iVengo
Игорь Еремен iVengo
 
Елена Пикунова Opera Mediaworks
Елена Пикунова Opera MediaworksЕлена Пикунова Opera Mediaworks
Елена Пикунова Opera Mediaworks
 
Андрей Шатров WapStart
Андрей Шатров WapStartАндрей Шатров WapStart
Андрей Шатров WapStart
 
Cергей Джейгало Major Domo
Cергей Джейгало Major DomoCергей Джейгало Major Domo
Cергей Джейгало Major Domo
 
Григорий Ситнин Z-Wave.me
Григорий Ситнин Z-Wave.meГригорий Ситнин Z-Wave.me
Григорий Ситнин Z-Wave.me
 
Сергей Коренев Zoomby
Сергей Коренев ZoombyСергей Коренев Zoomby
Сергей Коренев Zoomby
 
Сергей Быков ivi.ru
Сергей Быков ivi.ruСергей Быков ivi.ru
Сергей Быков ivi.ru
 
Аркадий Левин Антология русской поэзии
Аркадий Левин Антология русской поэзииАркадий Левин Антология русской поэзии
Аркадий Левин Антология русской поэзии
 
Алена Соснина Enaza
Алена Соснина EnazaАлена Соснина Enaza
Алена Соснина Enaza
 

Как создаются качественные интерфейсы мобильных приложений?

  • 1. Как создаются качественные интерфейсы мобильных приложений? Павел Голуб golub@arcsinus.ru
  • 2. Хороший и плохой интерфейс Фото и часть названий из постера из к/ф «Хороший, плохой, злой» Серджио Леоне
  • 3. Хороший и плохой интерфейс Хороший интерфейс – пользователь удовлетворен А чем именно? Неудачный интерфейс – пользователь не удовлетворен Продуктом! 3
  • 4. Продукт и интерфейс. Цели проектирования Продукт + Хороший продукт, Хороший продукт, слабый интерфейс хороший интерфейс - + Слабый продукт, слабый интерфейс Интерфейс Слабый продукт, хороший интерфейс - 4
  • 5. Проектирование. Как избежать ошибок в интерфейсе Уточнение целевой аудитории, выявление уточнение существующих у нее проблем, которые должен решать продукт Идея продукта Понимание основных задач продукта Формулирование основной идеи продукта, ее уточнение и проработка, исходя из потребностей пользователей Проектирование интерфейса с учетом идеи продукта, информации о целевой аудитории, ее проблемах, которые должен решать продукт, сценариях использования, функциональных возможностях. Функционал-сть Определение основных сценариев использования продукта, проектирование функциональности Разработка взаимодействия пользователя с продуктом Проверка оценка получившегося интерфейса на предмет соответствия целям и ограничениям 5

Editor's Notes

  1. Поиск и выбор по каталогу, покупка, прослушивание