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

NPR One

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
670
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
380
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
26k
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
120
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
1
2.7k
デザインするために「多様性」について考える
Avatar for なつ iflection
0
180
Diverse Design Team Deck
Avatar for Diverse diverse
0
540
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
190
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
300
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
540
mount_company_profile
Avatar for mount inc. mount_inc
0
4.9k
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
0
190

Featured

See All Featured
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.2k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.5k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
62
49k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.6k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
130
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
140

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