Submit Search
Upload
Prototyping Your Way to Happiness
•
0 likes
•
704 views
Mandi Wise
Follow
Slides from my presentation at Style & Class on February 10, 2015
Read less
Read more
Technology
Report
Share
Report
Share
1 of 25
Download now
Download to read offline
Recommended
Design Cycle
Design Cycle
slchua16
Life of a Remote Developer - Productivity tips (MSBuild 2020)
Life of a Remote Developer - Productivity tips (MSBuild 2020)
Davide Benvegnù
Technology
Technology
Tyrone321
Evaluation question 6
Evaluation question 6
sanjm
Evaluation: Q6
Evaluation: Q6
Kieran Morris
Question 6
Question 6
zwasmedia
Question 6
Question 6
AmyBottrill98
Evaluation Question 6
Evaluation Question 6
Lara Berndes
Recommended
Design Cycle
Design Cycle
slchua16
Life of a Remote Developer - Productivity tips (MSBuild 2020)
Life of a Remote Developer - Productivity tips (MSBuild 2020)
Davide Benvegnù
Technology
Technology
Tyrone321
Evaluation question 6
Evaluation question 6
sanjm
Evaluation: Q6
Evaluation: Q6
Kieran Morris
Question 6
Question 6
zwasmedia
Question 6
Question 6
AmyBottrill98
Evaluation Question 6
Evaluation Question 6
Lara Berndes
Question 6:What have you learnt about technologies from the process of constr...
Question 6:What have you learnt about technologies from the process of constr...
kelseyhaslam
Q6 – evaluation question
Q6 – evaluation question
jemmaashaw
Evaluation 6 what have you learnt about technologies from the process of cons...
Evaluation 6 what have you learnt about technologies from the process of cons...
MaxSunnar
6- What have you learnt about technologies from the process of constructing t...
6- What have you learnt about technologies from the process of constructing t...
ErnestSadowski
How did you use media technologies in the
How did you use media technologies in the
19105hj
App Smashing FULL CUE version
App Smashing FULL CUE version
Jon Corippo
Evaluation question 6
Evaluation question 6
Lauryn Hall
Evaluation 4
Evaluation 4
Qainaat
Evaluation question power point
Evaluation question power point
jemsjems61
Question 6 A-level Media evaluation
Question 6 A-level Media evaluation
Nathan Gilbert
What have you learnt about technologies from the process of constructing this...
What have you learnt about technologies from the process of constructing this...
Necmiye97
Evaluation: Q4
Evaluation: Q4
Kieran Morris
Cool Tools for Academic Reference/Instruction Librarians
Cool Tools for Academic Reference/Instruction Librarians
nclatechandtrends
Final presentaion
Final presentaion
Debowen
Question 4 (evaluation)
Question 4 (evaluation)
danitirel1
Q6: what have you learnt about the technologies from the process of construct...
Q6: what have you learnt about the technologies from the process of construct...
millanasmedia
Evaluation 6
Evaluation 6
millieoconnor12
‘Microsoft Sway – what it is, how to use it in the classroom, and how to crea...
‘Microsoft Sway – what it is, how to use it in the classroom, and how to crea...
SchoolNet SA
Top technologies I use
Top technologies I use
unlimitedprofitsbiz
App-ifiying WordPress: Practical Tips for Using WordPress as an Application P...
App-ifiying WordPress: Practical Tips for Using WordPress as an Application P...
Mandi Wise
Get More Out of Gravity Forms
Get More Out of Gravity Forms
Mandi Wise
Editorial Checklist for Web Content
Editorial Checklist for Web Content
Mandi Wise
More Related Content
What's hot
Question 6:What have you learnt about technologies from the process of constr...
Question 6:What have you learnt about technologies from the process of constr...
kelseyhaslam
Q6 – evaluation question
Q6 – evaluation question
jemmaashaw
Evaluation 6 what have you learnt about technologies from the process of cons...
Evaluation 6 what have you learnt about technologies from the process of cons...
MaxSunnar
6- What have you learnt about technologies from the process of constructing t...
6- What have you learnt about technologies from the process of constructing t...
ErnestSadowski
How did you use media technologies in the
How did you use media technologies in the
19105hj
App Smashing FULL CUE version
App Smashing FULL CUE version
Jon Corippo
Evaluation question 6
Evaluation question 6
Lauryn Hall
Evaluation 4
Evaluation 4
Qainaat
Evaluation question power point
Evaluation question power point
jemsjems61
Question 6 A-level Media evaluation
Question 6 A-level Media evaluation
Nathan Gilbert
What have you learnt about technologies from the process of constructing this...
What have you learnt about technologies from the process of constructing this...
Necmiye97
Evaluation: Q4
Evaluation: Q4
Kieran Morris
Cool Tools for Academic Reference/Instruction Librarians
Cool Tools for Academic Reference/Instruction Librarians
nclatechandtrends
Final presentaion
Final presentaion
Debowen
Question 4 (evaluation)
Question 4 (evaluation)
danitirel1
Q6: what have you learnt about the technologies from the process of construct...
Q6: what have you learnt about the technologies from the process of construct...
millanasmedia
Evaluation 6
Evaluation 6
millieoconnor12
‘Microsoft Sway – what it is, how to use it in the classroom, and how to crea...
‘Microsoft Sway – what it is, how to use it in the classroom, and how to crea...
SchoolNet SA
Top technologies I use
Top technologies I use
unlimitedprofitsbiz
What's hot
(19)
Question 6:What have you learnt about technologies from the process of constr...
Question 6:What have you learnt about technologies from the process of constr...
Q6 – evaluation question
Q6 – evaluation question
Evaluation 6 what have you learnt about technologies from the process of cons...
Evaluation 6 what have you learnt about technologies from the process of cons...
6- What have you learnt about technologies from the process of constructing t...
6- What have you learnt about technologies from the process of constructing t...
How did you use media technologies in the
How did you use media technologies in the
App Smashing FULL CUE version
App Smashing FULL CUE version
Evaluation question 6
Evaluation question 6
Evaluation 4
Evaluation 4
Evaluation question power point
Evaluation question power point
Question 6 A-level Media evaluation
Question 6 A-level Media evaluation
What have you learnt about technologies from the process of constructing this...
What have you learnt about technologies from the process of constructing this...
Evaluation: Q4
Evaluation: Q4
Cool Tools for Academic Reference/Instruction Librarians
Cool Tools for Academic Reference/Instruction Librarians
Final presentaion
Final presentaion
Question 4 (evaluation)
Question 4 (evaluation)
Q6: what have you learnt about the technologies from the process of construct...
Q6: what have you learnt about the technologies from the process of construct...
Evaluation 6
Evaluation 6
‘Microsoft Sway – what it is, how to use it in the classroom, and how to crea...
‘Microsoft Sway – what it is, how to use it in the classroom, and how to crea...
Top technologies I use
Top technologies I use
Viewers also liked
App-ifiying WordPress: Practical Tips for Using WordPress as an Application P...
App-ifiying WordPress: Practical Tips for Using WordPress as an Application P...
Mandi Wise
Get More Out of Gravity Forms
Get More Out of Gravity Forms
Mandi Wise
Editorial Checklist for Web Content
Editorial Checklist for Web Content
Mandi Wise
Content-First Content Management
Content-First Content Management
Mandi Wise
A Practical Guide to Awesome Web Writing
A Practical Guide to Awesome Web Writing
Mandi Wise
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
Barry Feldman
Viewers also liked
(6)
App-ifiying WordPress: Practical Tips for Using WordPress as an Application P...
App-ifiying WordPress: Practical Tips for Using WordPress as an Application P...
Get More Out of Gravity Forms
Get More Out of Gravity Forms
Editorial Checklist for Web Content
Editorial Checklist for Web Content
Content-First Content Management
Content-First Content Management
A Practical Guide to Awesome Web Writing
A Practical Guide to Awesome Web Writing
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
Similar to Prototyping Your Way to Happiness
Soft Eng 1st PPT
Soft Eng 1st PPT
Carlo Miguel Arca
Making your design vision a reality
Making your design vision a reality
Grant Thomas-Lepore
Essential Prototyping for Entrepreneurs
Essential Prototyping for Entrepreneurs
Bow Kraivanich
From the Mouths of Babes: Peer to Peer Instruction via iPad
From the Mouths of Babes: Peer to Peer Instruction via iPad
Reba Gordon Matthews
1 intro ciid slide deck day1
1 intro ciid slide deck day1
Gabriella Levine
Prototype like a pro
Prototype like a pro
Alexander Anikin
How to prototype like a pro
How to prototype like a pro
Amir Khella
Usable Software Design
Usable Software Design
Alexandru Bolboaca
schedule_SPRING_dm77
schedule_SPRING_dm77
tutorialsruby
schedule_SPRING_dm77
schedule_SPRING_dm77
tutorialsruby
Graduation Project Presentation - Design of Web Based E-learning as an Assist...
Graduation Project Presentation - Design of Web Based E-learning as an Assist...
R. Bambang Widiatmoko
Evaluation 4
Evaluation 4
msk9
Optimizing developer onboarding
Optimizing developer onboarding
🌯 Brian Douglas
How to start developing iOS apps
How to start developing iOS apps
Andrew Kozlik
User centered design workshop
User centered design workshop
Patrick McNeil
Trial engineering moving parts
Trial engineering moving parts
SV.CO
How eCoach was built
How eCoach was built
Alastair Simpson
Tools of the Trade
Tools of the Trade
Larry Edelman
Interview Projects
Interview Projects
yichen
How can we enhance our technology
How can we enhance our technology
apalmisano
Similar to Prototyping Your Way to Happiness
(20)
Soft Eng 1st PPT
Soft Eng 1st PPT
Making your design vision a reality
Making your design vision a reality
Essential Prototyping for Entrepreneurs
Essential Prototyping for Entrepreneurs
From the Mouths of Babes: Peer to Peer Instruction via iPad
From the Mouths of Babes: Peer to Peer Instruction via iPad
1 intro ciid slide deck day1
1 intro ciid slide deck day1
Prototype like a pro
Prototype like a pro
How to prototype like a pro
How to prototype like a pro
Usable Software Design
Usable Software Design
schedule_SPRING_dm77
schedule_SPRING_dm77
schedule_SPRING_dm77
schedule_SPRING_dm77
Graduation Project Presentation - Design of Web Based E-learning as an Assist...
Graduation Project Presentation - Design of Web Based E-learning as an Assist...
Evaluation 4
Evaluation 4
Optimizing developer onboarding
Optimizing developer onboarding
How to start developing iOS apps
How to start developing iOS apps
User centered design workshop
User centered design workshop
Trial engineering moving parts
Trial engineering moving parts
How eCoach was built
How eCoach was built
Tools of the Trade
Tools of the Trade
Interview Projects
Interview Projects
How can we enhance our technology
How can we enhance our technology
Recently uploaded
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
Sinan KOZAK
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
gurkirankumar98700
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Paola De la Torre
Recently uploaded
(20)
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Prototyping Your Way to Happiness
1.
Prototyping Your Way to
Happiness: An Adventure with Pattern Lab @mandiwise
2.
We had a
problem.
3.
4.
What you get: Front-end
style guide Markup-based mock-ups Responsive deliverables
5.
Atomic design?
6.
bradfrost.com/blog/post/atomic-web-design
7.
Icon by Phillip
Glenn
8.
9.
Icon by Michael
Wohlwend
10.
11.
Icon by Timothy
Dilich
12.
Icon by Joe
Simpson
13.
14.
Atoms Molecules Organisms Templates Pages
15.
16.
Benefits: Promotes consistency Makes minutia
manageable BYO–anything Scales easily and quickly
17.
Getting started…
18.
Step 1: Download Pattern
Lab
19.
20.
Step 2: Generate your
Pattern Lab site for the first time
21.
$ php core/builder.php
-‐g
22.
Step 3: Start editing
the source files
23.
$ php core/builder.php
-‐wr
24.
Lessons learned: Incorporate it
from the start Breaking things down into reusable components makes life easier Prototyping saves time
25.
Thanks!
Download now