ux and joomla! - danicoenterprises.comux and joomla! joomla! user group chicago north october 2015....

18
UX and Joomla! Joomla! User Group Chicago North October 2015

Upload: others

Post on 23-Jun-2020

8 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

UX and Joomla!Joomla! User Group Chicago North

October 2015

Page 2: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

What is UX?

Page 3: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

UI vs. UXUI is short for “User Interface.”

In the software world, this means everything that shows up on the screen: the images, text, diagrams, and widgets as well as their color, size, and positioning.

UX stands for “User Experience.” It’s much more comprehensive than UI. It’s the entire experience a user has when they use your product! When you order something from Amazon and it comes a day early, that’s good UX. When your phone doesn’t wake you up with notifications, that’s good UX too.

http://blog.udacity.com/2014/07/whats-difference-between-ui-and-ux.html

Page 4: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

UX Visionimage courtesy of: Killer UX Design, Jodie Moule, Sitepoint

Page 5: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

image courtesy of: yahoo.com

Page 6: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

image courtesy of: google.com

Page 7: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

content strategy

usability

information architecture

visual design

interaction design

user research

does the site follow standards?

how is the information laid out?

what’s the plan for adding content?

Is the site appealing?

what are the needs?

how to move around the site?

User Experience

Page 8: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

UX Components

https://en.wikipedia.org/wiki/Website_wireframe

https://www.edrawsoft.com/example-order-workflow.php

Page 9: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

True or False?

If you have great UX,

you cannot have great SEO?

Page 10: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

UX helps a website be…

accessible

useful

usable

findable

credible

desirable

valuable

…this improves SEO

Page 11: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

Personas

• Market Research

• Questionnaires/Surveys

• Site Analytics

• Past Experience

• Client Interviews

Page 12: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

Wireframes

low fidelity wireframe high fidelity wireframe

Page 13: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

True or False?

It’s better to have a page with a bad stock image than a page

full of text

Page 14: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

User Stories

As a/an…I want to…so that… Given…when…then….

Page 15: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

Client: Scholarship Foundation

Page 16: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

Background:

Demographics:

Goals:

Challenges:

Common Objections:

Biggest Fears:

Hobbies & Interests:

Page 17: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

UX Resources

• UX Magazine

• UX Mastery

• UXPin

• All About UX

• oncrawl.com

• uxmastery.com

• uxpin.com

• sitepoint.com

• lynda.com

• usability.gov

• moz.com

• tutsplus.com

• teamtreehouse.com

Page 18: UX and Joomla! - danicoenterprises.comUX and Joomla! Joomla! User Group Chicago North October 2015. What is UX? UI vs. UX UI is short for “User Interface.” In the software world,

2014 Grand Prize Winner

• 2014 Grand Prize Winner