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

NPR One

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
870
NPR Design Research: Story Page Legibility
Avatar for whistle whistle
0
690

Other Decks in Design

See All in Design
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
280
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
800
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
670
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.5k
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
1
400
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
Avatar for MIXI DESIGN mixi_design
PRO
1
180
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
610
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
2
110
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
300
Connpass-Xperia_Camera_App_by_HCD.pdf
Avatar for ソニー株式会社 sony
0
470
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
190
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
300

Featured

See All Featured
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
760
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
92
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
210
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.4k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.5k
Design in an AI World
Avatar for tapps tapps
0
140
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
47
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
130

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