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