Successfully reported this slideshow.

Введение в проектирование мобильных пользовательских интерфейсов (для ГУ-ВШЭ)

1,995 views

Published on

Published in: Design
  • Be the first to comment

Введение в проектирование мобильных пользовательских интерфейсов (для ГУ-ВШЭ)

  1. 1.     Проектирование мобильных пользовательских интерфейсов Алексей Иванов, 2009
  2. 2. О чем пойдет речь <ul><ul><li>Процесс дизайна для мобильных устройств </li></ul></ul><ul><ul><li>Аудитория </li></ul></ul><ul><ul><li>Контекст </li></ul></ul><ul><ul><li>Задачи </li></ul></ul><ul><ul><li>Ограничения и особенности </li></ul></ul>
  3. 3. Процесс <ul><ul><li>Процесс все тот же:  </li></ul></ul><ul><ul><ul><li>Исследование пользователей и предметной области </li></ul></ul></ul><ul><ul><ul><li>Моделирование персонажей и контекстов использования </li></ul></ul></ul><ul><ul><ul><li>Выработка требований </li></ul></ul></ul><ul><ul><ul><li>Концептуальное проектирование </li></ul></ul></ul><ul><ul><ul><li>Детальное проектирование </li></ul></ul></ul><ul><ul><ul><li>Сопровождение разработки  </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><li>Нюансы мобильного проектирования касаются, в первую очередь, задач пользователей, контекста использования продукта и технических ограничений . </li></ul></ul>
  4. 4. Аудитория
  5. 5. Аудитория <ul><ul><li>Отличается от аудитории немобильной версии </li></ul></ul><ul><ul><li>Другие персонажи, другой контекст, разные потребности и задачи </li></ul></ul><ul><ul><li>Пользователи мобильны, легко отвлекаются, постоянно взаимодействуют с окружающей средой </li></ul></ul>
  6. 6. Контекст
  7. 7. Контекст
  8. 8. Контекст <ul><li>— один из самых важных аспектов, который нужно учитывать при проектировании мобильных продуктов: </li></ul><ul><li>  </li></ul><ul><ul><li>В какой окружающей среде и где географически находится пользователь? </li></ul></ul><ul><ul><li>Что он делает одновременно с использованием мобильного устройства? </li></ul></ul><ul><ul><li>Что происходит с его вниманием? </li></ul></ul><ul><ul><li>Как меняются его цели и задачи? </li></ul></ul><ul><ul><li>Какие взаимодействия поддерживает его телефон? </li></ul></ul><ul><ul><li>Что происходит с сигналом в сети передачи данных? </li></ul></ul>
  9. 9. Контекст
  10. 10. Задачи пользователей
  11. 11. Задачи пользователей <ul><ul><li>Определяются целями пользователей и ограничениями мобильной среды </li></ul></ul><ul><ul><li>Многие задачи, востребованные на больших экранах, просто не интересуют мобильных пользователей </li></ul></ul><ul><ul><li>Многие задачи трудно выполнимы на мобильных устройствах (например, требующие сложного ввода данных) </li></ul></ul><ul><ul><li>Задачи менее комплексные, чем на больших устройствах </li></ul></ul><ul><ul><li>Задач а часто ситуативн а и тесно связан а с контекстом </li></ul></ul>
  12. 12. Ограничения и особенности  мобильной среды
  13. 13. Ограничения и особенности мобильной среды <ul><li>Проблемы: </li></ul><ul><ul><li>Сложность ввода  </li></ul></ul><ul><ul><li>Размер экрана </li></ul></ul><ul><ul><li>Модальность вывода </li></ul></ul><ul><ul><li>Сигнал сотовой сети и скорость загрузки </li></ul></ul><ul><ul><li>Многообразие и серьезные различия между мобильными устройствами </li></ul></ul>
  14. 14. Проектирование для мобильн ого веб а <ul><ul><li>Статистика по моделям телефонов для вашей аудитрии </li></ul></ul><ul><ul><li>Особенности мобильных браузеров </li></ul></ul><ul><ul><li>Плотность пикселей (разрешающая способность) </li></ul></ul>Картинка: Mobi F orge
  15. 15. Проектирование для мобильн ого веб а <ul><li>4. Размер экрана </li></ul>Картинка: “dotMobi Mobile Web Developer's Guide”
  16. 16. Проектирование для мобильн ого веб а Картинка: Mobi F orge
  17. 17. Проектирование для мобильн ого веб а <ul><li>5. Макетирование сайта </li></ul><ul><ul><li>Порядок представления информации </li></ul></ul><ul><ul><li>«Выбор» вместо «ввода» </li></ul></ul><ul><ul><li>Стандарты верстки </li></ul></ul><ul><li>6. Наполнени е, копирайтинг </li></ul><ul><li>7. Ссылки, изображения, аудио и видео </li></ul>
  18. 18. Есть что почитать ? <ul><li>Barbara Ballard </li></ul><ul><li>Designing the Mobile User Experience </li></ul>Scott Weiss Handheld Usability Matt Jones, Gary Marsden  Mobile Interaction Design
  19. 19. Спасибо!  <ul><li>Алексей Иванов, 2009 </li></ul><ul><li>explanent .ru </li></ul><ul><li>[email_address] </li></ul>

×