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

Other Decks in Design

See All in Design
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
240
Emmy's Artwork
Avatar for McKenna mcksmith
0
210
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
210
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
120
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
280
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
310
CREATIVE CLASS受講課題｜無印良品を題材としたブランド再構築について
Avatar for satoshi kobayashi happy_ferret153
0
730
インハウスデザイン組織で挑む自社ブランディング
Avatar for MIXI DESIGN mixi_design
PRO
0
120
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
680
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.6k
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
260
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
0
190

Featured

See All Featured
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
830
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
2.9k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
10k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
80
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
150
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
940
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
470
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k

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