Особенности проектирования iPad приложений для бизнесаArtem Kuznetsov
Многие из вас уже столкнулись с такой задачей как «перенос desktop-приложений в мобильную среду», а именно адаптация для iPad. При переносе в мобильную среду возникают следующие вопросы:
- Переносить ли полностью весь функционал или только часть?
- Если только часть, то какую?
- Какие нужно учитывать особенности мобильного устройства кроме «размера экрана» или «отсутствия нормальной клавиатуры и мыши»?
- Какие есть «фишки» в мобильной среде и в частности на iPad’e.
- Чем отличаются пользователи desktop-компьютеров от пользователей мобильных устройств?
- Какие есть практические рекомендации при проектировании мобильных приложений под iPad.
Для того, чтобы спроектировать эффективное и успешное приложение под iPad не достаточно просто следовать стандартам операционной системы или копировать успешные решения других компаний. Необходимо применить комплексный подход, учитывающий все факторы мобильной среды.
В своем докладе я расскажу о том:
- Как проводить процесс проектирования с нуля.
- Как нужно учитывать стандарты.
- Как искать «фишки» и что таковыми не является.
- Какими “фичами” можно пожертвовать.
-Почему важны контекстные сценарии.
- Чем отличается проектирование мобильных приложений от обычных десктоп-приложений.
- Особенности переноса десктоп приложений на мобильные платформы.
Дам ряд практических рекомендаций и примеров.
Александр Зиновьев, Test Lead портфеля проектов Enviance в Softengi в своей презентации рассказывает о тестировании веб-приложений на iPad - тема, которая является чрезвычайно актуальной сегодня в мире тестирования, где ПК быстро вытесняются мобильными устройствами. 21 век, технологии бегут вперед, ноутбуками уже никого не удивишь. Производители всяческих девайсов стремятся мобилизировать окружающий мир телефонами, планшетами. В ответ этому прогрессу множество компаний начинает выпускать мобильные версии своих продуктов: как с ними бороться тестировщику, на что необходимо обратить внимание в первую очередь и что стоит не упустить?
Особенности проектирования iPad приложений для бизнесаArtem Kuznetsov
Многие из вас уже столкнулись с такой задачей как «перенос desktop-приложений в мобильную среду», а именно адаптация для iPad. При переносе в мобильную среду возникают следующие вопросы:
- Переносить ли полностью весь функционал или только часть?
- Если только часть, то какую?
- Какие нужно учитывать особенности мобильного устройства кроме «размера экрана» или «отсутствия нормальной клавиатуры и мыши»?
- Какие есть «фишки» в мобильной среде и в частности на iPad’e.
- Чем отличаются пользователи desktop-компьютеров от пользователей мобильных устройств?
- Какие есть практические рекомендации при проектировании мобильных приложений под iPad.
Для того, чтобы спроектировать эффективное и успешное приложение под iPad не достаточно просто следовать стандартам операционной системы или копировать успешные решения других компаний. Необходимо применить комплексный подход, учитывающий все факторы мобильной среды.
В своем докладе я расскажу о том:
- Как проводить процесс проектирования с нуля.
- Как нужно учитывать стандарты.
- Как искать «фишки» и что таковыми не является.
- Какими “фичами” можно пожертвовать.
-Почему важны контекстные сценарии.
- Чем отличается проектирование мобильных приложений от обычных десктоп-приложений.
- Особенности переноса десктоп приложений на мобильные платформы.
Дам ряд практических рекомендаций и примеров.
Александр Зиновьев, Test Lead портфеля проектов Enviance в Softengi в своей презентации рассказывает о тестировании веб-приложений на iPad - тема, которая является чрезвычайно актуальной сегодня в мире тестирования, где ПК быстро вытесняются мобильными устройствами. 21 век, технологии бегут вперед, ноутбуками уже никого не удивишь. Производители всяческих девайсов стремятся мобилизировать окружающий мир телефонами, планшетами. В ответ этому прогрессу множество компаний начинает выпускать мобильные версии своих продуктов: как с ними бороться тестировщику, на что необходимо обратить внимание в первую очередь и что стоит не упустить?
Designing for i pad the creation of new interactive languageUIDesign Group
iPad is the first successful and marketable pad computer. It is widely thought to be exactly in the middle between classic PC and mobile phone. However, it is not. iPad is absolutely new class of devices. New expressive means are needed so that users receive unforgettable and quality experience from working with iPad. There is still a scarcity of necessary interaction idioms, that is why designers and developers have a large field for innovations.
Как iPad ломает представление о компьютерах… и открывает новые возможности дл...UIDesign Group
Доклад читался на мероприятии Enabling Meeting, которое проводил бизнес-инкубатор "Ингрия" (Санкт-Петербург).
Мероприятие проходило 9 июня 2010 г. и было посвящено бизнес перспективам Apple iPad и вопросам разработки приложений под него.
Обзор рулей Формулы 1. Автор: Артем Остапец. Для конференции, посвященной Всемирному дню юзабилити. 14 ноября 2009
Formula 1 steering wheels review by Artem Ostapets for World Usability Day conference in Moscow, 14 November 2009
Презентация Алексея Копылова для конференции, посвященной Всемирному дню юзабилити. 14 ноября 2009, Москва.
Alexey Kopylov's presentation for World Usability Day conference in Moscow, 14 November 2009.
Юзабилити-тесты: качество против количестваUIDesign Group
Презентация Наталии Спрогис и Алексея Копылова, UIDesign Group, об удаленных юзабилити-тестированиях для UPA Europe - UX Russia 2009
Presentation of Natalia Sprogis and Aleksey Kopylov, UIDesign Group, about remote usability testing for UPA Europe - UX Russia 2009
Презентация о юзабилити интернет-банков Алексея Каленюка, UIDesign Group, для UPA Europe - UX Russia 2009
Presentation by Alekey Kalenyuk, UIDesign Group, about Internet banks interfaces design for UPA Europe - UX Russia 2009
Что на самом деле думает клиент о вашем сайте?UIDesign Group
Презентация Наталии Спрогис об удаленных юзабилити-тестированиях для Недели Российского Интернета 2009
Presentation by Natalia Sprogis about remote testing for Russian Internet Week 2009
The document provides quantitative data from an analysis of automotive manufacturer websites in Germany in Q1 2009. Some key findings include:
- Volkswagen had the most unique users, followed by Opel, Ford, and Audi.
- Mercedes and Volkswagen websites had the highest rates of repeat visits per user.
- On average, manufacturer websites received 9.5 page impressions per visit and users visited 2.2 times on average.
- Configurator and showroom pages were the most commonly used sections across websites.
Презентация Натальи Кирилловой о международных исследованиях для Недели Российского Интернета 2009 (RIW 2009)
Presentation by Natalia Kirillova about global research for Russian Internet Week 2009
Designing for i pad the creation of new interactive languageUIDesign Group
iPad is the first successful and marketable pad computer. It is widely thought to be exactly in the middle between classic PC and mobile phone. However, it is not. iPad is absolutely new class of devices. New expressive means are needed so that users receive unforgettable and quality experience from working with iPad. There is still a scarcity of necessary interaction idioms, that is why designers and developers have a large field for innovations.
Как iPad ломает представление о компьютерах… и открывает новые возможности дл...UIDesign Group
Доклад читался на мероприятии Enabling Meeting, которое проводил бизнес-инкубатор "Ингрия" (Санкт-Петербург).
Мероприятие проходило 9 июня 2010 г. и было посвящено бизнес перспективам Apple iPad и вопросам разработки приложений под него.
Обзор рулей Формулы 1. Автор: Артем Остапец. Для конференции, посвященной Всемирному дню юзабилити. 14 ноября 2009
Formula 1 steering wheels review by Artem Ostapets for World Usability Day conference in Moscow, 14 November 2009
Презентация Алексея Копылова для конференции, посвященной Всемирному дню юзабилити. 14 ноября 2009, Москва.
Alexey Kopylov's presentation for World Usability Day conference in Moscow, 14 November 2009.
Юзабилити-тесты: качество против количестваUIDesign Group
Презентация Наталии Спрогис и Алексея Копылова, UIDesign Group, об удаленных юзабилити-тестированиях для UPA Europe - UX Russia 2009
Presentation of Natalia Sprogis and Aleksey Kopylov, UIDesign Group, about remote usability testing for UPA Europe - UX Russia 2009
Презентация о юзабилити интернет-банков Алексея Каленюка, UIDesign Group, для UPA Europe - UX Russia 2009
Presentation by Alekey Kalenyuk, UIDesign Group, about Internet banks interfaces design for UPA Europe - UX Russia 2009
Что на самом деле думает клиент о вашем сайте?UIDesign Group
Презентация Наталии Спрогис об удаленных юзабилити-тестированиях для Недели Российского Интернета 2009
Presentation by Natalia Sprogis about remote testing for Russian Internet Week 2009
The document provides quantitative data from an analysis of automotive manufacturer websites in Germany in Q1 2009. Some key findings include:
- Volkswagen had the most unique users, followed by Opel, Ford, and Audi.
- Mercedes and Volkswagen websites had the highest rates of repeat visits per user.
- On average, manufacturer websites received 9.5 page impressions per visit and users visited 2.2 times on average.
- Configurator and showroom pages were the most commonly used sections across websites.
Презентация Натальи Кирилловой о международных исследованиях для Недели Российского Интернета 2009 (RIW 2009)
Presentation by Natalia Kirillova about global research for Russian Internet Week 2009
Prototyping For Early Validation by Michael Hawley, Mad*Pow
Обзор программ для iPad с типичными юзабилити ошибками
1. Алексей Копылов
Обзор программ для iPad с
типичными юзабилити ошибками
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru
2. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Автор доклада: Алексей Копылов
Около 10 лет опыта проектирует
пользовательских интерфейсов
В 2003 основал компанию
«UIDesign Group» по
проектированию интерфейсов
Ведет общественную деятельность
Редактирует книги по теме (Алан Купер, Гарретт)
Twitter, FriendFeed, GMail: copylove
2
3. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
ЕПИ (NUI) – естественный
пользовательский интерфейс
Меньше посредников → больше контроля
Больше контроля → больше удовольствия
3
4. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Так ли естественный интерфейс
естественен?
Далеко не всегда!
4
5. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Проблема • 1: пренебрежение
законом Фиттса:
5
6. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Закон Фиттса: пример
Safari для iPad
6
7. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Закон Фиттса: решение 1
Кнопка
Iceberg кнопки
7
8. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Закон Фиттса: решение 2
Адаптация на основе предсказания
8
11. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Новые проблемы с жестами
Жесты не видимы
Необходимо обучение
11
12. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Стандарты мультитач взаимодействия
iPhone OS: Phone Human Interface Guidelines
Windows Phone 7: Windows Phone UI Design and Interaction Guide
WebOS: User Interface Guidelines
Android: User Interface Guidelines
Windows 7: Windows Touch Gestures Overview
OSX (trackpad): Apple Portables: Using the Multi-Touch glass trackpad
Wacom Bamboo: With Bamboo, Wacom introduces nine key gestures.
GestureWorks (Flash): Established Multitouch Gesture Support
Microsoft Surface: Microsoft Surface User Experience Guidelines
12
13. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Стандарты мультитач взаимодействия 2
«Touch Gesture REFERENCE GUIDE»
Аторы: Craig Villamor, Dan Willis, and Luke Wroblewski
(http://www.lukew.com/touch/TouchGestureGuide.pdf)
13
14. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Проблема • 2: неконтролируемые
действия
Интерфейс звонков
14
15. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Неконтролируемые действия:
решение
Изучать контекст:
Как люди держат устройство?
Что происходит после завершения
задачи?
15
16. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Проблема • 3: отсутствие видимых
признаков (affordance)
Wired
16
17. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Отсутствие видимых признаков
(affordance): решение
Осторожно относится к псевдо 3D
Разработать визуальный язык
Для жестов добавлять подсказки
17
18. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Проблема • 4: файлы и
синхронизация
Appigo ToDo и SPB Wallet
18
19. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Проблема • 4: файлы и
синхронизация
19
20. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Решение проблемы с файлами и
синхронизацией
Облака!
20
21. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Спасибо за внимание
Читайте fresh.gui.ru и twitter.com/uidg
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru
21