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

👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
karishmasinghjnh
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
gajnagarg
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
nirzagarg
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
amitlee9823
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 

Kürzlich hochgeladen (20)

👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service AvailableCall Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
 

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