SlideShare ist ein Scribd-Unternehmen logo
1 von 16
HOT/NOT
                                           in UX
                                            Amanda Etches-Johnson
                                                  CiL2010




HOT/NOT in user experience, web design, usability.

Audience participation required! I'll flash up an image or word, you tell me if it's HOT or if it's
NOT so hot.
(not)


FLASH.

Definitely not hot. For a few reasons:

- it!s fluff. frosting.
- it!s closed and proprietary
- it!s not accessible -- which means that anyone using assistive technology like a screen reader?
doesn!t work.
HTML 5
                                         (hot!)

HTML 5

Totally hot.

- the next major version of the html markup language
- been in development for going on 6 years and it!s finally ready for primetime.
- HTML itself is an open standard (hot)
- addition of new tags: e.g. one that embeds video into a page, which will effectively rid us of the
need to use flash altogether.
(not)
                                   MOBILE
                                    APPS




MOBILE APPS

Kind of not hot.

Channelling Jason Griffey @ Top Tech at ALA Midwinter, who posited that this year we!d see the
death of the app.

With the launch of the iPad last week, apps are probably not going anywhere.

BUT the not hot part is apps are device/OS specific. Not hot.

How many in the audience have built a standalone app for your library? (1 hand)
How many of you are planning to? (3 hands)
(hot!)
                                                        MOBILE
                                                         WEB




MOBILE WEB

Super hot!

- i.e. websites that are optimized for mobile browsers.
- doable stuff.
- best part? you don!t have to create different versions for different devices, like you do with
mobile apps.
- creating a mobile website for your library can be easy thanks to all the different frameworks we
can use to make it happen.
valid markup
                             (hot!)

VALID MARKUP

Unquestionably hot!

- good practice -- for both regular format browsing, as well as mobile browsing.
- valid markup ensures that your web content looks the same, performs the same, and behaves
the same across multiple browsers.
http://validator.w3.org/mobile/




If building for mobile, W3C has this excellent validator.
This is the report it spits out.

I ran an *unknown* library through the validator and found it to be 23% mobile ready.

Click on “detailed report” for all the juicy details on what needs to be fixed to optimize your site
for mobile browsing.
(hot!)

THOUGHTFUL DESIGN

Definitely hot. So is Rodin's thinker.

Thoughtful design is all about taking user needs into consideration when you design for the
mobile web.

It is definitely NOT about just taking your existing site and adding a few tweaks here and there to
make it look better on small format browsers.

It is also NOT about just throwing up a text-version of your site for users visiting on their mobile
devices.
McDonald!s as an example of thoughtful design? It!s true! In this case only.

If you visit the McDonald!s website on your mobile device, you see this -- a splash page. And the
only functionality here is a search box where you enter your zip code or city to find your closest
McDonald!s.

For all those late-night, Big Mac emergencies.

This is thoughtful design because they!ve done enough user research and testing to figure out
that the ONLY reason why anyone would visit the McDonald!s website on their mobile device is
to find the nearest location.
Text Contact to Me
                                                   Text Directions to Me
                                                   View on Google Maps




HOT mobile site from a library. This is Oregon State University Library.

Probably a bit more text on this screen than I!d like to see BUT the cool part is you can have the
contact and directions texted to yourself OR click a link to view their location on google maps.

THIS is thoughtful design, really thinking about the mobile user experience. It!s a small thing with
a big impact.
casual
                                       repeat
                                       urgent
Bottom line with mobile site development: we need to stop thinking about our users in traditional
ways (undergrads, grads, teens etc.)

Instead, need to think about them in ways that are meaningful to the mobile experience.

Are they causal visitors?
Are they repeat visitors?
Are they urgent visitors? (in search of quick info/and answer; like late-night Big Mac emergency
guy)

Need to publish the BARE MINIMUM on our mobile sites but still satisfy all three types of visitors.
(hot!)




Watching users use our sites (regular and mobile)?

Fantastically hot!

There is no better way to get to the bottom of user frustrations and needs than to watch them
interact with our interfaces.
(not)
Watching librarians use our sites (regular and mobile)?

Not as hot.

We are not designing for librarians.

PROTIP: do a round of usability with users. Then do the same test with librarians. Review and
compare the results of both tests. Present the results to the librarians. Usually quite enlightening.

(and hot)
(not)

Cheese grating kids on the playground is definitely not hot.

Neither is putting our users through frustrating, painful experiences (which we do everyday, on
our mobile sites AND our regular ones).

This is definitely not hot.
(hot!)




                                http://usablelibrary.org


Shameful plug: head to usablelibrary.org and print out this poster. Hang it up in your office as a
reminder to make sure every decision you make at your library creates a better experience for
your users.

THANKS!

Weitere ähnliche Inhalte

Was ist angesagt?

Designing for Digital Magazines - Rob Boynes for Guardian Masterclasses
Designing for Digital Magazines - Rob Boynes for Guardian MasterclassesDesigning for Digital Magazines - Rob Boynes for Guardian Masterclasses
Designing for Digital Magazines - Rob Boynes for Guardian MasterclassesRob Boynes
 
Why the page is killing innovation in magazine UX
Why the page is killing innovation in magazine UXWhy the page is killing innovation in magazine UX
Why the page is killing innovation in magazine UXRob Boynes
 
Balancing Mobile Functionality & Delight
Balancing Mobile Functionality & DelightBalancing Mobile Functionality & Delight
Balancing Mobile Functionality & DelightSTARTUP SAFARY ATHENS
 
The mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesThe mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesIvano Malavolta
 
Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"Andrew Malek
 

Was ist angesagt? (7)

Designing for Digital Magazines - Rob Boynes for Guardian Masterclasses
Designing for Digital Magazines - Rob Boynes for Guardian MasterclassesDesigning for Digital Magazines - Rob Boynes for Guardian Masterclasses
Designing for Digital Magazines - Rob Boynes for Guardian Masterclasses
 
Why the page is killing innovation in magazine UX
Why the page is killing innovation in magazine UXWhy the page is killing innovation in magazine UX
Why the page is killing innovation in magazine UX
 
BASIC UX PRESENTATION
BASIC UX PRESENTATIONBASIC UX PRESENTATION
BASIC UX PRESENTATION
 
Balancing Mobile Functionality & Delight
Balancing Mobile Functionality & DelightBalancing Mobile Functionality & Delight
Balancing Mobile Functionality & Delight
 
Great app idea
Great app ideaGreat app idea
Great app idea
 
The mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesThe mobile ecosystem & technological strategies
The mobile ecosystem & technological strategies
 
Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"Responsive Design and Development "Gotchas"
Responsive Design and Development "Gotchas"
 

Ähnlich wie Dead & Emerging Tech Panel

The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!Jonathan Stark
 
The Browser is Dead, Long Live the Web! (Jonathan Stark)
 The Browser is Dead, Long Live the Web! (Jonathan Stark) The Browser is Dead, Long Live the Web! (Jonathan Stark)
The Browser is Dead, Long Live the Web! (Jonathan Stark)Future Insights
 
Mobile-first, a quick introduction
Mobile-first, a quick introductionMobile-first, a quick introduction
Mobile-first, a quick introductionJelle Desramaults
 
Why "mobile first" isn't enough - Developing a better user experience
Why "mobile first" isn't enough - Developing a better user experienceWhy "mobile first" isn't enough - Developing a better user experience
Why "mobile first" isn't enough - Developing a better user experienceKevin Powell
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDan Moriarty
 
Project 4: Mobile and Tablet Design for Collins Catering & Events
Project 4: Mobile and Tablet Design for Collins Catering & EventsProject 4: Mobile and Tablet Design for Collins Catering & Events
Project 4: Mobile and Tablet Design for Collins Catering & Eventskyriessaen
 
Responsive Email Design
Responsive Email DesignResponsive Email Design
Responsive Email DesignAnna Yeaman
 
Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick PresentationDeimantas Brandišauskas
 
Overcoming design challenges in HAT-based multichannel publishing
Overcoming design challenges in HAT-based multichannel publishingOvercoming design challenges in HAT-based multichannel publishing
Overcoming design challenges in HAT-based multichannel publishingJack Molisani
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignBrandon Carson
 
From mobile browser to mobile app
From mobile browser to mobile appFrom mobile browser to mobile app
From mobile browser to mobile appRyan Stewart
 
The near future of real web applications
The near future of real web applicationsThe near future of real web applications
The near future of real web applicationsX.commerce
 
Mobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyMobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyDoralin Kelly
 
5 Reasons to go Responsive
5 Reasons to go Responsive5 Reasons to go Responsive
5 Reasons to go ResponsiveTier10
 
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...Jeremy Johnson
 

Ähnlich wie Dead & Emerging Tech Panel (20)

The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web!
 
The Browser is Dead, Long Live the Web! (Jonathan Stark)
 The Browser is Dead, Long Live the Web! (Jonathan Stark) The Browser is Dead, Long Live the Web! (Jonathan Stark)
The Browser is Dead, Long Live the Web! (Jonathan Stark)
 
Mobile-first, a quick introduction
Mobile-first, a quick introductionMobile-first, a quick introduction
Mobile-first, a quick introduction
 
Why "mobile first" isn't enough - Developing a better user experience
Why "mobile first" isn't enough - Developing a better user experienceWhy "mobile first" isn't enough - Developing a better user experience
Why "mobile first" isn't enough - Developing a better user experience
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First Approach
 
Project 4: Mobile and Tablet Design for Collins Catering & Events
Project 4: Mobile and Tablet Design for Collins Catering & EventsProject 4: Mobile and Tablet Design for Collins Catering & Events
Project 4: Mobile and Tablet Design for Collins Catering & Events
 
Responsive email design guide
Responsive email design guideResponsive email design guide
Responsive email design guide
 
Responsive Email Design
Responsive Email DesignResponsive Email Design
Responsive Email Design
 
Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick Presentation
 
Overcoming design challenges in HAT-based multichannel publishing
Overcoming design challenges in HAT-based multichannel publishingOvercoming design challenges in HAT-based multichannel publishing
Overcoming design challenges in HAT-based multichannel publishing
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile Design
 
From mobile browser to mobile app
From mobile browser to mobile appFrom mobile browser to mobile app
From mobile browser to mobile app
 
The near future of real web applications
The near future of real web applicationsThe near future of real web applications
The near future of real web applications
 
Mobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyMobile UX Workshop General Assembly
Mobile UX Workshop General Assembly
 
Mobile seminar-worksheet
Mobile seminar-worksheetMobile seminar-worksheet
Mobile seminar-worksheet
 
5 Reasons to go Responsive
5 Reasons to go Responsive5 Reasons to go Responsive
5 Reasons to go Responsive
 
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
 
Mobile ux sot a and challenges
Mobile ux sot a and challengesMobile ux sot a and challenges
Mobile ux sot a and challenges
 
Mobile UX Challenges
Mobile UX ChallengesMobile UX Challenges
Mobile UX Challenges
 
Website vs web app
Website vs web appWebsite vs web app
Website vs web app
 

Mehr von amanda etches

Sensible library website development
Sensible library website developmentSensible library website development
Sensible library website developmentamanda etches
 
Mobile Design Matters
Mobile Design MattersMobile Design Matters
Mobile Design Mattersamanda etches
 
Collective Intelligence, Collaborative Spaces, and the "Yeah, So What?" Factor.
Collective Intelligence, Collaborative Spaces, and the "Yeah, So What?" Factor. Collective Intelligence, Collaborative Spaces, and the "Yeah, So What?" Factor.
Collective Intelligence, Collaborative Spaces, and the "Yeah, So What?" Factor. amanda etches
 
Building User-Centred Websites with Drupal
Building User-Centred Websites with DrupalBuilding User-Centred Websites with Drupal
Building User-Centred Websites with Drupalamanda etches
 
the one-person project management team
the one-person project management teamthe one-person project management team
the one-person project management teamamanda etches
 
Blogs: less what, more how, more wow
Blogs: less what, more how, more wowBlogs: less what, more how, more wow
Blogs: less what, more how, more wowamanda etches
 
Blogs & Wikis (and what you can do with them)
Blogs & Wikis (and what you can do with them)Blogs & Wikis (and what you can do with them)
Blogs & Wikis (and what you can do with them)amanda etches
 
Social Software in Libraries: the Hows, Whys and What Fors
Social Software in Libraries: the Hows, Whys and What ForsSocial Software in Libraries: the Hows, Whys and What Fors
Social Software in Libraries: the Hows, Whys and What Forsamanda etches
 
Pecha Kucha @CiL2008
Pecha Kucha @CiL2008Pecha Kucha @CiL2008
Pecha Kucha @CiL2008amanda etches
 
You Want to What Now? Getting Buy-In for Your 2.0 Projects
You Want to What Now? Getting Buy-In for Your 2.0 ProjectsYou Want to What Now? Getting Buy-In for Your 2.0 Projects
You Want to What Now? Getting Buy-In for Your 2.0 Projectsamanda etches
 

Mehr von amanda etches (11)

Sensible library website development
Sensible library website developmentSensible library website development
Sensible library website development
 
Mobile Design Matters
Mobile Design MattersMobile Design Matters
Mobile Design Matters
 
Website Usability
Website UsabilityWebsite Usability
Website Usability
 
Collective Intelligence, Collaborative Spaces, and the "Yeah, So What?" Factor.
Collective Intelligence, Collaborative Spaces, and the "Yeah, So What?" Factor. Collective Intelligence, Collaborative Spaces, and the "Yeah, So What?" Factor.
Collective Intelligence, Collaborative Spaces, and the "Yeah, So What?" Factor.
 
Building User-Centred Websites with Drupal
Building User-Centred Websites with DrupalBuilding User-Centred Websites with Drupal
Building User-Centred Websites with Drupal
 
the one-person project management team
the one-person project management teamthe one-person project management team
the one-person project management team
 
Blogs: less what, more how, more wow
Blogs: less what, more how, more wowBlogs: less what, more how, more wow
Blogs: less what, more how, more wow
 
Blogs & Wikis (and what you can do with them)
Blogs & Wikis (and what you can do with them)Blogs & Wikis (and what you can do with them)
Blogs & Wikis (and what you can do with them)
 
Social Software in Libraries: the Hows, Whys and What Fors
Social Software in Libraries: the Hows, Whys and What ForsSocial Software in Libraries: the Hows, Whys and What Fors
Social Software in Libraries: the Hows, Whys and What Fors
 
Pecha Kucha @CiL2008
Pecha Kucha @CiL2008Pecha Kucha @CiL2008
Pecha Kucha @CiL2008
 
You Want to What Now? Getting Buy-In for Your 2.0 Projects
You Want to What Now? Getting Buy-In for Your 2.0 ProjectsYou Want to What Now? Getting Buy-In for Your 2.0 Projects
You Want to What Now? Getting Buy-In for Your 2.0 Projects
 

Kürzlich hochgeladen

Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demoHarshalMandlekar2
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????What is Artificial Intelligence?????????
What is Artificial Intelligence?????????blackmambaettijean
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESmohitsingh558521
 

Kürzlich hochgeladen (20)

Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demo
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????What is Artificial Intelligence?????????
What is Artificial Intelligence?????????
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
 

Dead & Emerging Tech Panel

  • 1. HOT/NOT in UX Amanda Etches-Johnson CiL2010 HOT/NOT in user experience, web design, usability. Audience participation required! I'll flash up an image or word, you tell me if it's HOT or if it's NOT so hot.
  • 2. (not) FLASH. Definitely not hot. For a few reasons: - it!s fluff. frosting. - it!s closed and proprietary - it!s not accessible -- which means that anyone using assistive technology like a screen reader? doesn!t work.
  • 3. HTML 5 (hot!) HTML 5 Totally hot. - the next major version of the html markup language - been in development for going on 6 years and it!s finally ready for primetime. - HTML itself is an open standard (hot) - addition of new tags: e.g. one that embeds video into a page, which will effectively rid us of the need to use flash altogether.
  • 4. (not) MOBILE APPS MOBILE APPS Kind of not hot. Channelling Jason Griffey @ Top Tech at ALA Midwinter, who posited that this year we!d see the death of the app. With the launch of the iPad last week, apps are probably not going anywhere. BUT the not hot part is apps are device/OS specific. Not hot. How many in the audience have built a standalone app for your library? (1 hand) How many of you are planning to? (3 hands)
  • 5. (hot!) MOBILE WEB MOBILE WEB Super hot! - i.e. websites that are optimized for mobile browsers. - doable stuff. - best part? you don!t have to create different versions for different devices, like you do with mobile apps. - creating a mobile website for your library can be easy thanks to all the different frameworks we can use to make it happen.
  • 6. valid markup (hot!) VALID MARKUP Unquestionably hot! - good practice -- for both regular format browsing, as well as mobile browsing. - valid markup ensures that your web content looks the same, performs the same, and behaves the same across multiple browsers.
  • 7. http://validator.w3.org/mobile/ If building for mobile, W3C has this excellent validator.
  • 8. This is the report it spits out. I ran an *unknown* library through the validator and found it to be 23% mobile ready. Click on “detailed report” for all the juicy details on what needs to be fixed to optimize your site for mobile browsing.
  • 9. (hot!) THOUGHTFUL DESIGN Definitely hot. So is Rodin's thinker. Thoughtful design is all about taking user needs into consideration when you design for the mobile web. It is definitely NOT about just taking your existing site and adding a few tweaks here and there to make it look better on small format browsers. It is also NOT about just throwing up a text-version of your site for users visiting on their mobile devices.
  • 10. McDonald!s as an example of thoughtful design? It!s true! In this case only. If you visit the McDonald!s website on your mobile device, you see this -- a splash page. And the only functionality here is a search box where you enter your zip code or city to find your closest McDonald!s. For all those late-night, Big Mac emergencies. This is thoughtful design because they!ve done enough user research and testing to figure out that the ONLY reason why anyone would visit the McDonald!s website on their mobile device is to find the nearest location.
  • 11. Text Contact to Me Text Directions to Me View on Google Maps HOT mobile site from a library. This is Oregon State University Library. Probably a bit more text on this screen than I!d like to see BUT the cool part is you can have the contact and directions texted to yourself OR click a link to view their location on google maps. THIS is thoughtful design, really thinking about the mobile user experience. It!s a small thing with a big impact.
  • 12. casual repeat urgent Bottom line with mobile site development: we need to stop thinking about our users in traditional ways (undergrads, grads, teens etc.) Instead, need to think about them in ways that are meaningful to the mobile experience. Are they causal visitors? Are they repeat visitors? Are they urgent visitors? (in search of quick info/and answer; like late-night Big Mac emergency guy) Need to publish the BARE MINIMUM on our mobile sites but still satisfy all three types of visitors.
  • 13. (hot!) Watching users use our sites (regular and mobile)? Fantastically hot! There is no better way to get to the bottom of user frustrations and needs than to watch them interact with our interfaces.
  • 14. (not) Watching librarians use our sites (regular and mobile)? Not as hot. We are not designing for librarians. PROTIP: do a round of usability with users. Then do the same test with librarians. Review and compare the results of both tests. Present the results to the librarians. Usually quite enlightening. (and hot)
  • 15. (not) Cheese grating kids on the playground is definitely not hot. Neither is putting our users through frustrating, painful experiences (which we do everyday, on our mobile sites AND our regular ones). This is definitely not hot.
  • 16. (hot!) http://usablelibrary.org Shameful plug: head to usablelibrary.org and print out this poster. Hang it up in your office as a reminder to make sure every decision you make at your library creates a better experience for your users. THANKS!