Bringin' the Bling: Developing Visually Appealing and Functional Canvas Pages

10
Bringin’ the Bling: Developing Visually Appealing and Functional Canvas Pages Jeff Everhart Instructional Technology Trainer Longwood University

Transcript of Bringin' the Bling: Developing Visually Appealing and Functional Canvas Pages

Page 1: Bringin' the Bling: Developing Visually Appealing and Functional Canvas Pages

Bringin’ the Bling: Developing Visually Appealing and Functional

Canvas Pages

Jeff EverhartInstructional Technology Trainer

Longwood University

Page 2: Bringin' the Bling: Developing Visually Appealing and Functional Canvas Pages

What is User Experience (UX)?

● Visual design● Functionality● Navigation ● How the student

“feels” about your course

Page 3: Bringin' the Bling: Developing Visually Appealing and Functional Canvas Pages

Why is UX important in education?

● Increased motivation● Decreased

questions/confusion● Student success

Page 4: Bringin' the Bling: Developing Visually Appealing and Functional Canvas Pages

But I’m not an artist!

There are over 1,000,000 nerves from the eye to the brain. Use them!

Page 5: Bringin' the Bling: Developing Visually Appealing and Functional Canvas Pages

Images and Visual Processing

1. Visceral Response (~50 milliseconds)

2. Expectation-based (subconscious)

3. Reflective and intellectual (conscious)

http://www.learningsolutionsmag.com/articles/88/a-picture-is-worth-1000-words-visual-design-in-e-learning

Page 6: Bringin' the Bling: Developing Visually Appealing and Functional Canvas Pages

Iconography and Pictographs

Page 7: Bringin' the Bling: Developing Visually Appealing and Functional Canvas Pages

Hierarchy

Visual hierarchy helps determine what’s important.

Page 8: Bringin' the Bling: Developing Visually Appealing and Functional Canvas Pages

Text: Choosing Fonts & Styles

Easy to read = Easy to do

http://theelearningcoach.com/learning/visual-clarity-and-learning/

Page 9: Bringin' the Bling: Developing Visually Appealing and Functional Canvas Pages

Text: Color and Readability

Page 10: Bringin' the Bling: Developing Visually Appealing and Functional Canvas Pages

Now, let’s start building!