Introduction to Web Authoring Ellen Cushman cushmane

Slides:



Advertisements
Similar presentations
User Interface Structure Design
Advertisements

Technovation User-centered Design Week 3. Check-in: survey Now you have survey results from ~20 people Stand up as a team and share interesting results.
WEBQUEST Let’s Begin TITLE AUTHOR:. Let’s continue Return Home Introduction Task Process Conclusion Evaluation Teacher Page Credits This document should.
Usability presented by the OSU Libraries’ u-team.
Advanced Technical Writing 2005 Session #8. For P2, you will… 1. Analyze the content strategy of a real organization - the MSU library 2. Investigate.
Web Design cs414 spring Announcements Project status due Friday (submit pdf)
Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.
Introduction to Web Authoring Ellen Cushman Class mtg. #24.
Causality Project Team 1 David Conley Vijay Hattiangadi Byung Lee Jennifer Stoneking.
Ideas on Information Architecture Defining the Job –Goals What is the Mission/purpose of the website? What do you want to accomplish with the website?
Web Development Life Cycle from Beginning to End…and BEYOND!
3/25 4/2 4/9 4/16 Community (Rachael) Identify Dataset Questions for Peer Interviews Connect with Students / Surveys Genre Analysis Report Formulate Suggestion.
Websolutions: Oakwood Elementary School Issues of Usability and Sustainability By Sean Fox-Elster Oakwood Elementary School Site Oakwood Elementary School.
Web Design Teams What role do you play?. Client Person or organization who pays for the website to be designed and maintained. Person or organization.
Put the Title of the WebQuest Here A WebQuest for xth Grade (Put Subject Here) Designed by (Put Your Name Here) Put Your Address Here Put some interesting.
Put the Lesson Title Here A webquest for xth grade Designed by Put your You may include graphics, a movie, or sound to any of the slides. Introduction.
Progress Report: Project 4 Web Solutions. Interviews (Jennifer) Usability Testing (Andrea Kayne) Final Report due Accessibility Analysis (Andrea.
Website St. Augustine A Technical Viewpoint Deja Vu anyone?
Refine Produce Implement Design and Development Stages.
Going Deeper with Mark Twain A WebQuest for 10th Grade Composition Designed by Sandy Schaufelberger Wes-Del High School, Gaston IN
Introduction to Web Authoring Ellen Cushman Class mtg. #21.
Introduction to Web Authoring Ellen Cushman Class mtg. #15.
User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics Other issues relating to your design.
Information Architecture Week 1. Information Architecture CALENDAR.
Introduction to Web Authoring Ellen Cushman Class mtg. #22.
Introduction to Web Authoring Ellen Cushman Class mtg. #19.
Advanced Technical Writing 2006 Session #13. Today In Class ► The third analytic perspective: workflows & production models ► Thinking about “metadata”
Kypros-net Website : Greek Tutorial Program SI 622 Evaluation of Systems and Services M. Elledge P. Zaphiris.
OBA functionality in PowerPoint 2007 Purpose : This slide will provide you a quick walk through of the possibility of OBA functionality in Power Point.
Introduction to Web Authoring Bill Hart-Davidson AIM: billhd30 Session 19
Introduction to Web Authoring Ellen Cushman Class mtg. #18.
© 2017 by McGraw-Hill Education. This proprietary material solely for authorized instructor use. Not authorized for sale or distribution in any manner.
Introduction to Web Authoring Bill Hart-Davidson AIM: billhd30 Session 21
User-Centered Design Services for MSU Web Teams Sarah J. Swierenga, Director Usability & Accessibility Center MSU Webmasters 402 Computer Center February.
Advanced Higher Computing Science
Introduction to Web Authoring
Introduction to Web Authoring Ellen Cushman cushmane
Introduction to Web Authoring
Introduction to Web Authoring
Introduction to Web Authoring Ellen Cushman cushmane
Publishing and Maintaining a Website
Transforming Grading Robert Marzano
Year 7 E-Me Web design.
Introduction to Web Authoring Ellen Cushman cushmane
Introduction to Web Authoring
WEB 236 Education for Service-- snaptutorial.com.
WEB 240 Education for Service-- snaptutorial.com
WEB 240 knowledge is divine-- snaptutorial.com. WEB 240 Entire Course For more classes visit WEB 240 Week 1 Individual Website Brainstorm.
Thursday, November 15, | © Kanbay Incorporated. All Rights Reserved
Web Development Life Cycle from Beginning to End…and BEYOND!
Introduction to Web Authoring
Introduction to Web Authoring
Introduction to Web Authoring Ellen Cushman cushmane
Introduction to Web Authoring Ellen Cushman cushmane
Introduction to Web Authoring
Introduction to Web Authoring
Introduction to Web Authoring Ellen Cushman cushmane
Introduction to Web Authoring Ellen Cushman cushmane
Introduction to Web Authoring Ellen Cushman cushmane
Project HE Assignment Web Site Design
Phases of Designing a Website
Introduction to Web Authoring
Introduction to Web Authoring Ellen Cushman cushmane
Joint Application Development (JAD)
Web Development Life Cycle from Beginning to End…and BEYOND!
Refine Produce Implement
Introduction to Web Authoring
Put the Lesson Title Here
Introduction to Web Authoring
Introduction to Web Authoring Ellen Cushman cushmane
Presentation transcript:

Introduction to Web Authoring Ellen Cushman cushmane @msu.edu Class mtg. #19 www.msu.edu/~cushmane/wra210.htm www.msu.edu/~cushmane/wa2.htm

Where we are Note the changes in content as per 3/17 discussion M 3/17 assignment #4 intro, assign groups, brainstorm orgs. W 3/19 selecting organizations, problem analysis procedure M 3/24 proposal due (1-2 pages) W 3/26 web standards M 3/31 designing test, planning W 4/2 testing and compliance, executing M 4/7 visual rhetoric, intro (readability (fonts & white space), rhetoric and psych of color schemes) W 4/9 visual rhetoric, 2 (space: real estate, eye/hand movement, information layout) M 4/14 Workshop usability testing W 4/16 Presentation workshops. Reports due. M & W 4/21- /23 Presentations on websolutions Note the changes in content as per 3/17 discussion

Today in Class | Next Class Workshop our proposals. Create a GANTT chart to include in proposal Create a RDC to include with proposal Submit proposal and chart. Web Standards How to incorporate this analytical framework into our Websolutions projects

Recall last class: Problem Analysis Procedure Read the liaison’s proposal, website, or review first interview notes. Analyze the author’s framing of the problem and brainstorm other possible issues Collect the issues as a set of client “needs”…make a list of these Write research questions that will allow you to gather info, flesh out the list of needs, and begin the design process For each question determine what source or sources of info you’ll need to consult to answer the question

HTML compliance check Usability Sustainability Accessibility Heuristic Evaluation (meets all standards) Scenario-based testing Genre Analysis Workflow analysis Compliance checks using automated tools Scenario-based testing http://validator.w3.org/#validate_by_uri

Research design chart (RDC) data sources methods Who/when? questions Team members, target date Data source interview Question 1 Data source scenario This chart allows you to plan and a discovery effort in a systematic way. Note that it does not ask you to answer the questions…but only to show you expect to arrive at the answers! Data source Question 2

What problems do students have with the current SIS interface? RDC Example data sources methods Who/when? question Joe & Jane; Completed by 4/2 Admissions staff interview What problems do students have with the current SIS interface? Scenario- based user tests of current system Students Whole team 5-10 students tested by 4/15 This could be a usability or accessibility issue…how might the question change?

Make a GANTT chart March April You can assign names to each task too Genre analysis (similar sites) You can assign names to each task too Interviewing Staff Students User testing Progress Report due Current system Note the writing that happens throughout… not as a separate phase Create samples Draft final Report due Web prototype Final Report due

Create you own RDC & GANNT chart Plug the questions into the RDC format we looked at today Use the last two columns of the RDC to make a GANTT chart For your proposals due at the end of class, be prepared to show your RDC and GANTT charts. These charts show us what want to know: what you have accomplished, what work remains, and when it will be completed.

Looking forward | homework Remember to add a link to your team’s proposals to your personal page. Next class we’ll look at web standards. Be looking for interested friends, colleagues, etc. willing to volunteer for your user-test.