SlideShare a Scribd company logo
1 of 20
WIREFRAMES, UI, AND UX
                           Get out of your clients’ heads, and into your users’


                                       By Patrick Harrington
                              Senior UX Analyst at Velir (www.velir.com)



                                             @MildlyGeeky




Thursday, March 31, 2011
Wireframes
                                      Text

        The only time it is OK to use Comic Sans.




                             What are they?

Thursday, March 31, 2011
Paper Sketches and Prototypes

                              - Quickly drawn up
                              - Quickly torn up
                              - Completely portable




                                            http://www.flickr.com/photos/collylogic/4970484077/
Thursday, March 31, 2011
Digital wireframes can be low fidelity…




Thursday, March 31, 2011
Or high fidelity with detailed UI…




Thursday, March 31, 2011
Learn to wireframe
                           - www.boxesandarrows.com
                           - www.konigi.com
                           - www.wireframeshowcase.com
                           - wireframes.linowski.ca
                           - OmniGraffle for Mac OS X
                           - Axure for Windows and Mac OS X
                           - Balsamiq, iPlotz, and FlairBuilder

Thursday, March 31, 2011
The importance of
                           User Interface (UI) Design




Thursday, March 31, 2011
Bad User Interfaces




Thursday, March 31, 2011
Beautiful User Interfaces




Thursday, March 31, 2011
UI patterns help make
                      your sites instantly usable




Thursday, March 31, 2011
Learn more about UI best
             practices and design patterns
                           - developer.yahoo.com/ypatterns
                           - ui-patterns.com
                           - patterntap.com
                           - dribbble.com
                           - www.useit.com (general usability)
                           - Don’t Make Me Think by Steve Krug

Thursday, March 31, 2011
UX
          User experience cannot be designed;
             we can only hope to affect it.




Thursday, March 31, 2011
User Experience
             - What do you think this page is trying to get
                   its users to accomplish/feel/do?
             - What does the client say they want this
                   page to accomplish/feel/do?




Thursday, March 31, 2011
User Experience
             - Get into the soft and fuzzy side
             - How does the site make someone feel? Do
                   they feel like the site was designed just for
                   them?
             - Do they want to tell their friends about your
                   site?
             - To find this out, we need to get to know who
                   our users are
Thursday, March 31, 2011
User Experience




Thursday, March 31, 2011
User Experience




Thursday, March 31, 2011
User Experience




                              Palm Pre commercial
Thursday, March 31, 2011
User Experience




                              Droid commercial
Thursday, March 31, 2011
User Experience




                              iPhone 4 commercial
Thursday, March 31, 2011
THANK YOU!

                             Questions?
                           Your experience?

                                     By Patrick Harrington
                            Senior UX Analyst at Velir (www.velir.com)




                                         @MildlyGeeky


Thursday, March 31, 2011

More Related Content

Viewers also liked

Компьютертэй багшийн судалгаа
Компьютертэй багшийн судалгааКомпьютертэй багшийн судалгаа
Компьютертэй багшийн судалгааAmarjargal_se
 
б лхагвасүрэн1
б лхагвасүрэн1б лхагвасүрэн1
б лхагвасүрэн1Amarjargal_se
 
Intro to Wireframing
Intro to WireframingIntro to Wireframing
Intro to WireframingCynthia Petti
 
өгүүлбэр зүй
өгүүлбэр зүйөгүүлбэр зүй
өгүүлбэр зүйAmarjargal_se
 
Automating reports with ssrs subscriptions
Automating reports with ssrs subscriptionsAutomating reports with ssrs subscriptions
Automating reports with ssrs subscriptionsKashikar R
 
Group Buying White Paper
Group Buying White PaperGroup Buying White Paper
Group Buying White PaperErik Eliason
 
б лхагвасүрэн1
б лхагвасүрэн1б лхагвасүрэн1
б лхагвасүрэн1Amarjargal_se
 
ReachOut! Visual Guide
ReachOut! Visual GuideReachOut! Visual Guide
ReachOut! Visual GuideReachOut UK
 

Viewers also liked (12)

Компьютертэй багшийн судалгаа
Компьютертэй багшийн судалгааКомпьютертэй багшийн судалгаа
Компьютертэй багшийн судалгаа
 
Test
TestTest
Test
 
б лхагвасүрэн1
б лхагвасүрэн1б лхагвасүрэн1
б лхагвасүрэн1
 
Intro to Wireframing
Intro to WireframingIntro to Wireframing
Intro to Wireframing
 
өгүүлбэр зүй
өгүүлбэр зүйөгүүлбэр зүй
өгүүлбэр зүй
 
Automating reports with ssrs subscriptions
Automating reports with ssrs subscriptionsAutomating reports with ssrs subscriptions
Automating reports with ssrs subscriptions
 
Group Buying White Paper
Group Buying White PaperGroup Buying White Paper
Group Buying White Paper
 
б лхагвасүрэн1
б лхагвасүрэн1б лхагвасүрэн1
б лхагвасүрэн1
 
ReachOut! Visual Guide
ReachOut! Visual GuideReachOut! Visual Guide
ReachOut! Visual Guide
 
7 r angi
7 r angi7 r angi
7 r angi
 
Eh hel ba dayarshil
Eh hel ba dayarshilEh hel ba dayarshil
Eh hel ba dayarshil
 
Acute Abdomen Ppt
Acute Abdomen PptAcute Abdomen Ppt
Acute Abdomen Ppt
 

Similar to Get into Users' Heads with Wireframes, UI, and UX

Wibiya founders at The Junction
Wibiya founders at The JunctionWibiya founders at The Junction
Wibiya founders at The JunctionDaniel Tal
 
Android Apps Success and Store trend
Android Apps Success and Store trendAndroid Apps Success and Store trend
Android Apps Success and Store trend01Booster
 
web标准化交流会上海站bobby分享
web标准化交流会上海站bobby分享web标准化交流会上海站bobby分享
web标准化交流会上海站bobby分享裕波 周
 
web标准化交流会bobby分享
web标准化交流会bobby分享web标准化交流会bobby分享
web标准化交流会bobby分享裕波 周
 
Unleashing the creativity within your students
Unleashing the creativity within your studentsUnleashing the creativity within your students
Unleashing the creativity within your studentsMatt Cauthron
 
Web 2.0 and Rich Internet Applications
Web 2.0 and Rich Internet ApplicationsWeb 2.0 and Rich Internet Applications
Web 2.0 and Rich Internet ApplicationsSaurabh Narula
 
Big Social Broadband: Life after second bubble
Big Social Broadband: Life after second bubbleBig Social Broadband: Life after second bubble
Big Social Broadband: Life after second bubbleJosef Šlerka
 
Building an SSO platform in PHP (Zend Webinar Edition)
Building an SSO platform in PHP (Zend Webinar Edition)Building an SSO platform in PHP (Zend Webinar Edition)
Building an SSO platform in PHP (Zend Webinar Edition)Ivo Jansch
 
Garland Group - Top Security Threats of 2011
Garland Group - Top Security Threats of 2011Garland Group - Top Security Threats of 2011
Garland Group - Top Security Threats of 2011Brad Garland
 
Art and Science of Social Media | Wendy Soucie - Social Media Strategist
 Art and Science of Social Media | Wendy Soucie - Social Media Strategist Art and Science of Social Media | Wendy Soucie - Social Media Strategist
Art and Science of Social Media | Wendy Soucie - Social Media StrategistWendy Soucie
 
3rd space architecture learning in 3D
3rd space architecture learning in 3D3rd space architecture learning in 3D
3rd space architecture learning in 3DCynthia Calongne
 
IAT334-Lec04-DesignIdeasPrinciples.pptx
IAT334-Lec04-DesignIdeasPrinciples.pptxIAT334-Lec04-DesignIdeasPrinciples.pptx
IAT334-Lec04-DesignIdeasPrinciples.pptxssuseraae9cd
 
Posscon2011
Posscon2011Posscon2011
Posscon2011atmosorg
 
TAG Recruiting Atlanta - 3 Phases of Mobile Recruiting Strategy
TAG Recruiting Atlanta - 3 Phases of Mobile Recruiting StrategyTAG Recruiting Atlanta - 3 Phases of Mobile Recruiting Strategy
TAG Recruiting Atlanta - 3 Phases of Mobile Recruiting StrategyKane Cochran
 
Leon Barrett presentation
Leon Barrett presentationLeon Barrett presentation
Leon Barrett presentationPaul Hadley
 
IAT334-Lec01-Intro.pptx
IAT334-Lec01-Intro.pptxIAT334-Lec01-Intro.pptx
IAT334-Lec01-Intro.pptxArifKamal36
 
From HTML5 websites to HTML5 games
From HTML5 websites to HTML5 gamesFrom HTML5 websites to HTML5 games
From HTML5 websites to HTML5 gamesPietro Polsinelli
 

Similar to Get into Users' Heads with Wireframes, UI, and UX (20)

JavaScript Secrets
JavaScript SecretsJavaScript Secrets
JavaScript Secrets
 
Wibiya founders at The Junction
Wibiya founders at The JunctionWibiya founders at The Junction
Wibiya founders at The Junction
 
Android Apps Success and Store trend
Android Apps Success and Store trendAndroid Apps Success and Store trend
Android Apps Success and Store trend
 
web标准化交流会上海站bobby分享
web标准化交流会上海站bobby分享web标准化交流会上海站bobby分享
web标准化交流会上海站bobby分享
 
web标准化交流会bobby分享
web标准化交流会bobby分享web标准化交流会bobby分享
web标准化交流会bobby分享
 
Unleashing the creativity within your students
Unleashing the creativity within your studentsUnleashing the creativity within your students
Unleashing the creativity within your students
 
Web 2.0 and Rich Internet Applications
Web 2.0 and Rich Internet ApplicationsWeb 2.0 and Rich Internet Applications
Web 2.0 and Rich Internet Applications
 
Big Social Broadband: Life after second bubble
Big Social Broadband: Life after second bubbleBig Social Broadband: Life after second bubble
Big Social Broadband: Life after second bubble
 
Building an SSO platform in PHP (Zend Webinar Edition)
Building an SSO platform in PHP (Zend Webinar Edition)Building an SSO platform in PHP (Zend Webinar Edition)
Building an SSO platform in PHP (Zend Webinar Edition)
 
Garland Group - Top Security Threats of 2011
Garland Group - Top Security Threats of 2011Garland Group - Top Security Threats of 2011
Garland Group - Top Security Threats of 2011
 
Digital slime trails & personal security
Digital slime trails & personal securityDigital slime trails & personal security
Digital slime trails & personal security
 
Art and Science of Social Media | Wendy Soucie - Social Media Strategist
 Art and Science of Social Media | Wendy Soucie - Social Media Strategist Art and Science of Social Media | Wendy Soucie - Social Media Strategist
Art and Science of Social Media | Wendy Soucie - Social Media Strategist
 
3rd space architecture learning in 3D
3rd space architecture learning in 3D3rd space architecture learning in 3D
3rd space architecture learning in 3D
 
IAT334-Lec04-DesignIdeasPrinciples.pptx
IAT334-Lec04-DesignIdeasPrinciples.pptxIAT334-Lec04-DesignIdeasPrinciples.pptx
IAT334-Lec04-DesignIdeasPrinciples.pptx
 
Posscon2011
Posscon2011Posscon2011
Posscon2011
 
SXSW 2011
SXSW 2011SXSW 2011
SXSW 2011
 
TAG Recruiting Atlanta - 3 Phases of Mobile Recruiting Strategy
TAG Recruiting Atlanta - 3 Phases of Mobile Recruiting StrategyTAG Recruiting Atlanta - 3 Phases of Mobile Recruiting Strategy
TAG Recruiting Atlanta - 3 Phases of Mobile Recruiting Strategy
 
Leon Barrett presentation
Leon Barrett presentationLeon Barrett presentation
Leon Barrett presentation
 
IAT334-Lec01-Intro.pptx
IAT334-Lec01-Intro.pptxIAT334-Lec01-Intro.pptx
IAT334-Lec01-Intro.pptx
 
From HTML5 websites to HTML5 games
From HTML5 websites to HTML5 gamesFrom HTML5 websites to HTML5 games
From HTML5 websites to HTML5 games
 

Recently uploaded

Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRdollysharma2066
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一lvtagr7
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...Amil baba
 

Recently uploaded (20)

Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
 

Get into Users' Heads with Wireframes, UI, and UX

  • 1. WIREFRAMES, UI, AND UX Get out of your clients’ heads, and into your users’ By Patrick Harrington Senior UX Analyst at Velir (www.velir.com) @MildlyGeeky Thursday, March 31, 2011
  • 2. Wireframes Text The only time it is OK to use Comic Sans. What are they? Thursday, March 31, 2011
  • 3. Paper Sketches and Prototypes - Quickly drawn up - Quickly torn up - Completely portable http://www.flickr.com/photos/collylogic/4970484077/ Thursday, March 31, 2011
  • 4. Digital wireframes can be low fidelity… Thursday, March 31, 2011
  • 5. Or high fidelity with detailed UI… Thursday, March 31, 2011
  • 6. Learn to wireframe - www.boxesandarrows.com - www.konigi.com - www.wireframeshowcase.com - wireframes.linowski.ca - OmniGraffle for Mac OS X - Axure for Windows and Mac OS X - Balsamiq, iPlotz, and FlairBuilder Thursday, March 31, 2011
  • 7. The importance of User Interface (UI) Design Thursday, March 31, 2011
  • 10. UI patterns help make your sites instantly usable Thursday, March 31, 2011
  • 11. Learn more about UI best practices and design patterns - developer.yahoo.com/ypatterns - ui-patterns.com - patterntap.com - dribbble.com - www.useit.com (general usability) - Don’t Make Me Think by Steve Krug Thursday, March 31, 2011
  • 12. UX User experience cannot be designed; we can only hope to affect it. Thursday, March 31, 2011
  • 13. User Experience - What do you think this page is trying to get its users to accomplish/feel/do? - What does the client say they want this page to accomplish/feel/do? Thursday, March 31, 2011
  • 14. User Experience - Get into the soft and fuzzy side - How does the site make someone feel? Do they feel like the site was designed just for them? - Do they want to tell their friends about your site? - To find this out, we need to get to know who our users are Thursday, March 31, 2011
  • 17. User Experience Palm Pre commercial Thursday, March 31, 2011
  • 18. User Experience Droid commercial Thursday, March 31, 2011
  • 19. User Experience iPhone 4 commercial Thursday, March 31, 2011
  • 20. THANK YOU! Questions? Your experience? By Patrick Harrington Senior UX Analyst at Velir (www.velir.com) @MildlyGeeky Thursday, March 31, 2011