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

1. Проектирование мобильных пользовательских интерфейсов Алексей Иванов, 2009

2. О чем пойдет речь Процесс дизайна для мобильных устройств Аудитория Контекст Задачи Ограничения и особенности

3. Процесс Процесс все тот же: Исследование пользователей и предметной области Моделирование персонажей и контекстов использования Выработка требований Концептуальное проектирование Детальное проектирование Сопровождение разработки Нюансы мобильного проектирования касаются, в первую очередь, задач пользователей, контекста использования продукта и технических ограничений .

4. Аудитория

5. Аудитория Отличается от аудитории немобильной версии Другие персонажи, другой контекст, разные потребности и задачи Пользователи мобильны, легко отвлекаются, постоянно взаимодействуют с окружающей средой

6. Контекст

7. Контекст

8. Контекст — один из самых важных аспектов, который нужно учитывать при проектировании мобильных продуктов: В какой окружающей среде и где географически находится пользователь? Что он делает одновременно с использованием мобильного устройства? Что происходит с его вниманием? Как меняются его цели и задачи? Какие взаимодействия поддерживает его телефон? Что происходит с сигналом в сети передачи данных?

9. Контекст

10. Задачи пользователей

11. Задачи пользователей Определяются целями пользователей и ограничениями мобильной среды Многие задачи, востребованные на больших экранах, просто не интересуют мобильных пользователей Многие задачи трудно выполнимы на мобильных устройствах (например, требующие сложного ввода данных) Задачи менее комплексные, чем на больших устройствах Задач а часто ситуативн а и тесно связан а с контекстом

12. Ограничения и особенности мобильной среды

13. Ограничения и особенности мобильной среды Проблемы: Сложность ввода Размер экрана Модальность вывода Сигнал сотовой сети и скорость загрузки Многообразие и серьезные различия между мобильными устройствами

14. Проектирование для мобильн ого веб а Статистика по моделям телефонов для вашей аудитрии Особенности мобильных браузеров Плотность пикселей (разрешающая способность) Картинка: Mobi F orge

15. Проектирование для мобильн ого веб а 4. Размер экрана Картинка: “dotMobi Mobile Web Developer's Guide”

16. Проектирование для мобильн ого веб а Картинка: Mobi F orge

17. Проектирование для мобильн ого веб а 5. Макетирование сайта Порядок представления информации «Выбор» вместо «ввода» Стандарты верстки 6. Наполнени е, копирайтинг 7. Ссылки, изображения, аудио и видео

18. Есть что почитать ? Barbara Ballard Designing the Mobile User Experience Scott Weiss Handheld Usability Matt Jones, Gary Marsden Mobile Interaction Design

19. Спасибо! Алексей Иванов, 2009 explanent .ru [email_address]