User Interface Software
User Interface Software CS 4470
Popular in Course
Popular in ComputerScienence
This 0 page Class Notes was uploaded by Alayna Veum on Monday November 2, 2015. The Class Notes belongs to CS 4470 at Georgia Institute of Technology - Main Campus taught by Staff in Fall. Since its upload, it has received 8 views. For similar materials see /class/234123/cs-4470-georgia-institute-of-technology-main-campus in ComputerScienence at Georgia Institute of Technology - Main Campus.
Reviews for User Interface Software
Report this Material
What is Karma?
Karma is the currency of StudySoup.
Date Created: 11/02/15
Rapid Prototyping Sketches storyboards mockups and scenarios Agenda Dimensions and terminology Noncomputer methods 0 Computer methods Poster session preview 0 Exam recap Fall 2003 CSPSY 4750 Your Project Group a DILBERT By Scott Adams IF IT HAD A USER INTERFACE YOU WOULD SEE SOME THING HERE HERE AND SOME TIMES HERE CSPSY 4750 0 ISN39T 100 Z COMPLETE Ami um mum mum synmu Fall 2003 SOME OF THAT AND THEN YOU D BE SAYING I GOTI39A GET ME Design Artifacts How do we express early design ideas No software coding at this stage Key notions Make it fast Allow lots of flexibility for radically different designs Make it cheap Promote valuable feedback Facilitate iterative design and evaluation ini m CSPsv usn 4 You can t evaluate design until it s built But After building changes to the design are ifficult rw quot 32 Simulate the design in lowcost manner ini m CSPsv usn s Prototyping Dimensions 1 Representation How is the design depicted or represented Can be just textual description or can be visuals and diagrams 2 Scope Is is just the interface mockup or does it include some computational component ini m CSPsv usn s Dimensions contd 3 Executability Can the prototype be run If coding there will be periods when it can t 4 Maturation What are the stages of the product as it comes along Revolutionary Throw out old one Evolutionary Keep changing previous design all m CSPsv usn Terminology 1 Early prototyping Late prototyping ini m CSPsv usn Terminology 2 Lowfidelity prototype Hig hfidelity prototype ini m CSPsv usn Rapid Prototyping Methods H E Noncomputer vs computerbased Typically earlier in process Typically later in process quot71 U 3 J lel m CSPsv usn m NonComputer Methods Goal Want to express design ideas and get quick amp cheap opinions on system Methods all m CSPsv usn n Design Description Can simply have a textual description of a system design 7 Obvious weakness is that it s so far from eventual system Doesn t do a good job representing visual aspects of interface all m CSPsv usn r2 Sketches Mockups errb ad Hrawwngg Bf merfazes c dfurbran m mm Fumes pecpb an hwgwwe ms gn Humans Nut sa gum fur mmaung m am the dams Quwck am they rgt haw 2mg Storyboarding Pam am pap swmu auun m mnctmnamy Shaw key snap shuts om amp em Scenarios Hypothetical or fictional situations of use Typically involving some person event situation and environment Provide context of operation Often in narrative form but can also be sketches or even videos ini m CSPsv usn ls Scenario Utility Engaging and interesting Allows designer to look at problem from another person s point of view Facilitates feedback and opinions Can be very futuristic and creative ini m CSPsv usn n Other Techniques Tutorials amp Manuals Maybe write them out ahead of time to flesh out functionality Forces designer to be explicit about decisions Putting it on paper is valuable 4 ini m CSPsv usn 8 Computer Methods Simulate more of system functionality Usuallyjust some features or aspects Can focus on more of details Typically engaging Danger Users are more reluctant to suggest changes once they see more realistic prototype ini m CSPsv usn n Terminology Horizontal prototype Very broad does or shows much of the interface but does this in a shallow manner Vertical prototype Fewer features or aspects of the 39 J 39 39 but done in great detail ini m CSPsv usn zn Prototyping Tools 1DrawPaint programs I rnuu nnrh crrnnn nnnrl m ook ll IP Address Thin horizontal prototype PhotoShopCorel Draw ini m CSPsv usn z Prototyping Tools 2 irwptad swmu auunsshde Shaw 7 m stawhaavdrhke W5 dawn m ammahed tvansmans between them onen aHed hsuffeursdpmlvtypmg Exavvv es pawwmnz HYDevcavdy Mammema Overlay HYML V Scripting Example Apple Hypercard Once a very papu ar pmmtypng cm fur swam U1 AHDWS mnm Dfswmpb card wmsmms Mere an ex b wavurs mums varmus mama Wm rut Wrmen n Ungu mguge Cmtemed Wm mace am we stage Ohyects Dasmaned m me an stave Can Expurtas meme m Web Shaniwae n2 Prototyp 9 Tools 3 mafia Embers mtafate mm 2nd at made m mm m mm W 2nd rm am mam m m a Mammym be mm Waugh vmqnmm r m m4th Visual Bas c More to Come wau Eam mare abnut va and Wm mm have an sgn mam Wm n Ms vages an the cum um Ea ware m ammuntar that m next we Prototyping Technique W Person simulates and controls system from behind the scenes Use mock interface and interact with users Good for simulating system that would be difficult to build Can be either computerbased or not ini m CSPsv usn 3 Wizard of Oz Method Behavior should be algorithmic Good for voice recognition systems Advantages Allows designer to immerse oneself in situation See how people respond how specify tasks ini m CSPsv usn 32 Prototyping Tools Good features Easy to develop amp modify screens Supports type of interface you are developing Supporls variety IO devices Easy to link screens and modify links Allows calling external procedures amp program Al ows importing text graphics other media Easy to learn and use Good support from vendor ini m CSPsv usn z