The Effect of Media Richness on Annotations

Slides:

Advertisements

Similar presentations

Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas.

Advertisements

Metadata for Digital Content at the Library of Congress Jane Mandelbaum Information Technology Services Library of Congress May 2009.

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

TOPIC LEARNING BTEC Level 3 Unit 28 Websites L01- Understand the customer requirements L02- Create a website design that meets the audience and purpose.

Situation in which I need UX evaluation Product E.g. a smart phone; an e-commerce site; a lamp; a health self-monitoring system for elderly Design stage.

Does It Work? Evaluating Your Program

WebLearn site templates Feedback welcome!. Properties of a course site Initial content – Standard, reusable documents – Initial starting point – Leading.

DENIM A Brief Tutorial By Philip Luedke. Introduction An Informal Tool For Early Stage Web Site and UI Design Early Stage Web Site and UI Design DENIM.

CS451 Bloch Project1 R.A. Bloch Cancer Foundation Project University of Missouri-Kansas City CS451 – Software Engineering.

DENIM: Finding a Tighter Fit with Web Design Practice James Lin, Mark W. Newman, Jason I. Hong, James A. Landay April 6, 2000 CHI 2000, The Hague

Stanford hci group / cs376 Design Processes and Tools Sharon Lin Bowen Li.

SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.

Click anywhere to continue Making annotations Annotations form the substance of the discussion within a SHARP conference. They may be: Y help to explain.

Multimedia in Presentations Justin Gray COMM 165.

Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.

DENIM Reading Discussion Made for you by Sheila Vyas

DENIM A Sketching Tool for Prototyping Web and Desktop UIs Mark Newman and Jimmy Lin Group for User Interface Research UC Berkeley July 8, 1999.

Written by Troy Hicks Presentation by: Amanda Mikrut, Lindsey Victor, Kevin Harris.

THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.

1 Damask A Tool for Early-Stage Design and Prototyping of Multi-Device User Interfaces G r o u p f o r User Interface Research University of California.

5 Planning a Web Site Section 5.1 Determine the purpose of your Web site Define the target audience for your Web site Write a mission statement Section.

A Visual Language for Sketching Large and Complex Interactive Designs Michael Thomsen University of Aarhus G r o u p f o r User Interface Research University.

Jia Sheng, DGP, Sketching for Interface Design Jia Sheng

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 2 KellerAdobe CS5 ACA Certification Prep Flash Domain 2: Identifying Rich Media.

So You Want a Web Page!. What is a Web Page? According to Webopedia, a web page is: A document on the World Wide Web. A Web site is really a bunch of.

Section 5.1 Section 5.2 Determine the purpose of your Web site

Digital storytelling in presentation of cultural heritage: The case study of the Vizier’s residence in Travnik Vanja Jovišić Sarajevo School of Science.

Tuesday 13 th October MIREC Documents Procedures MIREC-1 - Terms of Reference & Procedure for MIREC Review of Research Projects Involving Human.

Web 2.0 Applications for PD Support Kim Peacock, B.Ed., M.Ed.

LT: I CAN DEMONSTRATE MY UNDERSTANDING OF DIFFERENT WAYS TO ‘TEST CLAIMS’ BY READING AND ANNOTATING AN ARTICLE BASED ON WAYS TO TEST THE AUTHOR’S CLAIM.

Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.

1 DENIM: An Informal Web Site Design Tool Inspired by Observations of Practice CS 376 – Research Topics in HCI 11/01/2005 Tony Tulathimutte.

1 Web Tour. 2 Materials License Web Tour 3 Materials License Moderator View Follow Me Publish URL to Chat Go to URL…

Introduction to Interactive Media The Interactive Media Development Process.

Web Development. Interaction Design How is information organized? How will people find their way around the site? How will people work with the information?

Methods: Deciding What to Design In-Young Ko iko.AT. icu.ac.kr Information and Communications University (ICU) iko.AT. icu.ac.kr Fall 2005 ICE0575 Lecture.

Web Site Planning CITA 330 Fall 2010 Prof Mills 1.

Domain 1 – Setting Project Requirements ACA Certification Adobe Rich Media Communications Using Flash Professional CS6.

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

Producing Web-Based Digital Media Basic Concepts.

Adobe Certified Associate Objectives 1 Setting Project Requirements.

Module 6: The Design Process LESSON 8 The Development Process Module 6: The Design Process LESSON 8.

ADDIE: Development, Implementation and Evaluation C. Candace Chou University of St. Thomas.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® DESIGN PROJECT PRODUCTION PHASES.

Unit 2: Multimedia “Energise your life” Project.  DiDA website DiDA website.

Making a Plan for a PowerPoint Show

LANGUAGE LEARNING AND FUN WITH POWERPOINT Presentation Software.

HISTORY DAY Project Categories. Types of Presentations n Research paper (individual only) n Documentary n Exhibit n Performance n Web site.

To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.

Appendix A Becoming an Adobe Certified Associate.

PRUnit B064: Creative use of ICT

Kypros-net Website : Greek Tutorial Program SI 622 Evaluation of Systems and Services M. Elledge P. Zaphiris.

Generation Nexters’ Financial Learning Environment Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre Knikki Crenshaw Hank Henry Nancy Rice.

Prototyping Creation of concrete but partial implementations of a system design to explore usability issues.

Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.

Multimedia Fundamentals

4-0 MULTIMEDIA INFORMATION AND COMMUNICATION TECHNOLOGY.

Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.

Web Site Design Building a Web site that gives users what they need.

Generating data with enacted methods

ESPON Internal Seminar 2012

Section 5.1 Section 5.2 Determine the purpose of your Web site

DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.

The Development Process

BRIDGET Demo June, 23, 2015.

Task 5: Meeting the client brief (THE FINAL TASK!)

Yi-Hsuen Shih’s personal Web site

DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.

A01 DESIGN To be completed Your proposal  Your House style 

Web Design 1 Website Construction.

Presentation transcript:

The Effect of Media Richness on Annotations Jimmy Lin CS 294-4 December 3, 1999

Background: DENIM Sketch-based tool for designing web sites Targeted for early stage web design Pan-and-zoom interaction

DENIM Canvas

DENIM: Creating Pages

DENIM: Creating Pages

DENIM: Site Map View Zoom Slider

DENIM: Storyboard View

DENIM: Sketch View

DENIM: Run Mode

Annotations Designers often annotate designs Designers also discuss ideas with each other “Audio annotations"

Pen Annotations

Audio Annotations

Audio Annotations

Audio Annotations

Audio Annotations

Annotations and Media Richness According to media richness Audio annotations richer than written annotations  Should carry different content Neuwirth et al (1994) Voice annotations focused on purpose, audience Written annotations focused on substance Similar conclusions for design documents?

Informal Study Participants: 4 web designers Briefly demonstrate DENIM Give three web designs Annotate One with ink One with voice One with whichever designer wants

Informal Study Record and analyze Time to annotate How many items were annotated Type of content in annotations Satisfaction of reviewer Usability concerns Overall reaction