Особенности проектирования iPad приложений для бизнеса

Особенности проектирования iPad приложений для бизнеса

Доклад

Артём Кузнецов

www.uexpert.ru [email protected]

Uexpert.ru КРОСС-ПЛАТФОРМА 2012 Короткая версия

http://bit.ly/iPad-‐design

http://www.uexpert.ru


mailto:[email protected]

mailto:[email protected]

http://www.uexpert.ru/


http://bit.ly/iPad-design


Особенности проектирования iPad приложений для бизнеса © 2012, Uexpert Артём Кузнецов2

Об авторе• C 1999 года занимается проектированием и тестированием пользовательских интерфейсов

• 2006 - 2007 создал и руководил отделом проектирования пользовательских интерфейсов компании Acronis Inc.

• 2008 создал и руководил отделом проектирования пользовательских интерфейсов компании Яндекс.

• С октября 2008 года является независимым юзабилити-‐экспертом

Артём Кузнецов Автор проекта U expert

Знакомство


Членство в профессиональных и научных сообществах

• ACM, ACM SIGCHI, RusCHIОбразование

• Казанский Государственный Университет, факультет ВМК, диплом прикладного математика (1995)

• Школа Дизайна при Казанской Архитектурной Академии, сертификат дизайнера (1998)

• Государственная Академия Профессиональной Переподготовки и Повышения Квалификации Руководящих Работников и Специалистов Инвестиционной Сферы, государственный диплом психолога-социолога (2004)

• CooperU, компания Алана Купера, сертификат курса Interaction Design Practicum (2006)

• CHI-‐2008 международная конференция: Persona life circle и Creating good usability tests (2008) ...

Об авторе




http://www.facebook.com/kouznetsov.artem

http://twitter.com/uexpert

http://ru.linkedin.com/pub/артем-кузнецов/8/503/76a

http://www.slideshare.net/uexpert

http://www.youtube.com/user/UexpertRu

Об авторе
















http://ru-ru.facebook.com/people/Artem-Kuznetsov/100000416065697











http://ru.linkedin.com/pub/%D0%B0%D1%80%D1%82%D0%B5%D0%BC-%D0%BA%D1%83%D0%B7%D0%BD%D0%B5%D1%86%D0%BE%D0%B2/8/503/76a





































http://ru.linkedin.com/pub/









Содержание–Что такое iPad?–Пользователи и их цели–Особенности iPad–Практические рекоммендации–Дополнителные материалы


Чего не будет в моем докладе–Стандартов iOS–Методики проектирования–Описания средств прототипирования

–Описание фрейворков


–Что такое iPad для Вас лично?–Как вы им пользуетесь?–Когда и при каких обстоятельствах?–Как часто?–Какие приложения вы используете чаще всего?

Что такое iPad


–Он легкий = могу носить с собой в большем количестве мест, чем ноутбук.–Он маленький = его проще открыть и использовать там, где не откроешь ноутбук.–В нем есть интернет = я могу проверять почту, искать информацию, быть на связи в дороге.–Он как компьютер = в нем есть основные функции, которые мне нужны: полезные утилиты, книги, фильмы, игры.



контекст использования



контекст использования

Что такое iPad–Эпизодическое использование–Частые прерывания–Расслабленное состояние–Завершение работы в любой момент

–Постоянная смена ориентации экрана

–Нестабильный интернет


популярные приложения



Пользователи и их цели



–Кто пользователи?–Какие у них цели?




Кто ваши пользователи?



Пользовательские исследования помогают найти ответы на все вопросыhttp://bit.ly/User-‐Research

http://bit.ly/User-Research

http://bit.ly/User-Research


Процесс проектирования

Сбор данных

АнализИсследование

Концептуальное проектирование

Детальное проектированиеСинтез

Сопровождение разработки

Поддержка внедренияАвторский надзор

Этапы проектирования



Бизнес-‐цели?

Какие у нас есть функциональные возможности?

Какие у нас есть ограничения (финансовые, временные, техн.)?

Кто пользователи?

Цели и задачи пользователей?

Контекст использования?

Исследование > Вопросы


Процесс проектированияИсследование > Инструменты и методы• Интервью• Анкетирование• Полевые наблюдения• Фокус-‐группы• Анализ документации, логов• Конкурентный анализ• Анализ тенденций• Моделирование набора персонажей• Создание контекстных и ключевых сценариев• и др.


Процесс проектированияСинтез > Вопросы

Из каких частей будет состоять приложение?

Как эти части будут взаимо-‐действовать друг с другом?

Частота и важность запрашиваемого функционала?

Как выглядит каждый экран приложения?

Что будет по нажатию на кнопку X?


Процесс проектированияСинтез > Инструменты и методы•Формирование структуры•Группировка и описание элементов•Прототипирование•Валидация прототипов•Юзабилити-‐тестирование прототипов•Графическое оформление•Использование дизайн-‐паттернов•Использование проверочных списков •и др.


Процесс проектированияАвторский надзор > Вопросы

Не успеваем сделать элемент управления X,

чем его заменить?

Как должна вести себя кнопка Y?

Как должен вести себя блок Z при смене

ориентации экрана?

Насколько понятным получилось интерфейсное

решение W?

Что можно отложить на следующий релиз?


Процесс проектированияАвторский надзор > Инструменты и методы•Консультации разработчиков•Проверка результатов программирования•Поиск компромиссных решений•Вычитка текстов, сверка со словарём пользователя•Анализ обратной связи•Юзабилити-‐тестирование•Анализ статистики•Исправление недочётов в дизайне•и др.


Проектированием пользовательского интерфейса должны заниматься профессионалы!



Успешное мобильное приложение

Успешное приложение


Какими качествами должно обладать успешное мобильное приложение?



•востребовано на рынке, •выполняет свое функциональное назначение,•доставляет удовольствие,•рекомендуют друзьям и знакомым.


Особенности проектирования iPad приложений для бизнеса © 2012, Uexpert Артём Кузнецов


Успешноемобильное приложение


Создает у пользователя позитивный опыт.



Для создания позитивного опыта необходимо учитывать особенности восприятия человека и его ожидания от взаимодействия с мобильным устройством.



Подробно про особенности восприятия пользователей на мастер-‐классеhttp://bit.ly/golden-‐rules


http://bit.ly/golden-rules

http://bit.ly/golden-rules


iPad vs DesktopОсобенности iPad’a



Desktop

35

iPad vs Desktop

Интернет

Эпизодический, непостоянное подключениенизкая скорость

Стабильный, постоянное подключение

высокая скорость

iPad

1


Desktop

36

iPad vs Desktop

Экран

Небольшой экранвысокой четкости

Большой экранили несколько экранов

iPad

2


Desktop

37

iPad vs Desktop

Ориентация экрана

Меняется часто Практически не меняется

iPad

3


Desktop

38

iPad vs Desktop

Вычисления

Простые вычисления,сводка данных

Сложные вычисления,большие массивы данных

iPad

4


Desktop

39

iPad vs Desktop

Многозадачность

Несколько открытых приложений, одно окно на экране

Много параллельно запущенных программ,много открытых окон

iPad

5


Desktop

40

iPad vs Desktop

Пользователи

Семья, друзья Один пользователь

iPad

6


Desktop

41

iPad vs Desktop

Устройства ввода

Пальцы,виртуальная клавиатура,фотоаппарат

Клавиатура, мышь,

камера, сканер

iPad

7


Desktop

42

iPad vs Desktop

Работа с данными

Просмотр,минимум ввода,минимум редактирования

Ввод, редактирование,

просмотр

iPad

8


Desktop

43

iPad vs Desktop

Ввод данных

Минимальная информация,приблизительные оценки

Большие массивы при вводе,точные значения

iPad

9


Desktop

44

iPad vs Desktop

Обучение

Нужно действовать сразу Есть время посидеть, почитать мануалы и поучиться

iPad

10


Desktop

45

iPad vs Desktop

Безопасность

В метро или кафериск потерять

В офисе или дома под охраной

iPad

11


Desktop

46

iPad vs Desktop

Геолокация

Постоянная смена мест Стационарно

iPad

12


Desktop

47

iPad vs Desktop

Восприятие информации

Общее представление Детальный анализ

iPad

13


Desktop

48

iPad vs Desktop

Представление информации

Яркое, глянцевое,акцент на форме

Скупое, сухое, акцент на содержании

iPad

14


Desktop

49

iPad vs Desktop

Прерывания

Постоянные прерывания Непрерывная работа часами

iPad

15


Desktop

50

iPad vs Desktop

Стиль общения

Краткие реплики, лайки и ретвитты

Глубокое и полное общение,Email, пересылка документов

iPad

16


Desktop

51

iPad vs Desktop

Цели использования

Фан, развлечение Утилитарное использование

iPad

17


iPad vs Desktop

Глубокое и полное общение,Email, пересылка документов

iPad Desktop

+iPad -‐ это хорошее дополнение компьютера!

Важно правильно распределить их роли в процессе взаимодействия с информационной системой!


Практические рекомендации



Рекоммендации

Интернет

Эпизодический, непостоянное подключениенизкая скорость

✓ Кешируем данные ✓ Позволяем работать без

интернета✓ Позволяем обновлять часть

данных✓ Делаем «умные» обновленияiPad

1


Экран

Небольшой экранвысокой четкости

iPad

✓ Используем фотореалистичные изображения и текстуры

✓ Метафоры из реального мира✓ Не забываем про

полноэкранный режим

2



56

Ориентация экрана

Меняется часто

iPad

✓ Учитываем смену ориентации

✓ Можем делать разные режимы работы



57

iPad


http://bit.ly/iPad-‐design

Полный список рекомендаций в полной

версии доклада




Стандарты, фишки, фичи



•Стандарты задают правила игры

•Хороши для быстрого обучения работы с интерфейсом

•Стандарты не предлагают лучших решений и не позволяют придумать что-‐то по настоящему революционное



Нужно ли придерживаться стандартов?Читаем про них в первоисточнике


http://developer.apple.com/library/ios/%23documentation/userexperience/conceptual/mobilehig/UEBestPractices/UEBestPractices.html%23//apple_ref/doc/uid/TP40006556-CH20-SW1

http://developer.apple.com/library/ios/%23documentation/userexperience/conceptual/mobilehig/UEBestPractices/UEBestPractices.html%23//apple_ref/doc/uid/TP40006556-CH20-SW1


Что не является “фишками”?



•Фишки – нестандартные решения задач пользователя

•Фишки открывают пользователю новые возможности

•Фишки дают ощущение новизны

•Фишки делают взаимодействие с приложением веселым и приятным

•Фишки работают как вирусный маркетинг



Обмен контактами, картинками и прочим при помощи чёканья.

Приложение "Bump" By Bump Technologies LLC



Какими “фичами” можно пожертвовать?



Полная версия докладаhttp://bit.ly/iPad-‐design





Как спроектировать успешное приложение для iPhone

http://bit.ly/iPhone-‐design


http://bit.ly/iPhone-design

http://bit.ly/iPhone-design


Особенности переноса desktop приложений на мобильные платформы

http://bit.ly/Desktop2Ipad





•Переносить ли полностью весь функционал или только часть?

•Какие нужно учитывать особенности мобильного устройства ?

•Какие есть "фишки" в мобильной среде и в частности на iPad'e.

•Чем отличаются пользователи desktop-‐компьютеров от пользователей мобильных устройств?

Закрепление материала


Дополнительные материалы – www.uexpert.ru

Мастер-‐класс

28 июня (чт) в 19:00

"Золотые правила создания успешных веб-‐сайтов"

http://www.cityclass.ru/kuznecov_site

2,5 часа

раз в месяц






Более 10 тренингов – www.uexpert.ru

Тренинг "Процесс проектирования пользовательских интерфейсов" — 2 дня по заявке

Тренинг "Создание концепции пользовательского интерфейса продукта" — 2 дня по заявке

А так же статьи и рассылка

Тренинг "Золотые правила создания успешных веб-‐сайтов" — 1 деньпо заявке

Тренинг "Как увеличить конверсию посетителей в покупатели" — 2 дня по заявке



http://www.uexpert.ru/Uclass1-Base02.htm


http://www.uexpert.ru/Uclass1-Advanced01.htm

http://www.uexpert.ru/Uclass1-Advanced01.htm






Дополнительные материалы – www.uexpert.ru

Отчёты "Об исследовании эффективности взаимодействия пользователей с веб-‐сайтами" PDF файлы, более 100 страниц, описано более 200 ошибок, цветные иллюстрации.

Подробности →

Видео-‐курс "Золотые правила создания успешных веб-‐сайтов" CD-‐диск, видео-‐запись высокого качества, продолжительность: 2 часа, содержит 170 слайдов и запись голоса ведущего.

Заказать →



http://www.uexpert.ru/u-review1.htm








http://www.uexpert.ru/Uclass1-Base03-Video-Course.htm

http://www.uexpert.ru/Uclass1-Base03-Video-Course.htm


Клуб Успешных Проектов

Вместе сделаем Ваш проект успешным!

www.uprojectclub.ru

http://www.uprojectclub.ru

http://www.uprojectclub.ru


Спасибо за внимание!

Ваши вопросы?

Дополнительная информация на сайте www.uexpert.ru

Uexpert.ru






Артём Кузнецов

[email protected] www.uexpert.ru

Успех вашего приложения – наш успех!

Uexpert.ru

http://www.facebook.com/kouznetsov.artem


http://ru.linkedin.com/pub/артем-кузнецов/8/503/76a



mailto:[email protected]?subject=

mailto:[email protected]?subject=










































































Особенности проектирования iPad приложений для бизнеса

Business

Transcript of Особенности проектирования iPad приложений для бизнеса