320 likes | 575 Views
The Interaction. IACT 403 IACT 931 CSCI 324 Human Computer Interface Lecturer: Gene Awyzio Room: 3.117 Phone: 4221 4090 Email: gene@uow.edu.au. Overview. Notion of interaction, interaction frameworks Ergonomics Interaction styles Context of interaction. Interaction Frameworks.
E N D
The Interaction IACT 403 IACT 931 CSCI 324 Human Computer Interface Lecturer: Gene Awyzio Room: 3.117 Phone: 4221 4090 Email: gene@uow.edu.au
Overview • Notion of interaction, interaction frameworks • Ergonomics • Interaction styles • Context of interaction
Interaction Frameworks • Interaction: the communication between theuserand the system • Why have a framework? • Allows contextualisation, presents a globalview
Terms of Interaction • Domain: Area of expertise and knowledge in real-world activity • Tasks: Operations to manipulate the concepts of a domain • Goal: Desired output from a performed task • Intention: Specific action required to meet goal. • Task Analysis: Identification of problem space for the user in terms of the domain, goals intentions and tasks.
Interaction Frameworks • Donald Norman’s Interaction framework • user establishes the goal • formulates intention • specifies actions at interface • executes action • perceives system state • interprets system state • evaluates system state with respect togoal
Interaction Frameworks • Some systems are harder to use than others • Gulf of Execution - user’s formulation ofactionsmay be different to those actionsallowed by thesystem • Gulf of Evaluation - user’s expectation of thechanged system state may be different to theactualpresentation of this state • Norman’s model concentrates on user’s view of theinterface only
O S U I Interaction Frameworks • Extended by Abowd and Beale:theirinteraction framework has 4 parts • User • Input • System • Output • Each has its own unique language. • Interactionnecessitates translation between languages
Interaction Frameworks • Problems in interaction occur whentranslationbetween one language and thenext is difficult, orimpossible. • User intentions translated into actions at theinterface, • Translated into alterations ofsystem state, • Which in turn are reflected inthe output display • Which is interpreted by the user.
Interaction Frameworks • These are general frameworks forunderstandinginteraction • not restricted to electronic computersystems • identifies all the major componentsinvolved ininteraction • allows comparative assessment ofsystems • an abstraction
Ergonomics • Study of the physical characteristics ofinteraction. • Also known as human factors. • Ergonomics good at defining standardsandguidelines for constraining the waywe design certainaspects of systems.
Ergonomic Considerations • Arrangement of controls and displays • e.g. controls grouped according to function, orfrequency of use, or sequentially • Surrounding environment • e.g. seatingarrangements adaptable to copewith allsizes of user
Ergonomic Considerations • Health issues • e.g. physical position, environmentalconditions (temperature, humidity),lighting,noise • Use of colour • e.g. use of red for warning, greenfor okay, • awareness of colour-blindnessetc.
Interaction styles • Interaction can be seen as a dialogue between thecomputer and the user. Some applications havevery distinct styles of interaction. • We can identify some common styles • command line interface • Menus • natural language • question/answer and query dialogue • form-fills and spreadsheets • WIMP
Command line interface • Way of expressing instructions to the computerdirectly • Can be function keys, single characters,short abbreviations, whole words, or a combination. • Suitable for repetitive tasks • Better for expert users than novices • Offer direct access to system functionality • Command names/abbreviations should bemeaningful • Typical example: the Unix system
Menus • Set of options displayed on the screen • Options visible so demand less recall • Rely onrecognition so names should bemeaningful • Selected by using mouse, numeric oralphabetickeys • Often options hierarchically grouped: • Sensiblegrouping is needed
Menus • Menu systems can • be purely text based, with options presented asnumbered choices, or • have graphical component, with menuappearing in box and choices made eitherby typinginitial letter, or moving aroundwith arrow keys • Restricted form of full WIMP system
Natural language • An attractive option: • Familiarspeech recognition or typed natural language can beused • Problems • Vague • Ambiguous • One solution • Try to understand a subset
Query interfaces • Question/answer interfaces - user is led throughinteraction via a series of questions. • Suitable for novice users but restricted functionality. • Often used in information systems. • Query languages (e.g. SQL) used to constructqueries to retrieve informationfrom database. • Effective use requires understanding of databasestructure and language syntax, hence requires someexpertise.
Form-filling interfaces • Primarily for data entry or data retrieval. • Screen like paper form. • Data put in relevant place. • Requires good design and obvious correctionfacilities.
Spreadsheets • VISICALC first (early 1980s) • Lotus 1-2-3, Excel common today • Sophisticated variation of form-filling: • grid of cells, each of which can contain a value or aformula • formula can involve values of other cells e.g. sumof all cells in this column • user can enter and alter data andspreadsheet willmaintain consistency and ensure formulae arecorrect
WIMP Interface • Windows • Icons • Menus • Pointers • (or windows, icons, mice, and pull-down menus) • Default style for majority of interactive computersystems today, especially PCs and desktopmachines
Windows • Areas of the screen that behave as if they wereindependent terminals • Can contain text or graphics • Can be moved or resized • Can overlap and obscure each other, or can be laidout next to one another (tiled) • Scrollbars allow the user to move the contents ofthe window up and down orfrom side to side • Title bars describe the name of the window
Windows • Icons • Small picture or image, used to represent someobject in the interface, often a window. • Windows canbe closed down to this small representation(iconised) allowing many windows to be accessible. • Icons can be many and various - highly stylized orrealistic representations.
Pointers • Important component, since WIMP style relies onpointing and selecting things such as icons andmenu items. • Usually achieved with mouse • Joystick, trackball, cursor keys or keyboardshortcuts are also used • wide variety
Menus • Choice of operations or services that can beperformed offered on the screen. • Required option selected with pointer
Menus • Problem - menus can take up a lot of screen space • Solution - use pull-down or pop-up menus • pull-down menus are dragged down from asingle title at the top of the screen • pop-up menus appear when a particularregion of the screen (maybe designatedby anicon) is clicked on • Some menus are pin-up menus - they stay on thescreen until explicitly requested to go away.
Menus • Anothertype is the fall-down menu - similar to the pull-down,but the bar doesn’t have to be explicitly selected. • Also cascading menus - one menu selection opensanother menu adjacent to it, and so on. • Pie menus - menu options arranged in a circle. • Easier to select item (larger target area) and quicker(same distance to any option)
Menus • Keyboard accelerators sometimes offered • keycombinations that have same effect as selecting themenu item • General problem: what to include in menus at all,and how to group items.
WIMP additions • Buttons - individual and isolated regions within adisplay that can be selected to invoke an action. • Radio buttons - set of mutually exclusivechoices • Check boxes - set of non-exclusive choices Check Boxes Buttons Radio Buttons
WIMP additions • Palettes - indicate the set of possible modesavailable, plus the current mode. • Usually acollection of tiled icons • Example: a drawing package may have a paletteindicating whether boxes, circles, lines or text arebeing drawn, another that indicates the set of fillpatterns available, and another thatindicates thecolours available
WIMP additions • Dialogue boxes - information windows that pop upto inform of some important event or request certaininformation. • Example: when saving a file, a dialogue box isdisplayed to allow the user to specify the filenameand location. Once the file is saved, the boxdisappears. • Collectively known as widgets • A particular style of drawing these widgets, and theirbehaviour when activated, makes up the look andfeel of an interface.
Social and Organizational Context • Interaction affected by social and organizationalcontext • Other people - desire to impress,competition, fearof failure • Motivation - fear, allegiance, ambition, self-satisfaction • Inadequate systems cause frustration and lack ofmotivation
玻璃钢生产厂家盐城玻璃钢鹿雕塑人物玻璃钢雕塑费用做玻璃钢雕塑设计广东玻璃钢卡通雕塑橘子定制句容设计玻璃钢雕塑公司园林玻璃钢花盆玻璃钢雕塑制作厂家宜春玻璃钢马雕塑四川主题商场美陈费用合肥玻璃钢雕塑厂家万源玻璃钢雕塑制作青岛人物玻璃钢雕塑发光小品玻璃钢雕塑摆件玻璃钢古代人物雕塑厂家浙江常用商场美陈制造贵州省玻璃钢雕塑哪里好新型的玻璃钢雕塑斑马玻璃钢雕塑泡沫雕塑公司保山市玻璃钢雕塑哪里买杨浦区镜面玻璃钢雕塑推荐厂家商场开业美陈注意事项台湾玻璃钢雕塑仿真牛仿古铜玻璃钢动物雕塑多少钱蓬江商场美陈湖南玻璃钢雕塑方案玻璃钢草莓猫咪雕塑北京 玻璃钢雕塑合作淮南特色玻璃钢雕塑制作玻璃钢异形雕塑生产厂商惠州园林玻璃钢雕塑制作香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万