UX Patterns for Awareness & Status
Because we read faster and worse than thought. Useful ways to drive user's attention to a specific topic or area of the screen for ease of use, not for selling ads.
Desktop
Tablet
Mobile
_15.12.59/w=3840,quality=80,fit=scale-down)
_16.00.46/w=3840,quality=80,fit=scale-down)
_11.42.04_p._m..png&w=3840&q=80)
_11.28.04_a._m..png&w=3840&q=80)
_00.32.31/w=3840,quality=80,fit=scale-down)
_09.47.02_p._m..png&w=3840&q=80)
_09.05.58_p._m..png&w=3840&q=80)
_02.02.36_p._m..png&w=3840&q=80)
_13.52.38/w=3840,quality=80,fit=scale-down)
_12.03.02/w=3840,quality=80,fit=scale-down)
_10.03.52/w=3840,quality=80,fit=scale-down)
_12.02.40_p._m..png&w=3840&q=80)
_06.23.32_p._m..png&w=3840&q=80)
_23.24.56/w=3840,quality=80,fit=scale-down)
_23.29.09/w=3840,quality=80,fit=scale-down)
_11.56.38_a._m..png&w=3840&q=80)
_21.29.50/w=3840,quality=80,fit=scale-down)
353. Population Pyramid - Visualizations with live filters
353. Population Pyramid - Visualizations with live filters
_00.33.17/w=3840,quality=80,fit=scale-down)
_00.42.51/w=3840,quality=80,fit=scale-down)
281. Ideabot - Background Animation on Mouse Movement
281. Ideabot - Background Animation on Mouse Movement
_09.35.30_p._m..png&w=3840&q=80)
_00.09.24/w=3840,quality=80,fit=scale-down)
173. Diseney Plus - Invitation to Share Live Movie
173. Diseney Plus - Invitation to Share Live Movie
176. Wordpress.com - Natural Inputs with Suggestions
176. Wordpress.com - Natural Inputs with Suggestions
_08.04.40_a._m..png&w=3840&q=80)
_03.59.07_p._m..png&w=3840&q=80)
204. StackExchange - Rewards on Notification Topbar
_23.36.31/w=3840,quality=80,fit=scale-down)
204. StackExchange - Rewards on Notification Topbar
_10.22.23_p._m..png&w=3840&q=80)
_19.04.51/w=3840,quality=80,fit=scale-down)
_02.05.03_p._m..png&w=3840&q=80)
_02.04.21_p._m..png&w=3840&q=80)
_12.12.09_p._m..png&w=3840&q=80)
_12.48.42_p._m..png&w=3840&q=80)
_20.00.24/w=3840,quality=80,fit=scale-down)
_23.17.53/w=3840,quality=80,fit=scale-down)
_07.33.05_p._m..png&w=3840&q=80)
_16.21.40/w=3840,quality=80,fit=scale-down)
