evaluating the usability of a technology resource website ... · rachel kaneshiro rek2@hawaii.edu...

Rachel Kaneshiro rek2@hawaii.edu March 17th, 2015

Collaborate, Network, Learn, and Grow:

Evaluating the Usability of a �Technology Resource Website for Teachers �

Presentation Overview

•  Background

Presentation Overview

•  Background •  Usability Study

Presentation Overview

•  Background •  Usability Study •  Website Design

Presentation Overview

•  Background •  Usability Study •  Website Design •  Next Steps

Presentation Overview

•  Background •  Usability Study •  Website Design •  Next Steps •  Questions

Audience Poll

Background Usability Study Website Design Next Steps �

How many K-12 teachers are in the audience?

A.  That’s me! B.  I work in education. C.  Sorry, not me!

Choosing My Project

Background Usability Study Website Design Next Steps �

K-6 Technology Resource Teacher

Teach

Integrate

Facilitate Oversee

Research

Job Description

Background Usability Study Website Design Next Steps �

Weekly K-6 computer classes

TEACH

Job Description

Background Usability Study Website Design Next Steps �

Weekly K-6 computer classes

TEACH

Technology units into classrooms

INTEGRATE

Job Description

Background Usability Study Website Design Next Steps �

Campus-wide iPad initiative

OVERSEE

Job Description

Background Usability Study Website Design Next Steps �

Campus-wide iPad initiative

OVERSEE

Best practices in educational technology

RESEARCH

Project Focus

Background Usability Study Website Design Next Steps �

Technology professional development

FACILITATE

Project Focus

Background Usability Study Website Design Next Steps �

Technology professional development

FACILITATE

Audience Poll

Background Usability Study Website Design Next Steps �

Does your job utilize an internal website for employees?

A.  Yes, we have a website. B.  We have multiple internal websites for

employees. C.  No, we don’t have a website.

Project Focus

Background Usability Study Website Design Next Steps �

Project Focus

Background Usability Study Website Design Next Steps �

Learning

Management System���

Daily Routines��

Previous Systems ���

Professional Development ���

New School Website

Audience Poll

Background Usability Study Website Design Next Steps �

Are you familiar with usability studies?

A.  Yes- I’ve participated in/conducted one before.

B.  I’ve heard of usability before. C.  I have no clue what you’re talking

about…

Usability Study

Background Usability Study Website Design Next Steps �

Sample Usability Session

Background Usability Study Website Design Next Steps �

Background Usability Study Website Design Next Steps �

KINDERGARTEN I KIDS COMPUTER GAMES

ABCya! Kindergarten children's oomputer games & activities feature large and easy-to-use navigation buttons as well as voice instructions. Games and activities include: alphabetical order, upper-case and lower-case letters. counting numbers, connect the dots, numerical order. shapes, addition, e·storybooks and holiday games.

?

,,_ "'·~-"'."", ~ .... •

•

· ~ . . :

• Games 'F.or kicts !

@ --' •• • ..... .. ...... ~ .. ' .

' . . . :

0 R D E R

. . .. :

Connect the Dots

A6C

Website Design

Background Usability Study Website Design Next Steps �

Old Website

Multiple, separate systems

Website Design

Background Usability Study Website Design Next Steps �

Old Website

Multiple, separate systems

External teacher websites

Website Design

Background Usability Study Website Design Next Steps �

Old Website

No learning management

system

Website Design

Background Usability Study Website Design Next Steps �

Old Website

No learning management

system

No social media

integration

New Website Design

Background Usability Study Website Design Next Steps �

New Website

Single Sign-On

Other Systems Linked

LMS

Social Media

Background Usability Study Website Design Next Steps �

My Website

Wix Platform�

Elementary Faculty Section�

Focus on Technology Resources

Page �

Similar structure & navigation�

Project Website

Background Usability Study Website Design Next Steps �

My Website

Wix Platform�

Elementary Faculty Section�

Focus on Technology Resources

Page �

Similar structure & navigation�

Background Usability Study Website Design Next Steps �

Navigational Menu

Background Usability Study Website Design Next Steps �

Important Links

Navigational Menu

Background Usability Study Website Design Next Steps �

Important Links

Recent Videos

News Feed

Navigational Menu

Background Usability Study Website Design Next Steps �

Important Links

Recent Videos

News Feed

Navigational Menu

School Bulletin

Background Usability Study Website Design Next Steps �

c:J ELEJ\mNTARYFACULTY

School YouTube Channel

• Smore t • • • ' • • • Learn more

Prtnclpal's Quarterly Newsletter

Quarter 3 2014-15

Background Usability Study Website Design Next Steps �

ELEMENTARY FACULTY

Holidays in United States ~a a January 2015 . t)Pnnt Week Month Agenda ..

Sun - Mon - Tue - Woo Thu Fri Sat 28 :9 30 31 Jan 1 2 3

1nnma49w•~M&M•<(W

• 5 6 7 8 9 10

11 12 13 14 15 16 17

18 19 20 21 22 23 24

IZffi·til!i·ttiSM

25 :s 27 28 29 30 31

~

Events shovm In tine zone: Hawsll Trme IQ """"1<.-I

Background Usability Study Website Design Next Steps �

News Feed School Bulletin

Background Usability Study Website Design Next Steps �

'flaMCt!ITin,t S'1'h•*'= '.\kwiaa \ biu \\Ortn~· aod Proc:~ to GAt'E

,,.._,. .. ___ _ =-----... -

~..:.::-·-i-

<~• llanaQi'dtoD& in thP 'I\>ic-b ·;~ f)af;f;l'OOlll

_ ... _ .. __

~ ...... _. ___ _

L!illllt lhlldriM!dia TtoebtoJ~· tor T.-IM'hln,1; Sottlal aod l.iff! Skil.L\

-·----~ ,. __ _

ilil----­__ ,,_

.,.,.,. __ ~~-

- -·­~= .....

-•·Ill

a a w

Background Usability Study Website Design Next Steps �

TranJ•rrlna ~ltfall: '°'°"~ \O• \\O~ allld~WIU.U1'~

~.....:::.----

- ·-·---

~·----

- ==---

........ , a a •

Classroom Management in the Tech-Equipped Classroom November 2, 2014

Old< here for dassroom management strategies In

the tech-equipped dassroom .

Read More

Background Usability Study Website Design Next Steps �

c:J ELEl\mNTARYFACULTY

? •

Curriculum

Recommended Readings

RESOURCES

---------------

Technology

Elementary Forms

Weekly Bulletin

Parent Teacher Conferences

Background Usability Study Website Design Next Steps �

a.----

Q ELEMENTARYFACUL1Y

~·-----

TECHNOLOGY RESOURCES

-·-

Cloud Computing Professional Learning Blended/.Flipped Networks Classrooms

Background Usability Study Website Design Next Steps �

ELEMENTARYFACUL'IY

PROFESSIONAL LEARNJNG NE1WORKS

Information Web 2.0 Tools At Our School.. Videos & Media

Background Usability Study Website Design Next Steps �

Professional Learning Networks Web 2.0 Tools

Image from https://c1.staticflickr.com/9/8522/8632456752_7d4cae02d4_b.jpg

Twitter

General Links Why Twitter?

● Official Twitter Website ● How to Set Up a Twitter

Account ● How to Use TweetDeck Twitter

Dashboard

● 8 Tips to Creating a Twitter-Driven School Culture

● How to Use Twitter to Grow Your PLN

● Beyond Twitter and Google+: Staying Focused on Real Connection

● Guide to Using Twitter in Your Teaching Practice

● Can Tweeting Help Your Teaching?

● 100 Ways to Use Twitter in Education, By Degree of Difficulty

● Why Teachers Should Try Twitter

Background Usability Study Website Design Next Steps �

Professional Learning Networks Web 2.0 Tools

Image from https://c1.staticflickr.com/9/8522/8632456752_7d4cae02d4_b.jpg

Twitter

General Links Why Twitter?

● Official Twitter Website ● How to Set Up a Twitter

Account ● How to Use TweetDeck Twitter

Dashboard

● 8 Tips to Creating a Twitter-Driven School Culture

● How to Use Twitter to Grow Your PLN

● Beyond Twitter and Google+: Staying Focused on Real Connection

● Guide to Using Twitter in Your Teaching Practice

● Can Tweeting Help Your Teaching?

● 100 Ways to Use Twitter in Education, By Degree of Difficulty

● Why Teachers Should Try Twitter

Background Usability Study Website Design Next Steps �

~ ELEMENTARYFACUL'IY

TECHNOLOGY RESOURCES Elementary Faculty Resources> Technolog~ Resources

Cloud Computing Professional Learning Networks

Blended/Flipped Learning

Background Usability Study Website Design Next Steps �

Professional Learning Networks Information

Image from https://c1.staticflickr.com/9/8522/8632456752_7d4cae02d4_b.jpg

● What is a PLN?

● Building Your PLN

● 10 Tips to Becoming a Connected Educator

● Connecting Educators Benefits Students

● 5 Tips for New Teachers to Become Connected Educators

● The Connected Educator: It Begins with Collaboration

● Personal Learning Networks on Pinterest

● Teacher’s Guide on Creating PLNs

● 5 PLNs for Educators

● The Educator's PLN

● How Do I Get a PLN?

● 20 Tips for Creating a Professional Learning Network

Professional Learning NetworksInformation

Image from https://c1.staticflickr.com/9/8522/8632456752_7d4cae02d4_b.jpg

WHAT is a PLN? ● Definition of a PLN● Personal Learning Networks on Pinterest

WHY are PLNs beneficial?

● Connecting Educators Benefits Students

WHO should have a PLN?

● 5 Tips for New Teachers to Become Connected Educators

● Teacher’s Guide on Creating PLNs

HOW do I build my PLN?

● Building Your PLN● 10 Tips to Becoming a Connected Educator● The Connected Educator: It Begins with

Collaboration● How Do I Get a PLN?● 20 Tips for Creating a Professional Learning

Network

Some popular PLNs for teachers...

● 5 PLNs for Educators● The Educator's PLN

Old New

Background Usability Study Website Design Next Steps �

Old

New

Background Usability Study Website Design Next Steps �

Old

New

Next Steps

Background Usability Study Website Design Next Steps �

Continue peer feedback process

Next Steps

Background Usability Study Website Design Next Steps �

Add “Frequently

Asked Questions” section

Next Steps

Background Usability Study Website Design Next Steps �

Re-organize

website content •  Search features �•  Videos/apps

pages �•  FAQ section�

Lessons Learned

Background Usability Study Website Design Next Steps �

Lessons Learned

Background Usability Study Website Design Next Steps �

Lessons Learned

Background Usability Study Website Design Next Steps �

Lessons Learned

Background Usability Study Website Design Next Steps �

Thank You!

Background Usability Study Website Design Next Steps �

LTEC Professors & Cohort �

Critical Friends �

TCC & Audience �

Family & Friends�

Questions?

Background Usability Study Website Design Next Steps �

rek2@hawaii.edu�