Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

NPR One

Avatar for whistle whistle
April 01, 2014
Design
150
0

NPR One

Initial Pattern Documentation

Avatar for whistle

whistle

April 01, 2014

More Decks by whistle

See All by whistle
Slicing up the design process
Avatar for whistle whistle
2
1k
NPR Design Research: Story Page Legibility
Avatar for whistle whistle
0
800

Other Decks in Design

See All in Design
2026-04-06 CMU School of Design "Vision-Driven Design"
Avatar for Hiroshi Ishii ishii_mit
0
150
明日から真似できる、AIでデザインシステムを活用する方法
Avatar for viviON vivion
0
650
Frontier
Avatar for Renny Wang rwang05
0
210
デザインツールを開く前に その画面は誰に何と言わせたい？受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
Avatar for @Garyuten garyuten
1
240
The Art of Caring
Avatar for Klemens klemens
0
460
インターンから2年 新卒フロントエンドエンジニアから見た サイボウズのアクセシビリティ
Avatar for tak taku10101
0
150
AI-Slopなデザインを生まないためのデザインプロセス戦略
Avatar for takanorip takanorip
10
5.9k
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
2
3.5k
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.8k
Design dependencies
Avatar for Teba_eleven teba_eleven
0
170
工房としてのAI ── デザイナー、作家、ビルダー
Avatar for hiranotomoki hiranotomoki
0
460
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
Avatar for たと ottatto
3
1.8k

Featured

See All Featured
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.8k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.6k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
1
470
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
14
39k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
480
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.7k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.3k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
290
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6.1k

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