Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre.

Slides:



Advertisements
Similar presentations
5 Steps to Web Site Development Mrs. Harris, November 2011.
Advertisements

Office 2010 Software Applications in Office 2010 & Files.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Colby Academic ITS Technical Training On the Web at: PowerPoint Quick Start Guide (Comprehensive Training Here)Comprehensive.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
Web Accessibility Web Services Office of Communications.
Neil Sayers - Student Number: URL
The ACCESS Project Jesse Hausler, UDL/Accessibility Coordinator Craig Spooner, Coordinator.
Spring PowerPoint Basics Why is it a good tool to use? Easier than 3 X 5 Note Cards Organized presentations are “heard” better.
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Presented by Chad Kafka This Month’s Topic: Wikispaces Advanced Today’s session is an introduction to what a WIKI is and how they can be used in education.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
CREATING A PRESENTATION AND ADDING FEATURES. POSITIVE USES OF POWERPOINT Good at presenting things visually  Charts, graphs, etc. Easy to create  Can.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Web Designing By Bhupendra Ratha, Lecturer School of Library & Information Science D.A.V.V., Indore.
Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at
Blogging in the Classroom Presented by : Donna Carroll
Website St. Augustine A Technical Viewpoint Deja Vu anyone?
September 29, 2011 Case Study: Usability Testing for IT Training Website Redesign Project Jae Kim, Jenny Hertel, Greg Hanek, Tom Mason, Chris Payne.
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
Cathleen Karaffa Wordpress/ ckaraffa Test Findings ckaraffa.
***Adding items to your Etudes Homepage*** Log into Etudes
Adobe Certified Associate Objectives 1 Setting Project Requirements.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® DESIGN PROJECT PRODUCTION PHASES.
Chapter 20 Web Design. Copyright © Houghton Mifflin Company. All rights reserved.20 | 2 Chapter overview Gives an introduction to Web design Examines.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
DIGITAL DESIGN Digital Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics.
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
WEEBLYWEEBLY A user friendly FREE website builder for your Business Tips and Instructions.
Planning a Website Web Technologies I. The Site Design Process DEFINE Goals & Audience Content/Asset Collection Content/Style Information Delivery Requirements.
Google Docs An Overview for Educators. Google Docs Google Docs is a free, web-based word processor, spreadsheet and presentation tool that allows you.
Mindomo: A Concept-Mapping Website Created by Russell Smith Technology Facilitator North Edgecombe High School.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Web Site Development - Process of planning and creating a website.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Jeopardy Tabs commands Types of slide Show Effects Mis. Q $100 Q $200 Q $300 Q $400 Q $500 Q $100 Q $200 Q $300 Q $400 Q $500 Final Jeopardy.
Website Design - “Learning English With Me” Junwei Fang 02/25/2015.
Generation Nexters’ Financial Learning Environment Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre Knikki Crenshaw Hank Henry Nancy Rice.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
1 Chapter 15 Creating a Presentation. Practical Computer Literacy, 2 nd edition Chapter 15 2 What’s inside and on the CD? In this chapter, you will learn.
Blogging for the Real World By Jessica Barnhart. Revised Throughout the Years  Mentor Texts  Teacher Blog  Personal Blogs.
WEEBLYWEEBLY A user friendly FREE website builder Tips and Instructions.
Usability Testing / Methods
Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre.
Web Site Design Plan Checklist
How to customize your Microsoft SharePoint Online website
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
How to customize your Microsoft SharePoint Online website
Creating & Managing for Teaching Purposes
Presentation Skills Workshop.
Enhancing Student Learning and Retention with Community Partnerships
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
How to customize your Microsoft SharePoint Online website
Project Management and User Research Plan February 25, 2009
User Research Goals Memorability/Desirability Usability
Generation Nexters’ Financial Learning Environment
Face to Face GMU classroom 19 – 20 years old
Focus Group #2 Conducted using Adobe Connect
How to promote a band well
Generation Nexters’ Financial Learning Environment
Accessible Slide Template
Accessible Slide Template
Presentation transcript:

Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre

Agenda Introduction Focus Group –Focus Group 1 Findings –Focus Group 2 Findings Usability Testing Final Prototype Recommendations Conclusion

Focus Group 1 Goals of Round 1 User Research –Assess appeal of website layout and content –Impact on motivation Scope of Dollars and Sense prototype - Addition of Facebook Reason for using focus groups –Round 1 Focus Group

Focus Group # 1 – Home Page

Second Level Page

Facebook Page

Focus Group 2 Conducted using Adobe Connect Three participants, slightly older average age –Did these users have a similar reaction to the sites as the first focus group? –Did our iterative changes improve the user experience?

Home page - First round of Revisions

Revised Facebook Page

Findings from Focus Group 1Items Implemented for Focus Group 2 Items Tabled Due to Time Constraints Add mission statement on the homepage to clarify site purpose ✔ Increase the font on the side bars ✖ Include a picture when multimedia is used ✖ Change the main article text location to the left with the picture on the right ✔ Change the college bound title, it sounds like it is for pre- college kids ✔ Include a preview with the “Big Picture “ tab ✔ Clarify tab meanings for the main article and the big picture ✔ Make the Facebook page appear more collaborative ✖ Add a more visible link to the Dollars & Sense site on the Facebook page ✔ Include video ratings ✖ Add more “what’s in it for me” themes to the content ✖ Add more charts into the content ✖ Embed more video into the pages ✔

Revised Second Level Page

Reactions to Iterative Changes Users understood the purpose of the site more clearly Liked the addition of more visible multimedia Still confusion over tabs on second level page Still some confusion on Facebook page

New Insights from Focus Group 2 Needed even more video and multimedia Information was good, but make the sites more “personal” There is a real interest in the “Bigger Picture,” it’s just a matter of getting the users there Users want an up-to-date site

Usability Testing / Methods One-on-one testing Two rounds, two tests each Working from same script, questions and tasks Tracking Users - eye tracking, talking out loud Talking Beyond the question

Usability Testing / Iterative Changes Live Chat Multimedia Icons Podcasts Video Images Content Images Color Coordinating More, More Video

Usability – Second Level Page

Usability – Big Picture

Usability – More, Bigger Video Different formats / looks for video

Usability – Facebook Clickable Visible URL Audio Video / YouTubeRelevant Information to this Audience Information “chunked” Relevant Information Obama

Final Prototype

Recommendations Target audience preferences Content / Delivery Out of scope Web 2.0 tools 508 compliancy Agora brand

Conclusion Group 2 Conclusions Next steps Additional research –Web Tools Group 2 Contact Information