Me12 usabiliti-mobile

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

Me12 usabiliti-mobile

Documents

Transcript of Me12 usabiliti-mobile