ME 290 Global Engineering Seminar 20081 Web Design: Graphics and Text  Perspective: human information processing.  Contrast: traditional print media.

Slides:

Advertisements

Similar presentations

Re - visiting the Digital Space for Audiences Sake A Perspective.

Advertisements

Working with PowerPoint

An Introduction to Computers For Middle School Students Mrs. G-Smith (University of Tennessee)

PowerPoint Basics. PowerPoint basics: Part 1 An introduction to producing PowerPoint presentations as ONE tool to help you deliver your message Presented.

1 Today’s Goal: Web Design for Usability To become able to appreciate the role of usability in Web design To become able to identify some of the factors.

NSF DUE ; Laura Johnson Cherie Aukland.

ViewTrip White Label Sales Presentation. What is ViewTrip White Label? >ViewTrip White Label is a version of our web based ViewTrip product that enables.

Web 2.0 Web 2.0 is the term given to describe a second generation of the World Wide Web (WWW) that is focused on the ability for people to collaborate.

Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.

User Centered Web Site Engineering Part 2. Developing Site Structure & Content Content View Addressing content Outlining content Creating a content delivery.

June is an easy way to communicate. It costs nothing to send an , but it does require a connection to the Internet. You can.

Communication Skills for Architecture Students

Chapter 4 Typography Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.

Chapter 4 Typography.

 Write and draw a 6-panel comic strip/mini graphic novel about a time that YOU experienced teen angst.  Make sure that your graphics and text combine.

What is Multimedia? Multimedia is a combination of text, art, sound, animation, and video. It is delivered to the user by electronic or digitally manipulated.

CROSBY VILLAS WEBSITE OBJECTIVES Repository for CV HOA Documents, Notices, Directives Communication vehicle to members for all CV HOA activities Accessible.

Austin and Doust’s New Media Design. In our excerpt from their book New Media Design, Tricia Austin and Richard Doust add nine more terms to our growing.

Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.

4.5 Multimedia Production. Learning Outcome 1. Design the structure and user interface for a multimedia project. 2. Produce a successful multimedia project.

Chapter 14 Web Design © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

GIS for Environmental Science ENSC 3603 Class 19 3/24/09.

Introduction to Interactive Media 06: Text: Static Interactive Media Component.

ELA: Focus on Informational Text FCUSD Instructional Focus Meeting Lari Miller-Powell & Sara Parenzin March 22, 2012.

Don’t Make Me Think Steve Krug Dean Steuer MFC 215.

Making Web Content Accessible to Everyone Web Accessibility Team June 9, 2015.

Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;

Organizing Your Information

Institute for Culture and Society ICS UWS Web Forum Presentation 20 May 2015.

Multimedia Design 1. 2 Objectives By completion of this session, you will be able to: Organize your multimedia project Develop Flowcharts and Storyboards.

Teacher Expectations Content is most important and must be done first before “making it fun.” ex. graphics, colors, sounds –graphics and sounds must be.

What makes a good interactive resume? Click for detailed information Multimedia Navigation Communication.

TEKS: E1.Fig19B E1.5A,B,C,D.  Understanding connections between literary elements facilitates the reader’s ability to make meaning of text.  What techniques.

Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.

Information Architecture Navigation. Goals 1. Organization systems 2. Navigation: Conventions 3. Login & Forms Task | Dreamweaver 4. Client Project 2.

Chapter 1 Review Chapter 2 Whatcha Gonna Do???

Graphic Organizers. Free Template from 2 Index of workshop Graphic Organizers workshop.

© 2008 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 22 Instructions and Procedures Technical Communication, 11 th Edition John.

Web Usability1. Goal : Your average user can use it without frustration. Usability guidelines:  Don’t make users think.  Avoid obscure messages. Web.

Handouts/Notices Lectures Self-tests Internet Resources.

Media Literacy. Purpose To gain an understanding for the role that media plays in our lives To be able to analyze various forms of media text To make.

Why book trailers? By June Henson Librarian, Downing Middle School.

Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.

Chapter 23: GUI Design Spreadsheet-Based Decision Support Systems Prof. Name Position (123) University Name.

Dasar-Dasar Multimedia

How to optimise your WordPress website for search engines and get your offerings found by the right people Presented by: Women In Business with Maggie.

Images. Intro What is it? Getting your image Inserting Moving Resizing Cropping.

English for Careers Chapter 14 Writing for Multimedia.

Originally told by Aesop. The Story Jacob’s Ladder Goals & Objectives Habits of Mind.

WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.

Writing Workshop Writing a Compare-Contrast Essay Assignment Prewriting Select a News Event Compare and Contrast Coverage Form a Thesis Organize Your Essay.

1 CP586 © Peter Lo 2003 Multimedia Communication Analysis & Design of Electronic Communication.

 The same story, information, etc can be represented in different media  Text, images, sound, moving pictures  All media can be represented digitally.

4-0 MULTIMEDIA INFORMATION AND COMMUNICATION TECHNOLOGY.

Graphic Communication Ch7- Pt1. What is Graphic Communication? Graphic communication is the field of technology that involves the sending of messages.

Spring 2008 Week 9 Global Engineering Professional Seminar1 Agenda Week 9 Global Engineering Professional Seminar Ethics Memos due today—please include.

Weaving a Personal Web: Using online technologies to create customized, connected, and dynamic learning environments.

Vital Elements of Designing Amazing Posters

Section B Elements of the Gothic 2 hours long 40 marks available for Section A, 40 marks for Section B.

Sharing Acclaim Badges

Graphics Practice.

图片墨迹时尚商务PPT模板 I’m a great place for you to tell a story and let your users know a little more about you. I’m a great place for you to tell a story and.

Multimodal rhetoric January 29, 2018.

Ask yourself these questions to help you understand what you read:

YOUR text YOUR text YOUR text YOUR text

Arguing Through Similarities and Differences

FICTION VS. NONFICTION.

Common mistakes in scripts

The Elements Of Expressive Writing

Presentation transcript:

ME 290 Global Engineering Seminar Web Design: Graphics and Text  Perspective: human information processing.  Contrast: traditional print media versus web.  Web is non-linear, visual; but also includes the linear and verbal.

ME 290 Global Engineering Seminar Visual Right Brain Verbal Left Brain simultaneoussequential notices patternsdetects features syntheticalanalytical intuitiverational timelesstime-centered subjectiveobjective wants overviewinterested in details

ME 290 Global Engineering Seminar Verbal Frames Synergism of verbal and visual

ME 290 Global Engineering Seminar Verbal frame adds coherence  Increases value for user

ME 290 Global Engineering Seminar “Can Crusher” --User focus? Technical readers process graphics first.

ME 290 Global Engineering Seminar Axial Compression –User focus?

ME 290 Global Engineering Seminar Radial Compression – User focus?

ME 290 Global Engineering Seminar Challenger Graphic

ME 290 Global Engineering Seminar Powerpoint Synergism  Even with just text: Spatial arrangement of verbal material builds visual display of structure  Easy to add graphics and speech  Multimodal: print plus presentation plus posting

ME 290 Global Engineering Seminar Designing Effective Web Communications  Build on conventions of both seeing and reading. Visual and verbal Holistic and elemental Synchronous and sequential  Provide non-serial, “more than one direction of travel” options for users.  Allows unique construction by user.  “Authority” is not controlling.

ME 290 Global Engineering Seminar Special Issues for Resumes  Formal résumé is bound by print conventions, but may be “retro fitted” : ü Links support development (depth) ü Links should not send visitors away via affiliations

ME 290 Global Engineering Seminar Practical accommodations  Convey meaning spatially—a strength of PowerPoint, emphasis on message structure  Forecast frequently: provide overviews—summarize choices available use descriptive labels for links, e.g., Print-friendly résumé not click here for résumé  User rules: Jacob Nielsen’s

ME 290 Global Engineering Seminar Engineering Exhibit Challenge  Tell a story: STAR!  Use visuals for impact and processing speed Include the person (you!) as the central character.