Разработка под смартфоны

Как сделать хорошо и как кое-кто делает плохо

Almaty Google Technology User Group

О себе немножко

• ReportErr / 9buttons – Лёша, Саша, Нуржан и Натаха• Успешно принимали участие на

Hackathon, -day, iProff2011• Нам нравится многое из мира

мобильных устройств• @9buttonskz

Из чего?

• Назначение• Функциональность• Удобство использования• Дизайн

Назначение

Описание приложенияТип приложения• серьёзный инструмент;• забавный инструмент;• серьёзное развлечение;• забавное развлечение;• утилита.

Функциональность

Getting Real by 37signals

Android Traininghttp://developer.android.com/training/index.html

Best practices

Качество кодаLint

Функциональность

• при повороте экрана из вертикального в горизонтальное положение• на разных экранах (проверка верстки)• на разных версиях• на разных моделях• отключая по отдельности и вместе WiFi и GPRS, 3G/4G, режим самолета• вынимая карту памяти из устройства• старт/стоп/возврат

Удобство

Удобство

Алан Купер «Психбольница в руках пациентов»

Дизайн

ДизайнРазметка

ДизайнРазметка

ДизайнФон

ДизайнФон

ДизайнФон

Где брать вдохновение?@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.phphttp://patterntap.com/http://www.patternsofdesign.co.uk/http://www.uiparade.com/blogs:http://apkdev.tumblr.comhttp://mobilegui.net/

Сделаем вместе?

• чек-лист тестирования;• UX группу #uxalmaty;• приложение just4fun.

Спасибо за внимание

Almaty Google Technology User Group

www.ala-gtug.org