PATTTTERNS
Home/
Awareness & Status
Awareness & Status
Awareness & Status
Awareness & Status

Awareness & Status

Description
Because we read faster and worse than thought.

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.
 
https://uink.digital
 
401. In-App News Notification

401. In-App News Notification

View Pattern
400. 3D Button Shadow

400. 3D Button Shadow

View Pattern
397. Modal with Card Options

397. Modal with Card Options

View Pattern
388. Multiple Item Selection Drag & Drop

388. Multiple Item Selection Drag & Drop

View Pattern
386. Skeleton Loader

386. Skeleton Loader

View Pattern
382. Interactive Background Animation

382. Interactive Background Animation

View Pattern
378. Modal Blackout with Animation

378. Modal Blackout with Animation

View Pattern
363. Better History - Back to Top on scroll

363. Better History - Back to Top on scroll

View Pattern
361. WhatsApp - Progress Bar Loading

361. WhatsApp - Progress Bar Loading

View Pattern
360. Page Outline Menu

360. Page Outline Menu

View Pattern
356. MetaMap - Multi-Layout Topbar Menu

356. MetaMap - Multi-Layout Topbar Menu

View Pattern
No preview

355. Jira - Feature Presentation Tooltip

View Pattern
No preview

354. Figma - Floating Form with Steps

View Pattern
353. Population Pyramid - Visualizations with live filters

353. Population Pyramid - Visualizations with live filters

View Pattern
349. HubSpot - Toggle High Contrast

349. HubSpot - Toggle High Contrast

View Pattern
347. YouTube - Floating Progress Bar

347. YouTube - Floating Progress Bar

View Pattern
357. Modal with Steps (No blackout)

357. Modal with Steps (No blackout)

View Pattern
344. MercadoLibre - Horizontal Item Slider

344. MercadoLibre - Horizontal Item Slider

View Pattern
343. Behance - Login with Code Validation

343. Behance - Login with Code Validation

View Pattern
339. Asana - Platform Onboarding Simulator

339. Asana - Platform Onboarding Simulator

View Pattern
346. Toggl - Sidebar Menu Show More

346. Toggl - Sidebar Menu Show More

View Pattern
345. Vertical Accordion for FAQs

345. Vertical Accordion for FAQs

View Pattern
No preview

336. Floating Popover on Click

View Pattern
343. Modal Drag & Drop to Fixed Position

343. Modal Drag & Drop to Fixed Position

View Pattern
334. MercadoLibre - Call to Action Trigger Effect

334. MercadoLibre - Call to Action Trigger Effect

View Pattern
331. Linkedin - Search Bar Blackout

331. Linkedin - Search Bar Blackout

View Pattern
332. Apple - Drag&Drop Browser File to Desktop

332. Apple - Drag&Drop Browser File to Desktop

View Pattern
322. Search on Menu Items

322. Search on Menu Items

View Pattern
No preview

333. Static Tooltip with Steps

View Pattern
325. Apple - Drag & Drop Slots

325. Apple - Drag & Drop Slots

View Pattern
319. Wordpress - Delete Confirmation with Name

319. Wordpress - Delete Confirmation with Name

View Pattern
No preview

315. Signal - PIN Reminder

View Pattern
312. Instagram - Animated Illustration with Menu

312. Instagram - Animated Illustration with Menu

View Pattern
310. HubSpot - Checkbox Confirmation

310. HubSpot - Checkbox Confirmation

View Pattern
308. MercadoLibre - Hero Slider

308. MercadoLibre - Hero Slider

View Pattern
308. Spinners for Module Loading

308. Spinners for Module Loading

View Pattern
307. Tooltip on Hover

307. Tooltip on Hover

View Pattern
306. Drag & Drop for Reordering Items

306. Drag & Drop for Reordering Items

View Pattern
305. Button Combo for App Download

305. Button Combo for App Download

View Pattern
303. Background Animation

303. Background Animation

View Pattern
300. Sound Bars Graph

300. Sound Bars Graph

View Pattern
No preview

299. Fixed Corner Popup with Steps

View Pattern
295. “NEW” Badge on Menu Items

295. “NEW” Badge on Menu Items

View Pattern
293. Collapsable Sidebar Menu

293. Collapsable Sidebar Menu

View Pattern
292. Vertical Icon Menu

292. Vertical Icon Menu

View Pattern
291. Action Menu from Button

291. Action Menu from Button

View Pattern
289. Floating Popover on Click

289. Floating Popover on Click

View Pattern
288. Vimeo - Topbar Language Switching

288. Vimeo - Topbar Language Switching

View Pattern
286. Apple - Background Animation on Scroll

286. Apple - Background Animation on Scroll

View Pattern
285. Cloudflare - Sidebar with Scroll

285. Cloudflare - Sidebar with Scroll

View Pattern
284. Emergency Information Map

284. Emergency Information Map

View Pattern
No preview

284. Top Tooltip on Link Hover

View Pattern
281. Ideabot - Background Animation on Mouse Movement

281. Ideabot - Background Animation on Mouse Movement

View Pattern
268. GIPHY - Alert on Drag & Drop

268. GIPHY - Alert on Drag & Drop

View Pattern
275. Popover on Hover

275. Popover on Hover

View Pattern
274. Interactive Background Animation

274. Interactive Background Animation

View Pattern
243. GIPHY - Trim Video Slicers

243. GIPHY - Trim Video Slicers

View Pattern
253. Youtube - Table Row Selector

253. Youtube - Table Row Selector

View Pattern
251. Progressive Layout Loader

251. Progressive Layout Loader

View Pattern
235. Background Animation on Hover

235. Background Animation on Hover

View Pattern
241. Modal Blackout with Steps

241. Modal Blackout with Steps

View Pattern
231. Automatic Floating Popover with Steps

231. Automatic Floating Popover with Steps

View Pattern
229. Top Banner for Design Changes

229. Top Banner for Design Changes

View Pattern
222. Floating Banner on User Input

222. Floating Banner on User Input

View Pattern
215. Stacked Action Button

215. Stacked Action Button

View Pattern
212. Automatic Background Animation

212. Automatic Background Animation

View Pattern
172. PedidosYa - Search Results Recommendation

172. PedidosYa - Search Results Recommendation

View Pattern
101. Downloading Desktop App

101. Downloading Desktop App

View Pattern
45. Webapp Video Loader

45. Webapp Video Loader

View Pattern
199. Sidebar Emptystate

199. Sidebar Emptystate

View Pattern
43. File Upload Status

43. File Upload Status

View Pattern
95. Delete Confirmation with Name

95. Delete Confirmation with Name

View Pattern
189. Feature Preview on Menu

189. Feature Preview on Menu

View Pattern
5. Website Promotional Top Banners

5. Website Promotional Top Banners

View Pattern
31. Page Blocker Edition Warning

31. Page Blocker Edition Warning

View Pattern
No preview

132. Amazon - Store Tooltip Reminders

View Pattern
130. Animated Email Page

130. Animated Email Page

View Pattern
189. Illustration (Meme) on Empty State

189. Illustration (Meme) on Empty State

View Pattern
42. Browser Status Banner for Pages

42. Browser Status Banner for Pages

View Pattern
No preview

164. Static Tooltip on Menu

View Pattern
158. Bar Reading Status

158. Bar Reading Status

View Pattern
56. Automatic Blackout Popover with Steps

56. Automatic Blackout Popover with Steps

View Pattern
203. Password Expiration on Login

203. Password Expiration on Login

View Pattern
179. Stylized Feature Highlighting

179. Stylized Feature Highlighting

View Pattern
147. Linked Settings for User Permissions

147. Linked Settings for User Permissions

View Pattern
139. Synced Hover Animations

139. Synced Hover Animations

View Pattern
124. Critical Changes Warning

124. Critical Changes Warning

View Pattern
100. Automatic Floating Popover

100. Automatic Floating Popover

View Pattern
117. Side Status Notification

117. Side Status Notification

View Pattern
116. User Feedback on Web Content

116. User Feedback on Web Content

View Pattern
63. GitHub - Contextual Back Navigation Bar

63. GitHub - Contextual Back Navigation Bar

View Pattern
116. 2-pane Automatic Slider

116. 2-pane Automatic Slider

View Pattern
133. Website-Browser Notification Reminder

133. Website-Browser Notification Reminder

View Pattern
176. Wordpress.com - Natural Inputs with Suggestions

176. Wordpress.com - Natural Inputs with Suggestions

View Pattern
91. Bubble Status Reading

91. Bubble Status Reading

View Pattern
173. Share Invitation to Live Movie

173. Share Invitation to Live Movie

View Pattern
83. Rewards Notification on Topbar

83. Rewards Notification on Topbar

View Pattern
55. Contextual Form Input Errors

55. Contextual Form Input Errors

View Pattern
38. Youtube - Video Statusbar

38. Youtube - Video Statusbar

View Pattern
66. Actionable Empty State

66. Actionable Empty State

View Pattern
39. Youtube - Dismissed Bottom Popup

39. Youtube - Dismissed Bottom Popup

View Pattern
196. Video Story on Website

196. Video Story on Website

View Pattern
37. Branded Illustrations for Reinforcement

37. Branded Illustrations for Reinforcement

View Pattern
42. Modal for Tags Editing

42. Modal for Tags Editing

View Pattern
80. Contextual Input Status

80. Contextual Input Status

View Pattern
29. General Form Errors Banner

29. General Form Errors Banner

View Pattern
105. Automatic Blackout Popover

105. Automatic Blackout Popover

View Pattern
178. OS Voice Widget with Actions

178. OS Voice Widget with Actions

View Pattern
50. Food Order Receipt

50. Food Order Receipt

View Pattern
180. Dedicated Screen for Action Confirmation

180. Dedicated Screen for Action Confirmation

View Pattern
146. Intelligencer - Hamburger Menu

146. Intelligencer - Hamburger Menu

View Pattern
6. Modal Blackout with Form

6. Modal Blackout with Form

View Pattern
4. Floating Status Banner

4. Floating Status Banner

View Pattern
155. Menu Search Highlighting

155. Menu Search Highlighting

View Pattern
 
 

Found this pattern useful?

PATTTTERNS - An open catalog of design patterns | Product Hunt