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
780
NPR Design Research: Story Page Legibility
Avatar for whistle whistle
0
640

Other Decks in Design

See All in Design
アプリ360onWeb使い方と裏ワザ？紹介！
Avatar for ikejun360 ikejun360
0
260
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
400
生成AIを活用した組み込みSW設計書検索システム開発
Avatar for matsukada licux
7
1.4k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
250
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
330
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
1.7k
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
370
“ブロック”で作る、WordPress制作フロー変革のすすめ
Avatar for Koots koots2021
4
1.9k
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない？というお話
Avatar for なつ iflection
6
2.3k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
200
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.8k
Findyのプロデチームの 歩みとこれから
Avatar for Satty satty9556
0
260

Featured

See All Featured
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
KATA
Avatar for Megan Lloyd mclloyd
32
14k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
460k

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