prototyping your way to happiness
play

Prototyping Your Way to Happiness: An Adventure with Pattern Lab - PowerPoint PPT Presentation

Dec 16, 2022 •318 likes •576 views

Prototyping Your Way to Happiness: An Adventure with Pattern Lab @mandiwise We had a problem. What you get: Front-end style guide Markup-based mock-ups Responsive deliverables Atomic design? bradfrost.com/blog/post/atomic-web-design Icon

  1. Prototyping Your Way to Happiness: An Adventure with Pattern Lab @mandiwise

  2. We had a problem.

  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

  9. Icon by Michael Wohlwend

  11. Icon by Timothy Dilich

  12. Icon by Joe Simpson

  14. Atoms Molecules Organisms Templates Pages

  16. Benefits: Promotes consistency Makes minutia manageable BYO–anything Scales easily and quickly

  17. Getting started…

  18. Step 1: Download Pattern Lab

  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 Presentation
Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

Recommend

PROTOTYPING FOR IOT @ERICASTANLEY #OPENIOT #PROTOTYPING PROTOTYPING FOR NOT ABOUT ME

PROTOTYPING FOR IOT @ERICASTANLEY #OPENIOT #PROTOTYPING PROTOTYPING FOR NOT ABOUT ME

DUKE UNIVERSITY CS 408, FALL 2016 PROTOTYPING FOR IOT @ERICASTANLEY #OPENIOT #PROTOTYPING PROTOTYPING FOR NOT ABOUT ME Engineer, entrepreneur, advocate Women Who Code Heavy Research Background Telepresence Sensor

1.42k views • 69 slides
Prototyping 11-04-2012 Design & Prototyping benefits (and disadvantages) of

Prototyping 11-04-2012 Design & Prototyping benefits (and disadvantages) of

Prototyping 11-04-2012 Design & Prototyping benefits (and disadvantages) of prototyping low fidelity vs. high fidelity prototyping horizontal vs. vertical prototyping Transform user requirements/needs into a conceptual

235 views • 21 slides
We put stunning user experiences on the road. 2 Agenda Prototyping

We put stunning user experiences on the road. 2 Agenda Prototyping

Rapid UI Prototyping Using Qt Quick By Jrgen Bocklage-Ryannel We put stunning user experiences on the road. 2 Agenda Prototyping Prototyping with QML Prototyping with QML Demo Prototyping Prototyping

707 views • 22 slides
Prototyping & Building a System How Prototyping helps (especially when done with

Prototyping & Building a System How Prototyping helps (especially when done with

Prototyping & Building a System How Prototyping helps (especially when done with User-Centered Design) Prototyping http://dilbert.com/strip/2009-07-22 1 Designing Your System (I) Decide which users and tasks you will support. It might

708 views • 19 slides
Prototyping & Building a System How Prototyping helps (especially when done with

Prototyping & Building a System How Prototyping helps (especially when done with

Prototyping & Building a System How Prototyping helps (especially when done with User-Centered Design) Prototyping http://dilbert.com/strip/2009-07-22 1 Designing Your System (I) Decide which users and tasks you will support. It might

408 views • 21 slides
Promoting Happiness Among Adults With Autism On The Severe End Of The Spectrum: Evidence-Based

Promoting Happiness Among Adults With Autism On The Severe End Of The Spectrum: Evidence-Based

Promoting Happiness Among Adults With Autism On The Severe End Of The Spectrum: Evidence-Based Strategies Dennis H. Reid, Ph.D., BCBA Why Focus on Happiness? n Pursuit of happiness is a fundamental right n Happiness a primary concern of family

627 views • 28 slides
How happy is the United Kingdom? Gauging UKs well being index What is Happiness? Happiness

How happy is the United Kingdom? Gauging UKs well being index What is Happiness? Happiness

How happy is the United Kingdom? Gauging UKs well being index What is Happiness? Happiness is defjned as the degree to which an individual judges the overall quality of his/her life-as-a- whole favorably. Rutu Veenhoven (Director, World

613 views • 34 slides
Promoting Happiness Among Adults With Severe Disabilities: Evidence-Based Strategies Dennis H.

Promoting Happiness Among Adults With Severe Disabilities: Evidence-Based Strategies Dennis H.

Promoting Happiness Among Adults With Severe Disabilities: Evidence-Based Strategies Dennis H. Reid, Ph.D., BCBA Why Focus on Happiness? Pursuit of happiness is a fundamental right Happiness a primary concern of family members

551 views • 26 slides
1 Rewards are happiness. Using wireless gives happiness 10. Using fast wired gives happiness 15.

1 Rewards are happiness. Using wireless gives happiness 10. Using fast wired gives happiness 15.

1 Rewards are happiness. Using wireless gives happiness 10. Using fast wired gives happiness 15. Using slow wired gives happpiness 5 If someone else is using the wired, then the internet is slow for everyone else.. 2 Each player is trying to

658 views • 22 slides
Week 1: Christ: The Source of True Happiness Week 2: Happiness, the Gospel and Living Well Week

Week 1: Christ: The Source of True Happiness Week 2: Happiness, the Gospel and Living Well Week

Week 1: Christ: The Source of True Happiness Week 2: Happiness, the Gospel and Living Well Week 3: kNOw Christ = kNOw Happiness Week 4: Enduring in and for Happiness Week 5: Contentment: More Than Feeling Happiness Week 6: Happiness and

515 views • 34 slides
1 L Nov-29-05 SMD157, High-Fidelity Prototyping Overview Prototyping revisited

1 L Nov-29-05 SMD157, High-Fidelity Prototyping Overview Prototyping revisited

INSTITUTIONEN FR SYSTEMTEKNIK LULE TEKNISKA UNIVERSITET High-Fidelity Prototyping and Flash SMD157 Human-Computer Interaction Fall 2005 1 L Nov-29-05 SMD157, High-Fidelity Prototyping Overview Prototyping revisited

689 views • 10 slides
Prototyping Paper Prototyping Digital Prototyping References Jrg Cassens SoSe 2019

Prototyping Paper Prototyping Digital Prototyping References Jrg Cassens SoSe 2019

Introduction Prototyping Paper Prototyping Digital Prototyping References Jrg Cassens SoSe 2019 Contextual Design of Interactive Systems SoSe 2019 Jrg Cassens Prototyping 1 / 50 Introduction Fidelity Completeness Paper

696 views • 52 slides
Prototyping. Research through design Gabriela Avram CS4009 Prototyping What is a

Prototyping. Research through design Gabriela Avram CS4009 Prototyping What is a

Prototyping. Research through design Gabriela Avram CS4009 Prototyping What is a prototype? Why prototype? Different kinds of prototyping - Low fidelity - High fidelity Compromises in prototyping - Vertical

465 views • 30 slides
Longitudinal Data Analysis of Age and Happiness Ning Li Australian Mathematical Sciences

Longitudinal Data Analysis of Age and Happiness Ning Li Australian Mathematical Sciences

Longitudinal Data Analysis of Age and Happiness Ning Li Australian Mathematical Sciences Institute Oceania Stata Workshop/Conference 20 Aug 2019, Parramatta Sydney Age & Happiness Happiness is a good indicator of the quality of life

402 views • 25 slides
THE HAPPINESS OF HEALTH WHY TEACH ABOUT HAPPINESS? Happy people are: More Sociable

THE HAPPINESS OF HEALTH WHY TEACH ABOUT HAPPINESS? Happy people are: More Sociable

THE HAPPINESS OF HEALTH WHY TEACH ABOUT HAPPINESS? Happy people are: More Sociable More Flexible More Creative More Loving More Forgiving Less Easily Frustrated Physically and Mentally Healthier HAPPY PEOPLE ARE

323 views • 19 slides
Workshop K Employee Engagement The Science of Happiness How Happiness Shapes Business Culture

Workshop K Employee Engagement The Science of Happiness How Happiness Shapes Business Culture

Workshop K Employee Engagement The Science of Happiness How Happiness Shapes Business Culture & Performance 1:30 p.m. to 2:45 p.m. Biographical Information Katy Tombaugh, Founder & CEO, Wellness Collective 1245 S. Sunbury Road,

623 views • 25 slides
1 Introduction Hello. Thank you for taking the time to be here this morning. As an educator, I

1 Introduction Hello. Thank you for taking the time to be here this morning. As an educator, I

We seek to make children BOTH smarter and happier, making learning easier, faster, and healthier. We do this through emotional intelligence technology. This can save teachers 4 hours a week while allowing them to better know their students.

478 views • 16 slides
Measuring the Efgects of Happy Eyeballs Takeway Limitations Slowness Background Methodology

Measuring the Efgects of Happy Eyeballs Takeway Limitations Slowness Background Methodology

Introduction Lowering HE Timer Leone Project: leone-project.eu Supported by: July 2016 Jacobs University, Bremen Jrgen Schnwlder Joint work with Berlin, Germany Applied Networking Research Workshop Jacobs University, Bremen Vaibhav

408 views • 26 slides
How Well-Being Measures Can Help Communities Fight Poverty and Despair Anita Chandra Carol

How Well-Being Measures Can Help Communities Fight Poverty and Despair Anita Chandra Carol

How Well-Being Measures Can Help Communities Fight Poverty and Despair Anita Chandra Carol Graham December 4, 2019 Webinar begins at 2 pm ET/1 pm CT/12 pm MT/11 am PT Anita Chandra Carol Graham Vice President and Director, RAND Social and

935 views • 46 slides
The Heavy Burdened Life ECCLESIASTES 1:12-18 ECCLESIA ST ES E XPLORING THE M EANING OF L IFE W

The Heavy Burdened Life ECCLESIASTES 1:12-18 ECCLESIA ST ES E XPLORING THE M EANING OF L IFE W

The Heavy Burdened Life ECCLESIASTES 1:12-18 ECCLESIA ST ES E XPLORING THE M EANING OF L IFE W HEN E VERYTHING IS A V APOR Reality Bites The answer is simple. The answer is The answer is simple. The answer is The answer is

839 views • 70 slides
Why Attitude to Good Towards Explanation . . . Towards Explanation . . . People Is Not Always

Why Attitude to Good Towards Explanation . . . Towards Explanation . . . People Is Not Always

Formulation of the . . . Towards Explanation Why Attitude to Good Towards Explanation . . . Towards Explanation . . . People Is Not Always Commonsense . . . Positive: Explanation Based Home Page on Decision Theory Title Page

429 views • 6 slides
Measuring the Efgects of Happy Eyeballs Takeway Limitations Measurement Setup Browser

Measuring the Efgects of Happy Eyeballs Takeway Limitations Measurement Setup Browser

Introduction Motivation Leone Project: leone-project.eu Supported by: October 2016 Jacobs University, Bremen Jrgen Schnwlder Joint work with Applied Networking Research Workshop Published at: Madrid, Spain RIPE 73 Jacobs

427 views • 26 slides
2020 Lectures on Urban Economics Lecture 1: Equilibrium over Space: The Canonical Urban Models

2020 Lectures on Urban Economics Lecture 1: Equilibrium over Space: The Canonical Urban Models

2020 Lectures on Urban Economics Lecture 1: Equilibrium over Space: The Canonical Urban Models Edward Glaeser (Harvard University and NBER) 11 June 2020 Equilibrium over Space: The Canonical Urban Models Edward Glaeser Harvard University and

1.64k views • 121 slides
Drupal GovCon Content and SEO: Better together Hi. Amy Shropshire AAS Media Creation and

Drupal GovCon Content and SEO: Better together Hi. Amy Shropshire AAS Media Creation and

Drupal GovCon Content and SEO: Better together Hi. Amy Shropshire AAS Media Creation and Technology BA Advertising and Marketing Communication MA Marketing Certificates in Leadership Development and Nonprofit Management Managing Director,

540 views • 29 slides

More recommend