Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

How to improve mobile UI/UX

Николай Апостол - UI/UX дизайнер из Киева с 15+ опытом работы в этой сфере рассказал как улучшить мобильное приложение с помощью анимации и микровзаимодействий. Эмоции, психология поведения, советы и хитрости. Мы рассмотрели кейсы из прошлой и нынешней практики, а также тенденции в мобильном дизайне на ближайшее время.

  • Sé el primero en comentar

How to improve mobile UI/UX

  1. 1. Как улучшить UI/UX в мобильном приложении 2017 Апостол Николай
  2. 2. Estimation Роберт Мозес User personas
  3. 3. Estimation Камденская лавка Это шедевр "неприятного дизайна"
  4. 4. Estimation McDonald's
  5. 5. Estimation Heathrow Airport Terminal 5 700 мест для почти 35 млн пассажиров единственный способ присесть - это посетить один из 25 ресторанов
  6. 6. Estimation Эскалаторы Вынуждают пройти несколько дополнительных магазинов на каждом этаже
  7. 7. 2017 UX/UI Designer
  8. 8. 2017 «Сделайте красиво»
  9. 9. 2017 Dribbble
  10. 10. 2017 Эстимация всего проекта до воркшопа может обернуться крахом и по дедлайнам, и по качеству. Ведь именно в рамках воркшопа выясняется реальный объем работ.
  11. 11. Estimation Эстимация всего проекта до воркшопа может обернуться крахом и по дедлайнам, и по качеству. Ведь именно в рамках воркшопа выясняется реальный объем работ.
  12. 12. Estimation2017 Оценка проекта Идеальное состояние Пустое состояние Состояние ошибки Состояние частичной заполненности Состояние загрузки. Склет
  13. 13. Estimation2017 Пустые состояния Первый запуск Все данные удалены Нет данных для отображения например результат поиска
  14. 14. Project Manager
  15. 15. Project Manager not Premier Manager
  16. 16. Estimation MVP and Design Sprints
  17. 17. Microinteractions 2017
  18. 18. Microinteractions Microinteractions Dan Sffer
  19. 19. Microinteractions Детали — это и есть дизайн Dan Saffer
  20. 20. Детали Microinteractions
  21. 21. 2017 Детали Microinteractions
  22. 22. Детали Mobile UI/UX details
  23. 23. Microinteractions No Feedback
  24. 24. Microinteractions2017 это то, что приводит людей к вашему продукту Фунционал это то, что их удерживает надолго Детали
  25. 25. Microinteractions2017 Feedback
  26. 26. Microinteractions2017 Mircointeractions Передают отклик или результат действий пользователя Выполняют индивидуальную задачу Улучшают чувство прямой манипуляции Помогают пользователю визуализировать результаты своих действий и избегать ошибок. 01 02 03 04
  27. 27. Microinteractions Turn off mode
  28. 28. Microinteractions2017 Визуальные подсказки. Призыв или намек к действию Trigger Правила определяют, что, как и в каком порядке может происходить Rules Обратная связь поясняет пользователю правила. Используйте юмор. Feedback Циклы продлевают жизнь микровзаимодейст вий Loops&Mods
  29. 29. Microinteractions Дизанер 2017 Пользователь
  30. 30. Microinteractions Trigger 2017
  31. 31. Microinteractions Trigger
  32. 32. Microinteractions2017 Звук Гироскоп Вибрация Время суток, геопозиция, режим телефона...
  33. 33. Microinteractions Loop&Mods 2017
  34. 34. Microinteractions2017 Prevent Human Error
  35. 35. Microinteractions2017 Prevent Human Error
  36. 36. Microinteractions2017 Audio Feedback Звуки помогают передать фидбек Аудио добавляет персонализации в приложение
  37. 37. Microinteractions Camera First 2017
  38. 38. Microinteractions Progressive disclosure Важный контент в приоритете Чистый и упрощенный интерфейс Меньше ошибок происходит Но, Нужно знать своих пользователей
  39. 39. Microinteractions Progressive disclosure Novice users Advanced users
  40. 40. Microinteractions Progressive disclosure  show less, provide more
  41. 41. Microinteractions Progressive disclosure
  42. 42. Microinteractions Progressive disclosure
  43. 43. Microinteractions Trigger
  44. 44. Microinteractions2017 Telegram
  45. 45. 2017 Telegram Voice messages Mobile UI/UX details
  46. 46. Microinteractions2017 Гироскоп
  47. 47. Microinteractions2017 Гироскоп
  48. 48. Microinteractions2017 Пресеты и повторения
  49. 49. 2017 Мелочи
  50. 50. Microinteractions Overlapping 2017
  51. 51. Microinteractions Overlapping 2017
  52. 52. Microinteractions Overlapping 2017
  53. 53. Microinteractions2017 Поощрение
  54. 54. Microinteractions Drunk Mode
  55. 55. Cognitive Load 2017
  56. 56. Cognitive Load Cognitive Load это количество логических связей и переходов, необходимых нашему мозгу для осознания и понимания объекта, на который мы смотрим.
  57. 57. Cognitive load2017 QR
  58. 58. Cognitive load2017 Fingerprint
  59. 59. Cognitive load Берлинский ключ 2017
  60. 60. Cognitive Load Primary Actions 2017
  61. 61. Cognitive Load Primary Actions 2017
  62. 62. Cognitive Load Primary Actions 2017
  63. 63. Cognitive Load Segmented control 2017
  64. 64. Cognitive Load Toggle menu 2017
  65. 65. Cognitive Load Toggle menu 2017
  66. 66. Cognitive Load Catalog improvements 2017
  67. 67. Cognitive Load Catalog improvements 2017
  68. 68. Cognitive Load Swipe to Order 2017
  69. 69. Cognitive Load Show password 2017
  70. 70. Cognitive Load Show password 2017 пользователей используют такую возможность 75%
  71. 71. Cognitive Load Required fields 2017
  72. 72. Cognitive Load Required fields 2017
  73. 73. Cognitive Load Сolor matters 2017
  74. 74. Cognitive Load Сolor and Depth matter 2017
  75. 75. Trigger 2017 iOs Music Mobile UI/UX details
  76. 76. Improvements Размер шрифта и эелементов 2017 проверяйте дизайн на телефоне и не уменьшайте текст
  77. 77. Improvements2017 Improvements Accessibility и конфликт ценностей 2017
  78. 78. Brain 2017 С возрастом мозг замедл яется и все чувства притупляются. Транзишены сделали медленнее. Mobile UI/UX details
  79. 79. Двойное оповещение 2017 Mobile UI/UX details
  80. 80. Двойное оповещение 2017 Mobile UI/UX details
  81. 81. Target Size 2017 Error Rate Mobile UI/UX details
  82. 82. Improvements2017 Data
  83. 83. Improvements2017 Muscle memory I am not recommending :)
  84. 84. Improvements2017 Improvements Конфликт ценностей 2017 Autoplay
  85. 85. Improvements2017 Терминология Заказчи-Девелопер
  86. 86. Improvements Внимание к деталям
  87. 87. Improvements2017 Артикли At Google, we're always working on ways to bridge this gap through unified spec
  88. 88. Improvements My Files, Your Files, Files 2017 Использовать My когда можно что то изменить или персонализировать или приватность. Your используем когда система говорит с нами.
  89. 89. Improvements My Files, Your Files, Files 2017 Убирая My и Your не всегда работает хорошо.
  90. 90. Вымышленный контент 2017 Xero
  91. 91. Improvements Hotspot tutorial vs Onboarding 2017
  92. 92. Improvements Вспоминать тяжело 2017
  93. 93. Improvements Состояние ошибки 2017 Spotify
  94. 94. Improvements Human Language 2017
  95. 95. Improvements Непонятные сообщения 2017
  96. 96. Improvements Уменьшаем негатив при помощи анимации 2017
  97. 97. Уменьшаем негатив при помощи поощрения 2017 Mobile UI/UX details
  98. 98. Prime Mod 2017 Mobile UI/UX details Но никогда не начинайте Апу с Prime режима а потом обратно в обычный
  99. 99. Improvements Состояние ошибки 2017 Указываем на решение проблемы.
  100. 100. Dead-End 2017 Указываем на решение проблемы. Mobile UI/UX details
  101. 101. Dead-End 2017 Указываем на решение проблемы. Mobile UI/UX details
  102. 102. Empty State 2017 Интуитивные подсказки Mobile UI/UX details
  103. 103. Emotion 2017 Пустые состояния могут помочь вам показать человеческую сторону вашего бизнеса или продукта. Mobile UI/UX details
  104. 104. Emotion 2017 Mobile UI/UX details
  105. 105. Emotion 2017 Mobile UI/UX details
  106. 106. Emotion 2017 Mobile UI/UX details
  107. 107. 2017 Артикли At Google, we're always working on ways to bridge this gap through unified spec Mobile UI/UX details
  108. 108. Improvements2017 Error massages Писать сообщения нужно на языке понятном обычному пользователю
  109. 109. Improvements Избегать термины индустрии 2017
  110. 110. Improvements Простые предложения 2017
  111. 111. Improvements Present perfect 2017
  112. 112. Improvements2017 Мутные сообщения Нужно предлагать решения или альтернативу
  113. 113. Improvements Диалоги и надписи 2017
  114. 114. Improvements2017 Диалоги и надписи
  115. 115. Improvements Не обвиняйте пользователя 2017
  116. 116. Improvements Select 2017
  117. 117. Improvements Stepper first 2017
  118. 118. Improvements Select vs Input 2017
  119. 119. Improvements Select vs Input 2017
  120. 120. Improvements Friendly 2017 Virgin America
  121. 121. Improvements Autocomplete 2017
  122. 122. Improvements Autocomplete 2017
  123. 123. Improvements Reduce Input Errors 2017 15% Bounce rate
  124. 124. Improvements Reduce Input Errors 2017
  125. 125. Improvements Reduce Input Errors 2017 Decrease 50% Bounce rate
  126. 126. Login Walls 2017 Mobile UI/UX details
  127. 127. Login Walls 2017 Mobile UI/UX details
  128. 128. Ask for Rate Mobile UI/UX details2017
  129. 129. Improvements Access Permissions 2017
  130. 130. Improvements Access Permissions 2017
  131. 131. Improvements Progressbar and Preloader 2017
  132. 132. Improvements Статические индикаторы 2017
  133. 133. Improvements Preloader 2017 иконка часов - а это пугает и кажется пользователям более долгим - Luke W
  134. 134. Improvements Preloader 2017 Синий цвет снижает раздражение и повышает расслабленность
  135. 135. Improvements Load like Lightning 2017 Как долго это долго :)
  136. 136. PageSpeed 2017 Mobile UI/UX details Покупателей ждут не более 3- ех секунд 40%
  137. 137. PageSpeed 2017 Mobile UI/UX details https://developers.google.com/speed/pagespeed/insights/ 7.2 seconds in 2014 2.9 seconds in 2017
  138. 138. Google Statistics 2017 Mobile UI/UX details 25% Apps не используют больше чем 1 раз 25%
  139. 139. Google Statistics 2017 Mobile UI/UX details 24% Apps не используют больше чем 11 раз 34%
  140. 140. Improvements Go faster 2017
  141. 141. Improvements Progressbar 2017
  142. 142. Improvements Progressbar 2017
  143. 143. Improvements Progressbar 2017
  144. 144. Improvements Progressbar 2017
  145. 145. Improvements Якоря времени 2017 люди тяготеют к числам 1 2 3 5 10 15 20
  146. 146. Improvements Onboarding 2017 Должна быть возможность пропустить Onboarding
  147. 147. Improvements Onboarding 2017
  148. 148. Improvements Гостевой вход 2017
  149. 149. Improvements English 2017
  150. 150. Improvements Machine learning 2017
  151. 151. 23% пользователей покидают приложение если требуется регистрация 2017 Mobile UI/UX details 23%
  152. 152. Guest checkout 2017 Mobile UI/UX details
  153. 153. PayPal checkout 2017 Mobile UI/UX details
  154. 154. Гостевой вход 2017 Mobile UI/UX details -10%
  155. 155. Show value of your app upfront 2017 Mobile UI/UX details
  156. 156. Show value of your app upfront 2017 Mobile UI/UX details
  157. 157. Поиск 2017 Результаты поиска должны быть правильно проиндексированы Mobile UI/UX details
  158. 158. Поиск 2017 Результаты поиска должны быть правильно проиндексированы Mobile UI/UX details
  159. 159. Save the user time and effort 2017 Показывайте предыдущие поиски Mobile UI/UX details
  160. 160. Improvements Interface should teach 2017 Josh Clark DESIGNING FOR TOUCH
  161. 161. Cognitive Easy Мод 2017
  162. 162. Improvements Reduce Errors in Forms 2017
  163. 163. Improvements Reduce Errors in Forms 2017
  164. 164. Legal Issues 2017 Mobile UI/UX details
  165. 165. Cognitive Easy 2017
  166. 166. Cognitive Easy EASY = TRUE 2017 Более контрастные изображения воспринимаются мозгом с большей конитивной легкостью
  167. 167. Cognitive Easy Силуэт 2017 Визуальная подсказка. Мозг всегда ищет угрозу.
  168. 168. Cognitive Easy Каркас 2017 Дает возможность уменьшить время ожидания подгрузки контента
  169. 169. Cognitive Easy2017
  170. 170. Cognitive Easy Select “Remove local copy” to save space. Save space by selecting “Remove local copy.” 2017
  171. 171. Improvements One Screen, One Task 2017
  172. 172. Improvements2017 One Screen, One Task
  173. 173. Improvements One Screen, One Task 2017
  174. 174. Improvements One Screen, One Task 2017
  175. 175. Cognitive Easy Seamlessly 2017
  176. 176. Cognitive Easy Вымышленная ошибка 2017
  177. 177. Improvements Минимизировать негатив 2017
  178. 178. Cognitive Easy Seamlessly 2017
  179. 179. Cognitive Easy Seamlessly 2017
  180. 180. Cognitive Easy Seamlessly 2017
  181. 181. Cognitive Easy Seamlessly 2017
  182. 182. Cognitive Easy Seamlessly 2017
  183. 183. Cognitive Easy Анимация 2017
  184. 184. Cognitive Easy Последовательность 2017
  185. 185. Cognitive Easy Микро анимация 2017
  186. 186. Cognitive Easy Не анимируйте на одном экране все вместе. 2017
  187. 187. Little Big Details 2017
  188. 188. Details Dropbox Крышка мусорника открывается в режиме просмотра удаленного контента
  189. 189. Details iOs Spinner крутиться медленее когда плохой конекшен
  190. 190. Details OSX Когда документ не сохранен, на кнопке закрытия появляется точка
  191. 191. Cognitive Easy Визуальные подсказки 2017
  192. 192. Cognitive Easy Не перекрывает контент 2017
  193. 193. Cognitive Easy Поздравление в день рождения 2017
  194. 194. Cognitive Easy Маленькие детали 2017
  195. 195. Cognitive Easy Маленькие детали 2017
  196. 196. Cognitive Easy Мод и цикл 2017
  197. 197. Cognitive Easy Evernote 2017
  198. 198. Service Design это проектирование процессов и услуг так что бы осталось приятное впечатление
  199. 199. Cognitive Easy Что почитать ? 2017
  200. 200. Thanks 2017

×