ux and joomla!

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

Upload: lamthien

Post on 09-Jan-2017

218 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: UX and Joomla!

UX and Joomla!Joomla! User Group Chicago North

October 2015

Page 2: UX and Joomla!

What is UX?

Page 3: UX and Joomla!

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!

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

Page 5: UX and Joomla!

image courtesy of: yahoo.com

Page 6: UX and Joomla!

image courtesy of: google.com

Page 7: UX and Joomla!

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!

UX Components

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

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

Page 9: UX and Joomla!

True or False?

If you have great UX,

you cannot have great SEO?

Page 10: UX and Joomla!

UX helps a website be…

accessible

useful

usable

findable

credible

desirable

valuable

…this improves SEO

Page 11: UX and Joomla!

Personas

• Market Research

• Questionnaires/Surveys

• Site Analytics

• Past Experience

• Client Interviews

Page 12: UX and Joomla!

Wireframes

low fidelity wireframe high fidelity wireframe

Page 13: UX and Joomla!

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!

User Stories

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

Page 15: UX and Joomla!

Client: Scholarship Foundation

Page 16: UX and Joomla!

Background:

Demographics:

Goals:

Challenges:

Common Objections:

Biggest Fears:

Hobbies & Interests:

Page 17: UX and Joomla!

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!

2014 Grand Prize Winner

• 2014 Grand Prize Winner