Survey
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
Human Computer Interaction Human to Computer Interaction requires input from human to start & complete an activity - Input devices include: Keyboard Voice Mouse Touch Stylus Software programmers have to design HOW a human interacts with the computer Humans have to learn HOW to interact with the computer through the designed Interface. Some interfaces are easy to use others are not depending on the Usability designed into the Interface by the HCI designers Web Design is an Extension of Software Design Web design uses many Human Computer Interface design techniques - Task Analysis is one where designers look at how the user completes a task on a website The more complex the interaction - the more complex the Usability design has to be for “user friendly” interfaces It is human activity deconstructed into steps that include human action and software reaction Task Analysis technique helps the INTERACTION designer create a user friendly web site Structure Stage: Architectural Diagram User’s mental model of the interactive navigation behavior on a web site are called Conceptual Models Computer Interface design needs consistent behaviors to avoid confusing the user Navigation links should look & behave like navigation links. Static content should look & act like content. Information Architecture Concerned with designing organized navigation that allow users to move through the website easily and effectively Strategy (Brand Purpose/Goals & Persona Profiles) & Scope (Features & Content Requirements) stages give very important info on what the website has to accomplish and how much content will be included Feature Card sorts & Task Analysis techniques give insight on how user’s look for information to be grouped & the actions they may take to do something on a website Designer’s responsibility is to come up with logical web category arrangements for content & feature list that match: Brand Project Goals User Goals & Needs Architecture Diagrams Diagramming in form of organization charts give birdseye view like a city map of a website’s organization Diagrams consist of a basic unit of information called the node (similar to a city block). Allows the designers to set the level of detail needed in the mapping of a content layout. Organization diagrams fall into some generalized classes Architecture Diagrams Major tool used by information architects to show “wayfinding” pathways to different content in a website Sometimes known as site map Allows for a visual representation of the web site’s flow structure Website Architectural Diagrams • Are like city maps • Content is arranged on the diagrams like buildings are arranged on a city map • Each piece of content has a place depending on how the information architect determines the placement like a city architect determines where buildings can be placed MAP Diagram-Manhattan, New York – business function Street map shows building locations MAP Diagram of Washington DC - government function street disgram shows building locations Architectural diagram Acts as website map-Use numbers for screen IDs & arrows to show navigation paths