Interaction Styles Graphical User Interfaces. Graphical User Interfaces (GUI) ï· GUIs 1....

download Interaction Styles Graphical User Interfaces. Graphical User Interfaces (GUI) ï· GUIs 1. WIMP (Windows, Icons, Menus and Pointers) 2. NERD (Navigation,

of 37

  • date post

    29-Dec-2015
  • Category

    Documents

  • view

    217
  • download

    1

Embed Size (px)

Transcript of Interaction Styles Graphical User Interfaces. Graphical User Interfaces (GUI) ï· GUIs 1....

  • Interaction StylesGraphical User Interfaces

  • Graphical User Interfaces (GUI)GUIs WIMP (Windows, Icons, Menus and Pointers)NERD (Navigation, Evaluation, Refinement & Demonstration)

    GUIs are graphical interfaces.

    Most computer interfaces are GUI based.

  • GUI Interaction StylesTyped-Command Languages (Not really GUI)Data & Scientific VisualizationVisual DatabasesVideoAnimation Virtual RealityMultimedia-HypermediaTouchscreensSpeech SynthesisNatural Language

  • Interaction StylesTyped-Command Languages

  • Typed-Command LanguagesTyped-Command LanguagesUNIX, DOS, SQL

    AdvantagesProvides powerful, brief and rapid HCI.Great for power users

    DisadvantageExtensive training to learn all of the commands.Large number of errors due to typos

  • Design GuidesChoose meaningful, specific, distinctive names.

    Command format should be consistent.Examples: ls l , head -10 x.txt, etc.

    Allow easy correction of typing errors.UNIX uses arrow keys

    Allow users to create macros, shortcuts

  • Interaction StylesData and Scientific Visualization

  • Data and Scientific VisualizationInterfaces that use graphics to represent data.Models real world data (sometimes in real time)Creates visual representation of physical phenomenon

    Examples:Medical Imaging of the human body (full body scans)Fluid flow (air over an airplanes wing)Weather patterns3D Imaging of Molecules, DNA, etc.

  • Interaction StylesVisual Databases

  • Visual DatabasesRepresent data (usually textual) in a visual format.

    Multimedia databases are visual databases.

    Examples:A collection of images in a museum under a common interface.Scatter plots, graphs, Treemaps (U of Maryland)

  • Whats The Difference?Data & Scientific Visualization Typically represents real time physical phenomenonCreated as real world changes

    Visual DatabasesNot changing at the time visualization is created.Usually a historical point of view. Historical meaning not right now.

  • Interaction StylesVideo

  • VideoCaptures the real world in the form of digital video.

    Disadvantages:Formats: mpeg, avi, Quicktime, etc.Size

    Advantages:Good for some training environmentsGives the real perspective on the worldEntertaining

  • Interaction StylesAnimation

  • AnimationWhere visual databases and scientific visualization meet.

    Cartoon like representations of characters and their world.

    Common uses:Training simulation.EntertainmentEducation

  • Animation vs. VideoAnimation is made up, fictional.

    Video is real, reality.

    Both are used for the same purposes.

    When to use video vs. animation?Depends: can you get real video?Do you have animation software?

  • Interaction StylesVirtual Reality

  • Virtual RealityAllows people to immerse into interface.

    Advantages:Great for training.Good simulation environment

    Disadvantages:Expensive, at the momentDangerous to your health if it is too real

  • Interaction StylesMultimedia-Hypermedia

  • Multimedia-HypermediaWorld Wide Web

    Advantages:Accessibility is growingWe all know and use the webAccess from almost anywhere

    Disadvantages:So easy to develop, design is compromised.

  • Interaction StylesTouchscreens

  • TouchscreensYour finger is the pointer/mouse.

    Advantages:More people have fingers than those with a mouse.Durable in harsh environments and public areas.

    Disadvantages:Arm fatigue can be an issue when typing is needed.Screen space is not always appropriate

  • TouchscreensPersonal Digital Assistants (PDA) are touchscreen devices.

  • Interaction StylesSpeech Synthesis

  • Speech SynthesisAudible sounds and words from the computer.

    Advantages:Visually and physically disabled usersIt is natural to listen

    Disadvantages:Synthetic voices can be annoying for some users

  • Agent User Interfaces

  • Interaction StylesNatural Language

  • Natural LanguageHCI is accomplished using natural language.This could be spoken or typed natural language.HCI is close to Human-Human Interaction.

  • Natural LanguageAdvantages:It is natural to interact naturalRequires less training

    Disadvantages:Speech recognition is good, but not really good.

  • Interaction StylesInteraction Style Selection

  • How To Select Interaction Style?Typed-Command Languages (Not really GUI)Data & Scientific VisualizationVisual DatabasesVideoAnimation Virtual RealityMultimedia-HypermediaTouchscreensSpeech SynthesisNatural Language

  • Interaction Style SelectionUser Centered DesignDo the users like cartoons, video?Visually and/or physically disabled?What interaction style are the users use to using?

    EnvironmentPublic accessInternet accessClassroom accessInfrastructure

  • Interaction Style SelectionMoneyHow much do they want to spend?

  • ExampleClient: Local school district.

    Goal: Provide students with up to date information on school events.

    How do you proceed?

  • ExampleClient: Local school district.

    Goal: Educate students on racial tensions in America in the 20th Century, for their school districts region.

    How do you proceed?

  • ExampleClient: Google.

    Goal: Provide employees with 401K updates.

    How do you proceed?

  • ExampleClient: FOX Sports.

    Goal: Provide online viewers with up to date stats on currently running games.

    How do you proceed?

    ************************************