+ All Categories
Home > Documents > User Experience Design for Academic...

User Experience Design for Academic...

Date post: 08-Oct-2020
Category:
Upload: others
View: 0 times
Download: 0 times
Share this document with a friend
81
User Experience Design for Academic Libraries Ben Crabtree, UX Designer
Transcript
Page 1: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

User Experience Design for Academic Libraries

Ben Crabtree, UX Designer

Page 2: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

The purpose of my presentation

Page 3: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

The purpose of my presentation

Answer these three questions

Page 4: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

The purpose of my presentation

Answer these three questions

What is UX Design?

Page 5: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

The purpose of my presentation

Answer these three questions

What is UX Design?

What is the role of UX design in software development?

Page 6: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

The purpose of my presentation

Answer these three questions

What is UX Design?

What is the role of UX design in software development?

How is the UX design process implemented at the BYU Library?

Page 7: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

What is UX design?

Page 8: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

The feedback fueled design process of the overall experience a person has while interacting with a website or app.

What is UX design?

Page 9: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Think of a website or app you used recently that you had a positive experience with.

Page 10: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Think of a website or app you used recently that you had a positive experience with.

What made that experience positive?

Page 11: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Think of a website or app you used recently that you had a negative experience with.

Page 12: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Think of a website or app you used recently that you had a negative experience with.

What made that experience negative?

Page 13: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Here are the common components of the websites and apps that you had positive and negative experiences with:

Page 14: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Form

Page 15: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

FormHow an app or website was organized and expressed visually as an interface. (Information Architecture, Interaction Design, Visual Design)

Page 16: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Form

Function

How an app or website was organized and expressed visually as an interface. (Information Architecture, Interaction Design, Visual Design)

Page 17: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Form

FunctionWhat the interface of an app or website enabled you to do.

How an app or website was organized and expressed visually as an interface. (Information Architecture, Interaction Design, Visual Design)

Page 18: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

An example

Page 19: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

A UX designer’s job is to:

Page 20: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

A UX designer’s job is to:

1. Gather requirements and data to determine what functionality is needed by users.

Page 21: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

A UX designer’s job is to:

1. Gather requirements and data to determine what functionality is needed by users.

2. Create a user interface to accommodate that functionality.

Page 22: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

A UX designer’s job is to:

1. Gather requirements and data to determine what functionality is needed by users.

2. Create a user interface to accommodate that functionality.

3. Iteratively perform user tests, interviews, etc. with the prototypes of that user interface to determine usability, utility and effectiveness.

Page 23: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

How is this done?

Page 24: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

How is this done?

Infusing the UX design process into the software development cycle.

Page 25: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

The UX Process

Page 26: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Research

The UX Process

Page 27: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Research

The UX Process

Page 28: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Research

Prototype

The UX Process

Page 29: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Research

Prototype

Test

The UX Process

Page 30: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Research

Prototype Feedback

Test

The UX Process

Page 31: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Research

Prototype Feedback

Deliver

Test

The UX Process

Page 32: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

How does the UX process fit in with the overall project development timeline?

Page 33: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Prototype fidelity

TimeProject Start (Research)

Project Completion (Delivery)

Sketches

Wireframes

Mockups

Code

Page 34: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Benefits of the UX design process:

Page 35: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Benefits of the UX design process:1. It ensures we’re meeting users’ needs from the beginning of, and during, the product development process, not just at the end.

Page 36: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Benefits of the UX design process:

2. It keeps change cheap.

1. It ensures we’re meeting users’ needs from the beginning of, and during, the product development process, not just at the end.

Page 37: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Benefits of the UX design process:

2. It keeps change cheap.

1. It ensures we’re meeting users’ needs from the beginning of, and during, the product development process, not just at the end.

• Initial user research informs what users need to be able to do with the interface, increasing the probability of addressing the right problem to begin with, and decreasing the probability of major design/development changes later.

Page 38: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Benefits of the UX design process:

2. It keeps change cheap. • Initial user research informs what users need to be able to

do with the interface, increasing the probability of addressing the right problem to begin with, and decreasing the probability of major design/development changes later.

1. It ensures we’re meeting users’ needs from the beginning of, and during, the product development process, not just at the end.

• Iterative usability testing of product prototypes with users allow changes to be made more easily to the design earlier on using less expensive prototypes.

Page 39: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

What are the two components of successful UX design?

Page 40: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

What are the two components of successful UX design?

1. Ensuring designs serve organization goals.

Page 41: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

What are the two components of successful UX design?

1. Ensuring designs serve organization goals.

2. Striving for optimal usability through both form and function.

Page 42: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

What are the two components of successful UX design?

1. Ensuring designs serve organization goals.

2. Striving for optimal usability through both form and function.

Page 43: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Ensuring designs serve organization goals

Page 44: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

What does that mean?

Ensuring designs serve organization goals

Page 45: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Ensuring designs serve organization goalsWhat does that mean?

Page 46: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

1. Identifying organization goals

What does that mean?

Ensuring designs serve organization goals

Page 47: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

1. Identifying organization goals

2. Keeping those goals in mind while creating design solutions.

Ensuring designs serve organization goalsWhat does that mean?

Page 48: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

What are the goals of the Library?

Page 49: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

1. Save students time and money.

What are the goals of the Library?

Page 50: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

1. Save students time and money.

2. Provide information resources and services that:

What are the goals of the Library?

Page 51: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

1. Save students time and money.

2. Provide information resources and services that:

• Support educational pursuits

What are the goals of the Library?

Page 52: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

1. Save students time and money.

2. Provide information resources and services that:

• Support educational pursuits • Promote information discovery

What are the goals of the Library?

Page 53: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

1. Save students time and money.

2. Provide information resources and services that:

• Support educational pursuits • Promote information discovery • Advance scholarship

What are the goals of the Library?

Page 54: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

1. Save students time and money.

2. Provide information resources and services that:

• Support educational pursuits • Promote information discovery • Advance scholarship • Nurture lifelong intellectual and spiritual

growth

What are the goals of the Library?

Page 55: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

What are the two components of successful UX design?

1. Ensuring designs serve organization goals.

2. Striving for optimal usability through both form and function.

Page 56: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

What is usability?

Page 57: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

A qualitative attribute that assesses how easy user interfaces are to use in regard to both form and function.

What is usability?

Page 58: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

6 qualitative components of usability

Page 59: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Learnability6 qualitative components of usability

Page 60: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Learnability6 qualitative components of usability

Efficiency

Page 61: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Learnability6 qualitative components of usability

Efficiency

Memorability

Page 62: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Learnability

Efficiency

Memorability

Forgivability

6 qualitative components of usability

Page 63: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Learnability6 qualitative components of usability

Efficiency

Memorability

Forgivability

Satisfaction

Page 64: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Learnability6 qualitative components of usability

Efficiency

Memorability

Forgivability

Satisfaction

Accessibility

Page 65: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

How do we influence the effectiveness of each of the 6 components of usability?

Page 66: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Information architectureHow do we influence the effectiveness of each of the 6 components of usability?

Page 67: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

How do we influence the effectiveness of each of the 6 components of usability?

Information architecture

Interaction design

Page 68: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

How do we influence the effectiveness of each of the 6 components of usability?

Interaction design

Visual design

Information architecture

Page 69: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

The 6th component

Page 70: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

The 6th componentAccessibility

Page 71: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

What is accessibility?

Page 72: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

What is accessibility?

The practice of ensuring that your site is designed “to work for all people, whatever their computer hardware, software, language, culture, location, or physical or mental ability.”

Page 73: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

How do we ensure accessibility?

Page 74: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

How do we ensure accessibility?

Essentially, following the standards that are found in the W3C accessibility guidelines.

Page 75: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

The two components of successful UX design?

1. Ensuring designs serve organization goals.

2. Striving for optimal usability through both form and function.

Page 76: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

How do we ensure our designs are usable and serve Library goals?

Page 77: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

How do we ensure our designs are usable and serve Library goals?

1. Research

Page 78: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

How do we ensure our designs are usable and serve Library goals?

2. Prototyping

1. Research

Page 79: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

How do we ensure our designs are usable and serve Library goals?

2. Prototyping

1. Research

3. Testing

Page 80: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

An example of the UX process in action here at the BYU Library

Page 81: User Experience Design for Academic Librariesfiles.lib.byu.edu/ccla/conference-docs/2017/april/ccla-ux-for-academi… · Benefits of the UX design process: 2. It keeps change cheap.

Questions?


Recommended