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
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
null - The Open Security Community
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
Fwdays
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
shyamraj55
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions
Key Features Of Token Development (1).pptx
Key Features Of Token Development (1).pptx
LBM Solutions
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Patryk Bandurski
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April Automation LPDG
MarianaLemus7
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
BookNet Canada
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Alan Dix
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024
Neo4j
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
Mattias Andersson
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
Neo4j
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
OnBoard
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
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Safe Software
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
carlostorres15106
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
Deakin University
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
Recently uploaded
(20)
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
Key Features Of Token Development (1).pptx
Key Features Of Token Development (1).pptx
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April Automation LPDG
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
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