Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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

Other Decks in Design

See All in Design
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
110
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
130
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
210
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
670
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
840
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
Avatar for Tomoya AZUMA t_east
1
1.6k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
920
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
0
370
体験を守るためのデザイン計測
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
120
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
180
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
250
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
240

Featured

See All Featured
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.1k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.8k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
13k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3k

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