![Page 1: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/1.jpg)
Как спроектировать успешное приложение для iPhone.
Мастер-‐класс
Артём Кузнецов
www.uexpert.ru [email protected]
Uexpert.ru
короткая
версия
![Page 2: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/2.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов2
Об автореЧленство в профессиональных
и научных сообществах
• ACM, ACM SIGCHI, RusCHI
Образование
• Казанский Государственный Университет, факультет ВМК, диплом прикладного математика (1995)
• Школа Дизайна при Казанской Архитектурной Академии, сертификат дизайнера (1998)
• Государственная Академия Профессиональной Переподготовки и Повышения Квалификации Руководящих Работников и Специалистов Инвестиционной Сферы, государственный диплом психолога-‐социолога (2004)
• CooperU, компания Алана Купера, сертификат курса Interaction Design Practicum (2006)
• CHI-‐2008 международная конференция: Persona life circle и Creating good usability tests (2008) ...
• C 1999 года занимается проектированием и тестированием пользовательских интерфейсов
• 2006 -‐ 2007 создал и руководил отделом проектирования пользовательских интерфейсов компании Acronis Inc.
• 2008 создал и руководил отделом проектирования пользовательских интерфейсов компании Яндекс.
• С октября 2008 года является независимым юзабилити экспертом
Артём Кузнецов Автор проекта U expert
![Page 3: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/3.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов3
Программа мастер-‐класса
– Почему мобильные приложения?
– Успешное мобильное приложение
– Пример неудачного взаимодействия с пользователями
– Обзор процесса проектирования
– Пример проведения пользовательского исследования
– Отличие проектирования мобильных приложений от обычных десктоп приложений
![Page 4: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/4.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов4
Программа мастер-‐класса (2)
– Стандарты, фишки, фичи
– Проектируем главное меню
– Снижаем порог вхождения
– Прогнозы развития
![Page 5: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/5.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов5
Чего не будет на мастер-‐классе, но будет на тренинге
– Средства прототипирования для iPhone
– Когда не стоит создавать приложение под iPhone
– Версия для iPad, отличия, ограничения
– Success stories
– Новшества iOS v.5
– Практикум проектирования
– и многое другое...
![Page 6: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/6.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов6
Почтим память Стива Джобса
![Page 7: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/7.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов7
Почему мобильные приложения?
![Page 8: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/8.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов8
Почему мобильные приложения?
~50% покупателей используют мобильные телефоны при
совершении покупок
Данные исследования компании “Arc Worldwide” основаны на
опросе более 1800 покупателей в США. 2011 год.
![Page 9: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/9.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов9
Успешное мобильное приложение
![Page 10: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/10.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов10
Успешное мобильное приложение
Какими качествами должно обладать успешное мобильное приложение?
![Page 11: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/11.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов11
Определение
Успешное мобильное приложение:•востребовано на рынке, •выполняет свое функциональное назначение,
•доставляет удовольствие,•рекомендуют друзьям и знакомым.
![Page 12: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/12.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов12
Успешное мобильное приложение (2)
Успешноемобильное приложение
![Page 13: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/13.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов13
Успешное мобильное приложение (3)
Успешное мобильное приложение создаёт у пользователя позитивный опыт.
![Page 14: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/14.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов14
Успешное мобильное приложение (4)
Для создания позитивного опыта необходимо учитывать особенности восприятия человека и его ожидания от взаимодействия с мобильным устройством.
![Page 15: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/15.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов15
Пример неудачного взаимодействия с пользователями
![Page 16: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/16.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов16
Приложение для заказа туров
Пиктограмма приложения
![Page 17: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/17.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов17
Некоторые бизнес-‐цели приложения
1.Продажи туристических услуг частным клиентам
2.Создание условий для высокой конверсии посетителей в покупатели
3.Стимулирование многократных заказов
4.Создание позитивного имиджа
Достигаются ли данные цели в приложении?
![Page 18: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/18.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов18
Персонаж• Менеджер по продаже бытовой техники, • 30 лет, • гражданский брак, • живёт в Нижнем Новгороде.• уровень компьютерной грамотности – средний• уровень знаний смартфона – средний
Сценарий• Поиск тура на двоих на Гоа, на неделю, курорт не важен, отель 2-‐3 звезды, главное – найти дешёвый тур.
Описание персонажа и сценария
![Page 19: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/19.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов19
Пиктограмма приложения
Входим
![Page 20: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/20.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов20
Экран приложения при загрузке
Что это?
не менее 15 секунд на экране чернота...
![Page 21: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/21.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов21
Экран приложения при загрузке 2
Почему пусто?
Не работает?
не менее 60 секунд на экране пусто...
![Page 22: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/22.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов22
Экран приложения при загрузке 3Что произойдёт при нажатии?
Сколько здесь предложений?
Как отсортировать по цене?
Как узнать цену в рублях?
Дата заезда плохо различима...
![Page 23: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/23.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов23
Страница тура
Сколько здесь отзывов?
Есть ли какая-‐то комплексная оценка?
Что произойдёт?
![Page 24: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/24.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов24
Страница тура
Посмотрю фотографии отеля
![Page 25: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/25.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов25
Страница тура
Что это значит?
при нажатии на фотографию строка становится малиновой, но ничего не происходит...
![Page 26: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/26.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов26
Страница тура
Понравилось!Где кнопка “Заказать”?
![Page 27: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/27.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов27
Страница тура
Сколько здесь отзывов?
Есть ли какая-‐то комплексная оценка?
Как понять, скольким он понравился?
![Page 28: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/28.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов28
Страница тура
Как перейти к следующему
отзыву?
![Page 29: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/29.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов29
Страница тура
Что это значит?
Не видно!
при нажатии на тур строка становится малиновой, но ничего не происходит...
![Page 30: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/30.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов30
Страница тура
Я лично не знаю флага Индии...
здесь несколько экранов с флагами стран, порядок сортировки засекречен
![Page 31: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/31.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов31
Страница тура
На что влияет этот выбор?
![Page 32: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/32.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов
Непонятно где центральный офис, можно ли заказать дистанционно и получить потом по почте или в аэропорту...
32
Страница тура
Где Нижний Новгород?
Куда мне звонить?
![Page 33: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/33.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов33
Страница тура
А где тур?
Где рассчет стоимости?
Клиент ожидает увидеть калькулятор рассчета стоимости тура, а получает форму обратной связи... Причем непонятно что сюда писать и когда я получу ответ?
![Page 34: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/34.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов34
Некоторые бизнес-‐цели компании
1.Продажи туристических услуг частным клиентам
2.Создание условий для высокой конверсии посетителей в покупатели
3.Стимулирование многократных заказов
4.Создание позитивного имиджа
Достигаются ли данные цели в приложении?Нет!
![Page 35: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/35.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов35
Выводы1.Реальная продажа не происходит (Клиент мог закрыть приложение несколько раз на разных стадиях)
2.У клиента остаются неоправданные ожидания и возникает разочарование.
3.Имидж компании в глазах клиента после этого нельзя назвать позитивным.
Неудивительно, что в AppStore это приложение получило более тысячи неудовлетворительных оценок!
![Page 36: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/36.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов36
Обзор процесса проектирования
![Page 37: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/37.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов37
Обзор процесса проектирования
Сбор данных
Анализ
Исследование
Концептуальное проектирование
Детальное проектированиеСинтез
Сопровождение разработки
Поддержка внедрения
Авторский надзор
![Page 38: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/38.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов38
Обзор процесса проектирования (2)
Бизнес-‐цели?
Какие у нас есть функциональные возможности?
Какие у нас есть ограничения (финансовые, временные, техн.)?
Кто пользователи?
Цели и задачи пользователей?
Контекст использования?
Исследование > Вопросы
![Page 39: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/39.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов39
Обзор процесса проектирования (3)
Исследование > Инструменты и методы• Интервью• Анкетирование• Полевые наблюдения• Фокус-‐группы• Анализ документации, логов• Конкурентный анализ• Анализ тенденций• Моделирование набора персонажей• Создание контекстных и ключевых сценариев• и др.
![Page 40: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/40.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов40
Обзор процесса проектирования (4)
Из каких частей будет состоять приложение?
Синтез > Вопросы
Как эти части будут взаимо-‐действовать друг с другом?
Частота и важность запрашиваемого функционала?
Как выглядит каждый экран приложения?
Что будет по нажатию на кнопку X?
![Page 41: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/41.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов41
Обзор процесса проектирования (5)
Синтез > Инструменты и методы• Формирование структуры• Группировка и описание элементов• Прототипирование• Валидация прототипов• Юзабилити-‐тестирование прототипов• Графическое оформление• Использование дизайн-‐паттернов• Использование проверочных списков • и др.
![Page 42: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/42.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов42
Обзор процесса проектирования (6)
Не успеваем сделать элемент управления X,
чем его заменить?
Авторский надзор > Вопросы
Как должна вести себя кнопка Y?
Как должен вести себя блок Z при смене
ориентации экрана?
Насколько понятным получилось интерфейсное
решение W?
Что можно отложить на следующий релиз?
![Page 43: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/43.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов43
Обзор процесса проектирования (7)
Авт. надзор > Инструменты и методы• Консультации разработчиков• Проверка результатов программирования• Поиск компромиссных решений• Вычитка текстов, сверка со словарём пользователя
• Анализ обратной связи• Юзабилити-‐тестирование• Анализ статистики• Исправление недочётов в дизайне• и др.
![Page 44: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/44.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов44
Обзор процесса проектирования (8)
Проектированием пользовательского интерфейса должны заниматься профессионалы!
![Page 45: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/45.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов45
Пример проведения пользовательского исследования
Доступно в полной версииhttp://bit.ly/iPhone-‐design
![Page 46: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/46.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов46
Отличие проектирования мобильных приложений от
обычных десктоп приложений
![Page 47: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/47.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов47
Отличие проектирования мобильных приложений от десктоп приложений
Нужно ли проектировать для каждой платформы отдельное приложение?
![Page 48: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/48.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов48
• Нужно выделять только основные задачи, которые имеют смысл для их решения на мобильном устройстве
• Пользователи компьютеров и мобильных устройств отличаются, у них разные цели и поведение
Отличие проектирования мобильных приложений от десктоп приложений (2)
![Page 49: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/49.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов49
• Не следует забывать про контекст использования, а именно: – небольшой экран: 320x480 или 960x640 (iPhone 4)
– размер устройства для ввода информации, а именно пальца пользователя: не менее 44x44 пикселя для элементов управления
– возможность случайного нажатия элементов управления на экране, в связи с чем предусматривать защиту для потенциально опасных операций
Отличие проектирования мобильных приложений от десктоп приложений (3)
![Page 50: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/50.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов50
• Не следует забывать про контекст использования, а именно: – возможность внезапного выхода пользователя из приложения, что часто случается с мобильными приложениями
– ограничение размера виртуальной памяти
– использование одного экрана для взаимодействия с пользователем в каждый момент времени
– одна открытая программа в каждый момент времени (корме iPhone 4)
Отличие проектирования мобильных приложений от десктоп приложений (4)
![Page 51: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/51.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов51
• Не следует забывать про контекст использования, а именно: – возможность смены ориентации экрана из вертикальной в горизонтальную и наоборот
– возможность использования информации о месте нахождения пользователя, его координаты на карте (геолокация)
– возможность использования гироскопа
Отличие проектирования мобильных приложений от десктоп приложений (5)
![Page 52: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/52.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов52
• Необходимо переписать контекстные сценарии взаимодействия пользователей с программой с учётом новой среды и изменившегося набора задач
• Рекомендуется использовать стандартные для iOS элементы управления и способы работы с данными, описанные в гайдлайнах
Отличие проектирования мобильных приложений от десктоп приложений (6)
![Page 53: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/53.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов53
Стандарты, фишки, фичи
![Page 54: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/54.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов54
Стандарты, фишки, фичи
• Стандарты задают правила игры
• Хороши для быстрого обучения работы с интерфейсом
• Стандарты не предлагают лучших решений и не позволяют придумать что-‐то по настоящему революционное
![Page 55: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/55.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов55
Нужно ли придерживаться стандартов?
Стандарты, фишки, фичи (2)
![Page 56: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/56.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов56
Что не является “фишками”?
Стандарты, фишки, фичи (3)
![Page 57: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/57.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов57
Стандарты, фишки, фичи (4)
• Фишки – нестандартные решения задач пользователя
• Фишки открывают пользователю новые возможности
• Фишки дают ощущение новизны • Фишки делают взаимодействие с приложением веселым и приятным
• Фишки работают как вирусный маркетинг
![Page 58: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/58.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов58
Стандарты, фишки, фичи (5)
Обмен контактами, картинками и прочим при помощи чёканья.
Приложение "Bump"
By Bump Technologies LLC
![Page 59: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/59.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов59
Какими “фичами” можно пожертвовать?
Стандарты, фишки, фичи (6)
![Page 60: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/60.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов60
Проектируем главное меню
Доступно в полной версииhttp://bit.ly/iPhone-‐design
![Page 61: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/61.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов61
Прогнозы развития
![Page 62: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/62.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов62
Прогнозы развитияМеньше глянца, больше цвета!
![Page 63: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/63.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов63
Прогнозы развития (2)Активное использование
текстур
![Page 64: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/64.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов64
Прогнозы развития (3)Гладкие и чистые градиенты и тени для придания глубины
![Page 65: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/65.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов65
Прогнозы развития (4)
Текстовые интерфейсы
![Page 66: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/66.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов66
Прогнозы развития (5)
Ваши версии?
![Page 67: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/67.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов67
Полная версия мастер-‐классаhttp://bit.ly/iPhone-‐design
![Page 68: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/68.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов68
Дополнительные материалы – www.uexpert.ru
Мастер-‐класс
25 октября (вт) в 19:00
"Золотые правила создания успешных веб-‐сайтов"
cityclass.ru
2,5 часа
раз в месяц
![Page 69: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/69.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов69
Более 10 тренингов – www.uexpert.ru
Тренинг "Процесс проектирования пользовательских интерфейсов" — 2 дня по заявке
Тренинг "Создание концепции пользовательского интерфейса продукта" — 2 дня по заявке
А так же статьи и рассылка
Тренинг "Золотые правила создания успешных веб-‐сайтов" — 1 деньпо заявке
Тренинг "Как увеличить конверсию посетителей в покупатели" — 2 дня по заявке
![Page 70: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/70.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов70
Дополнительные материалы – www.uexpert.ru
Отчёты "Об исследовании эффективности взаимодействия пользователей с веб-‐сайтами" PDF файлы, более 100 страниц, описано более 200 ошибок, цветные иллюстрации.
Подробности →
Видео-‐курс "Золотые правила создания успешных веб-‐сайтов" CD-‐диск, видео-‐запись высокого качества, продолжительность: 2 часа, содержит 170 слайдов и запись голоса ведущего.
Заказать →
![Page 71: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/71.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов71
Клуб Успешных Проектов
Вместе сделаем Ваш проект успешным!www.uprojectclub.ru
![Page 72: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/72.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов72
Спасибо за внимание!
Ваши вопросы?
Дополнительная информация на сайте www.uexpert.ru
Uexpert.ru
![Page 73: Как спроектировать успешное приложения под iPhone](https://reader036.vdocument.in/reader036/viewer/2022081401/556fd3c1d8b42af8088b472d/html5/thumbnails/73.jpg)
Как спроектировать успешное приложение под iPhone © 2011, Uexpert Артём Кузнецов73
Артём Кузнецов[email protected] www.uexpert.ru
Успех вашего приложения – наш успех!
Uexpert.ru