me12 usabiliti-mobile
DESCRIPTION
Доклад на MobiEvent'12 о том, что следует помнить при разработке под мобильный устройства.TRANSCRIPT
Usabiliti мобильных приложений
@9buttonskz
Мобильные сервисы и платежи - MobiEvent'12
Из чего?
• Назначение
• Функциональность
• Удобство использования
• Дизайн
Описание приложения
Тип приложения • серьёзный инструмент; • забавный инструмент; • серьёзное развлечение; • забавное развлечение; • утилита.
Назначение
Контекст выполнения
Getting Real by 37signals
Android Training http://developer.android.com/training/index.html
Mac Developer Library
http://developer.apple.com/library/mac/navigation/ Learn to build Windows Phone apps
http://msdn.microsoft.com/library/windowsphone/develop/ http://wp7dev.wikispaces.com/
Best practices
Функциональность
Getting Real by 37signals
Native vs. Web
Качество кода Lint
Функциональность
• при повороте экрана из вертикального в горизонтальное положение • на разных экранах (проверка верстки) • на разных версиях • на разных моделях • отключая по отдельности и вместе WiFi и GPRS, 3G/4G, режим самолета • вынимая карту памяти из устройства • старт/стоп/возврат
Функциональность
Тестирование
Удобство
Frameworks
Удобство
Паттерны поведения
Удобство
Паттерны поведения
Удобство
Паттерны поведения
Удобство
Паттерны поведения
Удобство
Паттерны поведения
Удобство
Паттерны поведения
Удобство
Удобство
Ограничения
Точка Zero
Алан Купер «Психбольница в руках пациентов»
Удобство
Дизайн
Удобство
Разметка
Удобство
Разметка
Удобство
Фон
Удобство
Фон
Удоство
Фон
@9buttonskz
Читайте Guidelines:
Android Design - http://developer.android.com/design/index.html
iOS Human Interface Guidelines - developer.apple.com/appstore/guidelines.html
WindowsPhone - http://msdn.microsoft.com/en-
us/library/windowsphone/develop/ff637515(v=vs.92).aspx
http://windowsphone.interoperabilitybridges.com/articles/chapter-2-user-interface-guidelines http://windowsphone.interoperabilitybridges.com/porting
http://www.visionunion.com/admin/data/file/img/20110120/20110120003801.pdf
BlackBerry - http://docs.blackberry.com/en/developers/subcategories/?userType=21&category=BlackBerry+UI+Guidelines
Где брать вдохновение?
Google search (“ui kit”) Samples - http://www.splashnology.com/article/60-free-ui-design-kits-templates-and-resources/853/ stensils & screenshots: http://www.mobiletuxedo.com/category/ui-patterns/ http://mobile-patterns.com/ http://www.lovelyui.com/ http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/ http://www.flickr.com/photos/morville/collections/72157603785835882/ http://pttrns.com/ http://littlebigdetails.com/ http://www.mobiledesignpatterngallery.com/mobile-patterns.php http://patterntap.com/ http://www.patternsofdesign.co.uk/ http://www.uiparade.com/ blogs: http://apkdev.tumblr.com http://mobilegui.net/
Где брать вдохновение?
@9buttonskz
Мобильные сервисы и платежи - MobiEvent'12