Android UI Make Your App Sexy

Nowdays Android has become very popular. Do you have any ideas about Apps? This App is exist for sure, but you can make your App sexy with new graphic design!

Transcript

1. Android UI Make Your App Sexy ♥ Vladimir Makeev SurfStudio
3. 700k Apps 3
4. У вас есть идея приложения? 4
5. Это сделали до вас много раз. 5
6. Можно выделиться с помощью дизайна. 6
9. Android Guideline 9
10. ActionBar 1. ActionBar 2. TopBar 3. BottomBar 10
11. ActionBar 1. Брендинг приложения 2. Заголовок 3. Действия 4. Второстепенные действия 11
13. Боковая навигация 13
14. Facebook Prixing 14
15. Google+ Evernote 15
16. Dashboard 16
17. Dashboard умирает 17
18. Dashboard умирает 18
19. Quick Return 19
23. Pull-to-Refresh http://www.senab.co.uk/portfolio/pull-to-refresh-for-android 23
24. Пример 24
25. Компас+ Приложение для курьеров служб доставки 25
26. Цель приложения? Что наиболее важно для пользователя? Вопросы 26
27. Цель приложения Автоматизации работы курьера: эффективное получение и выполнение заказов. 27
28. Важно  Доступ к списку заказов  Заказы на карте  Маршрут до точки назначения  Прием заказа  Звонок/СМС адресату  Связь с диспетчером  Простота интерфейса 28
29. Пользователь приложения 29
30. Сценарии использования 30
31. Артефакты 31
32. Виртуальные аналоги артефактов TODO List Список заказов Карта Заказы на карте Чат с диспетчером История переписки Принять заказ. Посмотреть детальную информацию. Получить маршрут к точке. Отправить сообщение диспетчеру. 32
33. DashBoard 33
34. Супер-герой 34
35. Выпадающий список ActionBar 35
36. Вкладки 36
37. Вкладки на месте ActionBar 37
38. Это два представления одного и того же 38
39. Переключение представления внизу 39
40. Финальный вариант 40
41. Как насчет планшетов? 41
44. App Nirvana 44
45. Скевоморфизм 45
46. Windows Guidelines (Metro-style) 46
47. Градус скевоморфизма 47
48. UI Controls http://developer.android.com/design/downloads/index.html 48
53. Иконки xhdpi 512x512 px hdpi mdpi ldpi 53
54. Внимание к деталям 54
55. Стратегия: разрешения экранов Дизайн для xhpi (720x1280) Проверка hdpi (480x800) Проверка mdpi (320x480) ldpi 55
56. hdpi vs xhdpi 56
57. Тестирование? 1. Toshiba Thrive (800x1280 hdpi) 2. Samsung Galaxy Nexus (720x1280 xhdpi) 3. Motorola RAZR (540x960 hdpi) 4. Samsung Nexus S (480x800 hdpi) 5. HTC Wildfire S (320x480 mdpi) 57
58. С точки зрения разработчика 58
59. Sherlock ActionBar 59
60. ViewPagerIndicator 60
61. NineOldAndroids 61
62. Генерация ресурсов http://android-ui-utils.googlecode.com/hg/asset- studio/dist/index.html 62
63. Android-PullToRefresh https://github.com/chrisbanes/Android-PullToRefresh 63
64. SlidingMenu https://github.com/jfeinstein10/slidingmenu 64
65. Polaris https://github.com/cyrilmottier/Polaris 65
66. Ссылки • @romannurik • @lehtimaeki • @cyrilmottier • @JakeWharton • developer.android.com/design • androiduipatterns.com • holoeverywhere.com 66
67. makeev@surfstudio.ru @vmakeev 67