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

NPR One

Avatar for whistle whistle
April 01, 2014
Design
0
140

NPR One

Initial Pattern Documentation

Avatar for whistle

whistle

April 01, 2014
Tweet

More Decks by whistle

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

Other Decks in Design

See All in Design
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
160
21 Ways to Call American Airlines Customer Care Full Guide USA
Avatar for Sonny americanhub
0
300
文字コントラストを改めて考える / Reevaluating Text Contrast
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
620
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
560
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
320
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.4k
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
300
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
220
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
130
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
290
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
130
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
550

Featured

See All Featured
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Designing for Performance
Avatar for Lara Hogan lara
610
69k

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