SlideShare ist ein Scribd-Unternehmen logo
1 von 11
Downloaden Sie, um offline zu lesen
STANDARDS,
                            REUSE,
                            CONSISTENCY,
                            & LIBRARIES
                            by Nathan Curtis




                                   UI15
                                BOSTON
                             NOVEMBER 2010

Monday, September 6, 2010
2



      Patterns
                                                          Search   Profile
                                                                             Authenticate

    Expand
  Subscribe




   Playback                                                                  Full Screen
    Embed                                                                       Flag
       Like



       Prepared by Nathan Curtis © 2009 EightShapes LLC

Monday, September 6, 2010
3




      Patterns in UI Design
                                              Yahoo Pattern Library http://developer.yahoo.com/ypatterns/




   Designing Interfaces by Jennifer Tidwell, 2006


       Prepared by Nathan Curtis © 2009 EightShapes LLC

Monday, September 6, 2010
4



      Components




       Prepared by Nathan Curtis © 2009 EightShapes LLC

Monday, September 6, 2010
5



      In Practice...




       Prepared by Nathan Curtis © 2009 EightShapes LLC

Monday, September 6, 2010
6




       Discover a library by cutting out each chunk.
    Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: © Copyright EightShapes, LLC 2008
Monday, September 6, 2010
7




       Organize, group, label, & prioritize.
    Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: © Copyright EightShapes, LLC 2008
Monday, September 6, 2010
8




       Build a library and teach another team.




    Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: © Copyright EightShapes, LLC 2008
Monday, September 6, 2010
9




    Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: © Copyright EightShapes, LLC 2008
Monday, September 6, 2010
10




    Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: © Copyright EightShapes, LLC 2008
Monday, September 6, 2010
Leading with pictures is one of many
       principles we’ll discuss
Monday, September 6, 2010

Weitere ähnliche Inhalte

Mehr von UIEpreviews

Preview choosing the right wireframe strategy
Preview choosing the right wireframe strategyPreview choosing the right wireframe strategy
Preview choosing the right wireframe strategy
UIEpreviews
 
Designing across devices with progressive enhancement - PREVIEW
Designing across devices with progressive enhancement - PREVIEWDesigning across devices with progressive enhancement - PREVIEW
Designing across devices with progressive enhancement - PREVIEW
UIEpreviews
 
Designing with Remote Teams - www.uievs.com
Designing with Remote Teams - www.uievs.comDesigning with Remote Teams - www.uievs.com
Designing with Remote Teams - www.uievs.com
UIEpreviews
 
Hiring the best ux designers preview
Hiring the best ux designers previewHiring the best ux designers preview
Hiring the best ux designers preview
UIEpreviews
 
Research and Design for the UX Team of One
Research and Design for the UX Team of OneResearch and Design for the UX Team of One
Research and Design for the UX Team of One
UIEpreviews
 
Controlling the Pace of UX with Content Strategy
Controlling the Pace of UX with Content StrategyControlling the Pace of UX with Content Strategy
Controlling the Pace of UX with Content Strategy
UIEpreviews
 
Voice and tone preview
Voice and tone previewVoice and tone preview
Voice and tone preview
UIEpreviews
 
Building Trust with Your Users through Messaging & Copy
Building Trust with Your Users through Messaging & CopyBuilding Trust with Your Users through Messaging & Copy
Building Trust with Your Users through Messaging & Copy
UIEpreviews
 
Sketching preview
Sketching previewSketching preview
Sketching preview
UIEpreviews
 
Organizing mobile web experiences - preview
Organizing mobile web experiences - previewOrganizing mobile web experiences - preview
Organizing mobile web experiences - preview
UIEpreviews
 
Solutions for a_world _of_countless_devices
Solutions for a_world _of_countless_devicesSolutions for a_world _of_countless_devices
Solutions for a_world _of_countless_devices
UIEpreviews
 
Microcopy with Des Traynor
Microcopy with Des TraynorMicrocopy with Des Traynor
Microcopy with Des Traynor
UIEpreviews
 
The Kano Model with Jared Spool
The Kano Model with Jared SpoolThe Kano Model with Jared Spool
The Kano Model with Jared Spool
UIEpreviews
 
Mobile First Responsive Web Design
Mobile First Responsive Web DesignMobile First Responsive Web Design
Mobile First Responsive Web Design
UIEpreviews
 
Mapping the Experience
Mapping the ExperienceMapping the Experience
Mapping the Experience
UIEpreviews
 

Mehr von UIEpreviews (20)

Power of empowered stakeholders Robert Hamburger
Power of empowered stakeholders   Robert HamburgerPower of empowered stakeholders   Robert Hamburger
Power of empowered stakeholders Robert Hamburger
 
How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...
How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...
How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...
 
Preview choosing the right wireframe strategy
Preview choosing the right wireframe strategyPreview choosing the right wireframe strategy
Preview choosing the right wireframe strategy
 
Designing across devices with progressive enhancement - PREVIEW
Designing across devices with progressive enhancement - PREVIEWDesigning across devices with progressive enhancement - PREVIEW
Designing across devices with progressive enhancement - PREVIEW
 
Recruiting the Right Users to Get Real Results
Recruiting the Right Users to Get Real ResultsRecruiting the Right Users to Get Real Results
Recruiting the Right Users to Get Real Results
 
Design as a Business Tool: From Research to Experience Roadmaps
Design as a Business Tool: From Research to Experience RoadmapsDesign as a Business Tool: From Research to Experience Roadmaps
Design as a Business Tool: From Research to Experience Roadmaps
 
Designing with Remote Teams - www.uievs.com
Designing with Remote Teams - www.uievs.comDesigning with Remote Teams - www.uievs.com
Designing with Remote Teams - www.uievs.com
 
Hiring the best ux designers preview
Hiring the best ux designers previewHiring the best ux designers preview
Hiring the best ux designers preview
 
Research and Design for the UX Team of One
Research and Design for the UX Team of OneResearch and Design for the UX Team of One
Research and Design for the UX Team of One
 
Controlling the Pace of UX with Content Strategy
Controlling the Pace of UX with Content StrategyControlling the Pace of UX with Content Strategy
Controlling the Pace of UX with Content Strategy
 
Voice and tone preview
Voice and tone previewVoice and tone preview
Voice and tone preview
 
Building Trust with Your Users through Messaging & Copy
Building Trust with Your Users through Messaging & CopyBuilding Trust with Your Users through Messaging & Copy
Building Trust with Your Users through Messaging & Copy
 
Sketching preview
Sketching previewSketching preview
Sketching preview
 
Organizing mobile web experiences - preview
Organizing mobile web experiences - previewOrganizing mobile web experiences - preview
Organizing mobile web experiences - preview
 
Solutions for a_world _of_countless_devices
Solutions for a_world _of_countless_devicesSolutions for a_world _of_countless_devices
Solutions for a_world _of_countless_devices
 
Microcopy with Des Traynor
Microcopy with Des TraynorMicrocopy with Des Traynor
Microcopy with Des Traynor
 
The Kano Model with Jared Spool
The Kano Model with Jared SpoolThe Kano Model with Jared Spool
The Kano Model with Jared Spool
 
The Kano Model with Jared M. Spool
The Kano Model with Jared M. SpoolThe Kano Model with Jared M. Spool
The Kano Model with Jared M. Spool
 
Mobile First Responsive Web Design
Mobile First Responsive Web DesignMobile First Responsive Web Design
Mobile First Responsive Web Design
 
Mapping the Experience
Mapping the ExperienceMapping the Experience
Mapping the Experience
 

Kürzlich hochgeladen

NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
Amil baba
 
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
joshuaclack73
 
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样
在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样
在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样
ykucop
 
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
Amil baba
 

Kürzlich hochgeladen (20)

NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
 
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
 
Avoid these common UI/UX design mistakes
 Avoid these common UI/UX design mistakes Avoid these common UI/UX design mistakes
Avoid these common UI/UX design mistakes
 
Mark Zuckerberg Carthago Delenda Est Shirt
Mark Zuckerberg Carthago Delenda Est ShirtMark Zuckerberg Carthago Delenda Est Shirt
Mark Zuckerberg Carthago Delenda Est Shirt
 
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
 
在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样
在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样
在线购买田纳西大学毕业证(utk毕业证)硕士学历证书留信网认证原版一模一样
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
Morgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity DesignMorgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity Design
 
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign design
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)
 
Cascading Style Sheet(CSS) PDF Notes by Apna College
Cascading Style Sheet(CSS) PDF Notes by Apna CollegeCascading Style Sheet(CSS) PDF Notes by Apna College
Cascading Style Sheet(CSS) PDF Notes by Apna College
 

UI115 - Nathan Curtis UI15 Workshop Description Standards, Reuse, Consistencies, & Libraries

  • 1. STANDARDS, REUSE, CONSISTENCY, & LIBRARIES by Nathan Curtis UI15 BOSTON NOVEMBER 2010 Monday, September 6, 2010
  • 2. 2 Patterns Search Profile Authenticate Expand Subscribe Playback Full Screen Embed Flag Like Prepared by Nathan Curtis © 2009 EightShapes LLC Monday, September 6, 2010
  • 3. 3 Patterns in UI Design Yahoo Pattern Library http://developer.yahoo.com/ypatterns/ Designing Interfaces by Jennifer Tidwell, 2006 Prepared by Nathan Curtis © 2009 EightShapes LLC Monday, September 6, 2010
  • 4. 4 Components Prepared by Nathan Curtis © 2009 EightShapes LLC Monday, September 6, 2010
  • 5. 5 In Practice... Prepared by Nathan Curtis © 2009 EightShapes LLC Monday, September 6, 2010
  • 6. 6 Discover a library by cutting out each chunk. Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: © Copyright EightShapes, LLC 2008 Monday, September 6, 2010
  • 7. 7 Organize, group, label, & prioritize. Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: © Copyright EightShapes, LLC 2008 Monday, September 6, 2010
  • 8. 8 Build a library and teach another team. Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: © Copyright EightShapes, LLC 2008 Monday, September 6, 2010
  • 9. 9 Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: © Copyright EightShapes, LLC 2008 Monday, September 6, 2010
  • 10. 10 Prepared by Nathan Curtis, EightShapes LLC :: www.eightshapes.com :: © Copyright EightShapes, LLC 2008 Monday, September 6, 2010
  • 11. Leading with pictures is one of many principles we’ll discuss Monday, September 6, 2010