12
ME 290 Global Engineering Seminar 2008 1 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 20081 Web Design: Graphics and Text Perspective: human information processing. Contrast: traditional print media

  • View
    216

  • Download
    2

Embed Size (px)

Citation preview

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

ME 290 Global Engineering Seminar 2008

1

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.

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

ME 290 Global Engineering Seminar 2008

2

VisualRight Brain

VerbalLeft Brain

simultaneous sequential

notices patterns detects features

synthetical analytical

intuitive rational

timeless time-centered

subjective objective

wants overview interested in details

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

ME 290 Global Engineering Seminar 2008

4

Verbal frame adds coherence

Increases value for user

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

ME 290 Global Engineering Seminar 2008

5

“Can Crusher” --User focus?Technical readers process graphics

first.

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

ME 290 Global Engineering Seminar 2008

6

Axial Compression –User focus?

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

ME 290 Global Engineering Seminar 2008

7

Radial Compression – User focus?

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

ME 290 Global Engineering Seminar 2008

8

Challenger Graphic

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

ME 290 Global Engineering Seminar 2008

9

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

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

ME 290 Global Engineering Seminar 2008

10

Designing Effective Web Communications

Build on conventions of both seeing and reading.Visual and verbalHolistic and elementalSynchronous and sequential

Provide non-serial, “more than one direction of travel” options for users.

Allows unique construction by user.“Authority” is not controlling.

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

ME 290 Global Engineering Seminar 2008

11

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

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

ME 290 Global Engineering Seminar 2008

12

Practical accommodations

Convey meaning spatially—a strength of PowerPoint, emphasis on message structure

Forecast frequently:provide overviews—summarize choices availableuse descriptive labels for links, e.g.,

Print-friendly résumé not click here for résumé

User rules: Jacob Nielsen’s http://www.useit.com

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

ME 290 Global Engineering Seminar 2008

13

Engineering Exhibit Challenge

Tell a story: STAR!

Use visuals for impact and processing speed

Include the person (you!) as the central character.