Introduction to Web Authoring Bill Hart-Davidson AIM: billhd30 Session 7

Slides:



Advertisements
Similar presentations
Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.
Advertisements

Introduction and Planning your Site. Planning Your Web Site When Designing a Site for Yourself You have the final say over the design and content There.
Tailoring Needs Chapter 3. Contents This presentation covers the following: – Design considerations for tailored data-entry screens – Design considerations.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 7, Day 2 (5/14)
Design Activities in Usability Engineering laura leventhal and julie barnes.
Designing Basic Web Sites Week 12 Technical Communication Fall 2003, DAHMEN.
Developing Course Material for eLearning January, 2004 Cristina Oliver Liverpool Hope University College
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 3, Day 1 (10/14)
DoW text: Task and WP leaders will prepare syntheses reports of the project progress, its results and its implications. These synthesis reports will be.
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
Understanding Task Orientation Guidelines for a Successful Manual & Help System.
Planning and Designing a Website Session 8. Designing a Website Like all technical artefacts a website needs to be carefully planned and designed to be.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,
Introduction to Interactive Media 02. The Interactive Media Development Process.
Orion Project Proposal HTML Tutorial Website. Define.
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.
Advanced Technical Writing 2006 Session #9. Today In Class ► What is an Information Model? ► Our “two views” movie review exercise, revisited ► Analyzing.
PowerPoint 2003 – Level 1 Computer Concepts Cathy Horwitz April 25, 2011.
Deployment General requirements Theory of Use Design Concept Contextual Studies Task model Design space System specification ImplementationDeployment Evaluation.
Planning and Writing Your Documents Chapter 6. Start of the Project Start the project by knowing the software you will write about, but you should try.
MULTIMEDIA DEVELOPMENT
Introduction to Interactive Media The Interactive Media Development Process.
Multimedia Design 1. 2 Objectives By completion of this session, you will be able to: Organize your multimedia project Develop Flowcharts and Storyboards.
Preparing Written and Oral Reports Effective Communication in CH402.
Software Project Documentation. Types of Project Documents  Project Charter  Requirements  Mockups and Prototypes  Test Cases  Architecture / Design.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 2 (4/23)
Rux Richmond User Experience Presenting Yourself: Tips for showcasing your IA experience in your resume and portfolio February 26, 2009.
Introduction to Web Authoring Bill Hart-Davidson AIM: billhd30 Session 10
Introduction to Web Authoring Ellen Cushman Class mtg. #15.
© 2008 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 22 Instructions and Procedures Technical Communication, 11 th Edition John.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
Introduction to Web Authoring Ellen Cushman our syllabus
© 2011 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 13 Designing Pages and Documents Technical Communication, 12 th Edition John.
Introduction to Web Authoring Ellen Cushman /wra210.htm.
Lesson 1. User guide LO: To develop skills required to create user documentation suitable for a given audience Review documents: To be able to re look.
Storyboard, Design, Layout.  Create storyboards  Decide upon navigation  Prepare short page summaries.
CM220 College Composition II Friday, January 29, Unit 1: Introduction to Effective Academic and Professional Writing Unit 1 Lori Martindale, Instructor.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 1 (10/21)
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
Tutorials and Quick Guides A quick introduction. Overview  Genre of Tutorial  Genre of Quick Guide  Genre of Reference  Genre of User Manual  Attributes.
BTEC IT Unit 01 Whole Unit Guidance Mr C Johnston ICT Teacher
Introduction to Web Authoring Bill Introduction #WRA210.
Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.
Introduction to Web Authoring Ellen Cushman Class mtg. #13.
INTRODUCTION TO THE WIDA FRAMEWORK Presenter Affiliation Date.
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.
ICAD3218A Create User Documentation.  Before starting to create any user documentation ask ‘What is the documentation going to be used for?’.  When.
REPORTING YOUR PROJECT OUTCOMES HELEN MCBURNEY. PROGRAM FOR TODAY: Report Reporting to local colleagues Reporting to the Organisation Tips for abstract.
Reporting your Project Outcomes Helen McBurney. Program for today: Report Reporting to local colleagues Reporting to the Organisation Tips for abstract.
A gentle introduction to Bootstrap TDAP Jeremy Shafer Department of MIS Fox School of Business Temple University Spring
Introduction to Web Authoring
Objective % Select and utilize tools to design and develop websites.
Introduction to Web Authoring
Introduction to Web Authoring
Objective % Select and utilize tools to design and develop websites.
Year 7 E-Me Web design.
Introduction to Web Authoring
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Welcome Unit R005 - Creating an interactive product using multimedia components ICT Dept.
Introduction to Web Authoring Ellen Cushman cushmane
Final Website Plan You are to create a final website of your CHOICE ( after Frau’s approval, of course). Here is the time to show me all that you have.
TC 310 The Computer in Technical Communication
Introduction to Web Authoring Ellen Cushman cushmane
Multimedia Web Site Design
Introduction to Web Authoring Ellen Cushman cushmane
Introduction to Web Authoring
Introduction to Web Authoring
Introduction to Web Authoring
Presentation transcript:

Introduction to Web Authoring Bill Hart-Davidson AIM: billhd30 Session 7

Today in Class… 1. Intro to Web Technology User Assistance project 2. Team & Topic Selection 3. What is User Assistance? 4. Examining UA examples with Wodkte’s First Principles For Next Time: 1.Refine task-oriented topics by trying out your ideas 2.Read Ch. 4 & 5 in Wodtke; and Ch. 12 in Price & Price 3.Information Design for Task-Oriented Communication

Web Tech User Assistance Project See project overview at goals of the project deliverables final due date

Web Tech UA: goals Building on page design principles, we’ll… examine site design principles, including navigation, visual and verbal design strategies for keeping users oriented Building on your genre analysis skills, we’ll draw on these skills to produce an instance of a popular web genre: user assistance

Web Tech UA: deliverables Each 2-3 person team will produce: 1.A User Assistance website 2.A process log

Web Tech UA: schedule Dates of interest for the UA project: 9/18 – Project intro 9/20 - Team/topic selection 9/27 – Storyboard review session 10/9 - Informal user tests (scripts finished) 10/16 Marked up UA page for CSS test 10/18 – Live Version Posted 10/23– User Feedback & Revision Plans 10/25 – Final Versions Posted

Web Tech UA: topics Your topic must be task-oriented. This means that it should focus on a hands-on, how-to- do-something specific…with a concrete outcome. No demonstrations allowed “Creating a linked style-sheet to control the look and feel of an entire site” “What is Javascript?” “Using Photoshop Filters” GoodBad

Web Tech UA: topic ideas Using an FTP client to move files to and from your server space

Web Tech UA: teams & topics Teams should consist of 2-3 people. Once your team is organized, you will do the following: 1.Decide on a topic; it to me and let me know who is on your team 2.Work out a plan for posting team materials, keeping the process log, etc. We will do most of this in class on Thursday 9/20

What is User Assistance? A Mini Genre Analysis Background on the UA Genre Authors Readers/Users Format & Features Formality Visuals Range of Variation

UA: Background User assistance, aka “help” or “documentation,” is a common genre on the web. UA comes in two predominant flavors: conceptual UA: “what is” information procedureal UA: “how-to” information Most UA includes some of each. Common examples include recipes, software “quick start” guides, and the famous steps on the back of shampoo bottles: wash, rinse, repeat.

UA: Authors UA is generally created by those with know-how and those with an interest in (be it financial, humanitarian, or otherwise) providing help to users seeking information. On the web, you can find UA written by manufacturers, by third-party providers, and by users for users in a variety of formats.

UA: Users UA is typically targeted to a particular segment of users which fall somewhere on a range from… Novice Expert End user Developer Administrative User …and…

UA: Format & Features UA is organized in a task-oriented manner, often in the form of discrete steps which the user follows. Overview of task Pre-reqs Steps 1 through N Troubleshooting Variations Formats can vary quite a bit in length and style, ranging from whole books (e.g. Web Design for Dummies) to user forums where specific queries are made FeaturesFeatures

UA: Visuals UA visuals tend to be functional in nature and include text and type elements, graphic elements, diagrams, and pictures. They serve 2 general purposes… To illustrate a procedure or feature To orient the user Arrows that point to the next step, type that distinguishes a “Warning”, numbers for steps examples Arrows that indicate the direction to turn a knob, screen shot highlighting a menu choice

UA: Formality The level of formality in UA really depends on the expertise of the audience and how high- stakes the task is. Very precise language and highly-tested procedures will be used in UA for diffusing a bomb. UA given on a user forum for a game website might be considerably less formal & reliable but just as precise and technical for advanced users, etc.

UA: Range of Variation ScaleChanges… Novice to Expert Ratio of conceptual to procedural information, amount of technical information, “grain size” of procedures, tone. Low to High Stakes Amount of testing done on information, # of options presented to users, # of points of verification along the way, # of warnings & cautions.

UA: Signs of Quality User can understand the information easily and make their way through the procedures without getting lost. Authors let users know ahead of time what the outcome will be, and what they must do to prepare for the task. Authors give users a way to guage progress at every step. And ways to recover from mistakes along the way.

Web UA: Signs of Quality 1.Navigating the UA, in itself, is not challenging. 2.Page layout (e.g. the grid), white space, and visual elements help the user do the task. 3.Interactive features are used to give users feedback (e.g. links to before and after versions) 4.Text is short, always follows the given-new contract, and is tightly integrated with visuals.

Wodkte’s “first principles” 1.Design for Wayfinding 2.Set expectations / provide feedback 3.Ergonomic Design 4.Be consistent 5.Provide error support – prevent, protect, inform 6.Rely on Recognition rather than recall 7.Provide for people of varying skill levels 8. …uh…well, you shouldn’t need #8 (which is provide good user assistance!)

Good Web UA follows Wodkte’s* First Principles 1.Wayfinding 2.Set Expectations/Give Feedback 3.Comfort & Safety 4.Be consistent 5.Error support – prevent, protect, inform 6.Recognition vs. recall 7.Tailored for user skill levels Pick 1 of the 3 examples of WebUA on the class home page and look for evidence of each of the features Wodkte mentions. Is it a quality example of WebUA? From Information Architecture: Blueprints for the Web

For Next Time… 1.Try out a web-based tutorial! Find one and use it to make an improvement to your project page. Link to it when you are done. 2.Next class session: peer review of GA reports 3.Next week: Information Design for Task-Oriented Communication 4.Read Zeldman - Ch. 1