Михаил Фролов - Особенности проектирования для...
-
Upload
usabilitytalks -
Category
Documents
-
view
512 -
download
1
description
Transcript of Михаил Фролов - Особенности проектирования для...
![Page 1: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/1.jpg)
Особенности проектирования для мобильных устройств
Usability Talks20.12.2011
![Page 2: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/2.jpg)
Для чего или для кого
- Код- Алгоритмы …
- взаимодействие- интерфейсы
![Page 3: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/3.jpg)
Откуда берутся приложения
1. Решение проблемы2. Усовершенствование текущей реализации3. Изготовление аналогов (конкурентов)
4. У меня есть клёвая идея!
Если нет потребности (проблемы) – ищите деньгиЕсли нет денег – ищите проблемы!
![Page 4: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/4.jpg)
1. Что такое мобильное устройство
• Мобильно не устройство, а пользователь
взаимодействие где и как угодно
вероятность прерывания очень высока
![Page 5: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/5.jpg)
Что с этим делать
• Нотификации. Пользователь всегда доступен. • Узнайте пользователя, узнайте среду
![Page 6: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/6.jpg)
Важные мелочи
• Возвращение фокуса пользователя• Указатели• Быстрый возврат домой
![Page 7: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/7.jpg)
Святая простота• Линейная навигация• Модальные окна
![Page 8: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/8.jpg)
Любовь и забота
• Запоминать действия, данные и бережно хранить• Поведение приложения должно быть предсказуемым
![Page 9: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/9.jpg)
2. Инструмент взаимодействия - руки
• 1 рука 1 палец• Размер имеет значение
![Page 10: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/10.jpg)
Две руки
• Уверены в себе – подключайте вторую руку
![Page 11: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/11.jpg)
Руки бывают разные
• Левые и женские
![Page 12: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/12.jpg)
2. Прежде чем прикладывать руки узнаем откуда растут ноги
Как приложения попадают на телефон пользователя- Мобильная версия сайта
Минусы: - Время загрузки- Функционал браузера поверх функционала сайта
![Page 13: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/13.jpg)
Предустановленные приложения
• Все карты вам в руки
![Page 14: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/14.jpg)
Приложения с маркета (аппстора)
• Приложение начинается со странички в «магазине»
![Page 15: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/15.jpg)
Начинаем. О вас уже позаботились• Гайдлайны• Наборы стандартных элементов (паттернов)• Все это – база для аргументации своих решений
![Page 16: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/16.jpg)
Без фанатизма
• Не все пользователи знают тонкости
![Page 17: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/17.jpg)
Популярные платформы
Кроссплатформенность
- Игры - Приложения с уровнем вложенности <2
![Page 18: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/18.jpg)
Перепроектирование
• Если инновация не решает проблему она сама становится проблемой
![Page 19: Михаил Фролов - Особенности проектирования для мобильных устройств](https://reader033.fdocument.pub/reader033/viewer/2022061212/5495ee2ab47959a67a8b462b/html5/thumbnails/19.jpg)
Эмоции
• «нормально» – это в переводе с мобильно-приложильного – потрясающе!