Upgrade to Pro — share decks privately, control downloads, hide ads and more …

NPR One

whistle
April 01, 2014
Design
0
130

NPR One

Initial Pattern Documentation

whistle

April 01, 2014
Tweet

More Decks by whistle

See All by whistle
Slicing up the design process
whistle
2
650
NPR Design Research: Story Page Legibility
whistle
0
570

Other Decks in Design

See All in Design
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
220
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
480
Design System for training program
mct
0
300
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
520
発表資料テンプレート / My slide template
thatblue
0
150
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
340
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
15
7k
Design System for training program
mct
0
160
横断組織デザイナーの働き方
mixi_design
PRO
0
260
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは？
atsushihomma
0
320
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
190
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
920

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
920
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Optimising Largest Contentful Paint
csswizardry
33
3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
230
52k
Building Your Own Lightsaber
phodgson
103
6.1k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Mobile First: as difficult as doing things right
swwweet
222
9k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
YesSQL, Process and Tooling at Scale
rocio
170
14k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
530

Transcript

  1. NPR One. Initial Pattern Documentation

  2. Menu Repeating patterns include: close option and transparent background

  3. Duration Repeating patterns include: current / total audio duration and

    scrubber

  4. Dismiss Repeating patterns include: swipe interaction and instructional text

  5. Undo Repeating patterns include: iconography and instructional text

  6. Search Repeating patterns include: iconography, button, input field and instructional

    text label

  7. Segments Repeating patterns include: typography, text labels, duration information, rationales