Презентация для доклада в GTUG Алматы 6 сентября 2012. ReportErr / 9buttons

1. Разработка под смартфоны
Как сделать хорошо и как кое-кто
делает плохо
Almaty Google Technology User Group

2. О себе немножко
• ReportErr / 9buttons – Лёша, Саша,
Нуржан и Натаха
• Успешно принимали участие на
Hackathon, -day, iProff2011
• Нам нравится многое из мира
мобильных устройств
• @9buttonskz

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

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

5. Функциональность
Best practices
Android Training
http://developer.android.com/training/index.html
Качество кода
Lint
Getting Real by 37signals

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

7. Удобство

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

9. Дизайн

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

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

12. Дизайн
Фон

13. Дизайн
Фон

14. Дизайн
Фон

15. Где брать вдохновение?
@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+

16. Где брать вдохновение?
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/

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

18. Спасибо за внимание
www.ala-gtug.org
Almaty Google Technology User Group