交互设计案例分析

交互设计案例分析实验三界面设计一般原则的实践案例【实验目的】通过上机实践体会界面设计的一般原则，从而增加对相关的界面设计模式的理解。【实验环境】IE5.0以上，可以上网。【实验要求】参照实验指导给出的界面设计案例，自己去发现符合界面设计原则的案例。案例来源可以是任何可以获取到的系统或应用。例：淘宝、百度、新浪、QQ、微信、人人网、相关网关、游戏、移动应用等。尽可能是找正向案例，如果有合适的反向案例也可。将“你的发现”记录下，有图有文有真相。【实验指导】（一）界面一致性丄设计模式界面设计在同一个系统内保持一致；界面设计与常用软件、用户使用习惯保持一致■同一系统内界面用语保持一致，每种概念和用语只有一种表达文本含义和行为是否出现在是否出现在热键快捷键按钮上菜单上OK接受输入的数据或显示的响应信YesNoNone<Return〉or息，关掉窗口〈Enter>Cancel不接受输入的信息，关掉窗口YesNoNoneEscClose结束当前的任务，让程序继续进行；关掉数据窗口YesYesAlt+CNoneExit推出程序NoYesAlt+XAlt+F4Help调出程序的帮助信息YesYesAlt+HFl■同一系统内界面风格保持一致。每种控件的只有一种样式：窗口、按钮、菜单、对话框等；同一系统内字体、颜色、布局、位置、尺寸、间距等尽可能保持一种格式。

幵砖兩肖页i奸友is瀚.:■覽G跖BHe幵砖兩肖页i奸友is瀚.:■覽G跖BHe1JD轧曲日记痔jfwm日已|好却归记审旧记界面风格（例：菜单组织、快捷键设计等）与常用软件、用户使用习惯保持一致文件®編辑电）视图®插入G）格式功工具工J新建①〕…匚tr!4Ns打开©…Ctrl+O关闭©fj俣存①〕Ctrl4S另存为…丄你的发现探导航一般会在页面的左侧和上方，界面风格与常用软件、用户使用习惯保持一致,同一系统内界面风格保持一致。|^bl-lfi.u1:'rrr.tLcbL4.cvi■]9t*xStttf?卿工I兰看|^bl-lfi.u1:'rrr.tLcbL4.cvi■]9t*xStttf?卿工I兰看⑴-Ka^1^1ZRUEW-輯逹选以卡mEliS'fl.-F电I9.KEB口妙刖連含區Q）Clrl+TCul+ECIeL+F打开电:!… C11.L-H]RflHieri«H郴貝或肮oi加 悶ItiiQ）闽乎 C-rLJ£号在力％—cwin崔索扯上tJt虹赳回OPntP（E：i.打印fl龍卽CirL+J电送城 康行云手机kilTrt(rj涯出版」■g运动户殊芒?B于机菽码—事1¥护蛀技审1kilTrt(rj涯出版」■g运动户殊芒?B于机菽码—事1¥护蛀技审1n櫛国京A$1lb.S1W产》1口田百帖^ffirnwian全场5折旦邮斗I8计一诂6顾了!s*酣就……折后満300这祐07卫％年优收益简约不失犬气怙盹论乜克主汕耳繼反网15县 淘玄（WT于IS门五菲在酋多岀丘左生中T5W肝LZfig苛丰魯丽幵E?Hf■«=fIprz： ;.igi昶彌全m抵理便民保务«▲0]£f1#理i'^l（二）快捷方式对常用操作、烦琐的操作、突发状态下的操作、最近频繁操作等提供快捷操作方式。■提供快捷方式，更快的操作入口，以减少査找时间。AdobePhotoshop图像MicrosoftOfficePublisher文档MicrosoftWord文档AdobePhotoshop图像MicrosoftOfficePublisher文档MicrosoftWord文档MicrosoftOfficeAccess应用程序MicrosoftPowerPoint演示文稿巴文件夹（Fj新建（四）雇性｛或■最近频繁使用列表，更快的操作入口，以减少査找时间。贝面设置oa…打印预览世〕印1/1Cti-1+P1尽戶㈡_f闸三就汨小吋上、孟产学咒,、机下可'人农石耳「讦帝...Z11禺1|：和，'痒由IU1T■:切|也.汕1I-3F壮卜：於汾HIT甘\攻陟lYdft.：羊咒\..「亠址:：识片丨■操作过程和步骤优化，去除不必要的按钮，以减少交互次数。正在SESftC65337050^正在SESftC65337050^>..惑 油 I■一键式、打包操作，以减少操作过程的烦琐一讎忧化^1'+a:yyasklirgTr.Jasklirg<^■一键式、打包操作，以减少操作过程的烦琐一讎忧化^1'+a:yyasklirgTr.Jasklirg<^]童送对叵：2C10^5f2CE&：55：3&收?I牛几:lilacs2C10（川日匚5却10食hecri]01个附件|-嵯萼冃詩羲差叵發让10玄5KB）

nnr^cott.JPG71102.5KE1~—■批处理操作，以减少重复操作。收件箱侯i强封庶中鲤a5。虬建i竺睦;空犢口百50潇蒯附，窓鳥全報为姿菽煽畴殖議-提供默认值（例：当天日期、用户常用选项等），以减少不必要的用户输入MITRANSIT逾'TiraiirtS=ehi^ivliHliaft呂Frliingtfi^riigiin-SGaViomi;| TorxPerwi-5uinkxiDD4 iiflA-ti^aEi UQnkJaDateo>fTraveli[空]Ccti&iQ*](tfiewScheuuK飞<^nnnsiclAri- 1*1l^b02012MJIRAM^rr.Al庄即呵Ftweeefl'« e*m |※发邮件时，发件人自动显示，无需格外备注发件人：□46@>丫 苴忆选项（三）错误处理丄设计模式对容易误操作的、操作会带来不良后果的、重大的错误必须要提供错误处理错误预防、操作限制：不适当的菜单选项灰色显示、限制错误输入（例：数字域限制字母输入）、可能引起损害的操作前的用户确认■错误检测：检测到错误、明确提示用户错误原因及可能的操作指导，让用户知道怎么做确HTTP心未找刮HTm彳瞧无法揭到谏刚巾HTm址可自戲原因圧：+ffiltsat中可■鶴挣芒崔人辰*”三您点主M吓心时.它可黄已过用巒可以芸试限下Mt作：■理习到F-可」■错误容忍，必要时提供错误纠正。codepre^&戀要找的是不是:ggpl訂错误恢复，尽可能恢复到错误前的状态，以减少损失。由"半由"半-=耳_-=耳_T火qIITHHl虚乞十I'A〒q十||A"I耳AR切」一4K-ffll'城严 /tw戎岡UdllbtrlCW^LlE^O|E £ U-※发现因手误删除邮件，可以在已删除中找回。Q写信A收信E3通讯录星标邮件群邮件2）彻底删陳转发全部标为已读标记为….Q写信A收信E3通讯录星标邮件群邮件2）彻底删陳转发全部标为已读标记为….〒移动到….〒r 发件人 主题wjjl；係筑将目瓦谢谢欽悠己竺怦::阳转发全劭标为已读标记为…〒移动到..一〒rldApple 音验证短提供的地址是否正确I?—1~:—!■■■±-tJ.'-d=.（W底删除QQ踊件订阅（1》耳他那箱（四）信息反馈丄设计模式对于不常用操作、重要操作（帐户、交易等数据）、长时间操作、探索性操作等需要将操作状态、操作结果及时反馈给用户。通过进一步的信息反馈来猜测用户的意图。■重要操作的操作结果可知。2-确认订单值总.订单關3盟也百0订单關3盟也百0己提虫.东計3月25BJ*达.44^-^EKB/s■根据用户输入提供相关的信息反馈，以减少方便用户输入或减少记忆负荷||立叶_人一=©I*"SS237OSOQ'*-^6&2370SOQ姮Jqqcom>44^-^EKB/s■根据用户输入提供相关的信息反馈，以减少方便用户输入或减少记忆负荷||立叶_人一=©I*"SS237OSOQ'*-^6&2370SOQ姮Jqqcom>1“S3493了 34P37PCI9錘口口匚口“佯站育■津％壬白勺10百一,B<7-^LO3-^LTI03@qqco.m>3©S503 '・v3&e503 @qq_com^■记住用户的输入和选择Alilacs2010@洁输入密码匝下衣自动登录€忘记密码登录还没有微傅？立即注册甲■根据用户输入来猜测用户意图布1屮潮山ijdrill' T」i口 r-if-i-.1叫1 M.帧加序A-l1 h-i:-■■--qingmiiingl

$2发布成功季口13❹口四曰囲丄你的发现※输入部分信息能够快速査找符合信息的收件人L?写信昼收借L?写信昼收借EZ週诩录詳■幷门）旦！瞬晋通邮件 霹椁并贺卡 明信片 昔视频整冲彌］（五）操作可逆对大多数操作的出错，允许用户撤消操作、回退到指定点。■对用户操作给预撤消、还原的机会。■用户操作恢复到指定点。※在输入文字时，因手误多删了文字，可用快捷键ctrl+z 撤销之前删除的操作。（六）联机帮助4设计模式通过注解、TIPS、导航、向导等方式，帮助用户学习、更好的使用产品。■对于新用户，提供快速介绍和简短的教程，但也允许跳过。新手地新手专区变易安全消费雪示新手注册新手学堂阴小时在线帮助■根据用户操作场景的上下文内容，提供合适的帮助。丄你的发现※当用户接触一个软件，会提供一些帮助匚齡4界由1段il军不总期 ■；.-rn..lril..r.l I:件（I）第JS（E]观图皿插入①棺二UJ1Eu1表秸⑻l.zmdrmrni!床-1血占3呂詔9A睜呈曲电團6呼7鲁园丨"釦审瞰■*■=Picr^softOffice¥-：Td帮助⑩FL丘示OfficeWWiajt亍T7已旳辰辽十二T显示翅”刃町否*曲*」呻”」PicrosaEtU±Eicsdelin亡匹J与拘n联馳）；汕：：|话比|.品巴客尸贞is立顶区』G』.畑羨⑤”前往⑨”专—1讥环帀1H:计尽二巧[1|」，.1*-浓 *事丹同更新目录00jf）J1呂1為生iBITiw陷皿伍F酹” 回』Ulp]= IiEJ我如笠曲孕-====-□66+2+68关于Hicr050ftOfficeVcrd卽（七）有表现力的界面丄设计模式包括美感和情感二部分。美感主要体现在外形、美感、感官体验等本能层面；情感主要体现在文化、个性、社会性、价值观、尊重、自我肯定等反思层面。■经典美感。界面外观清晰、整洁、给人予以愉悦感帀住帀•l荚革u*EUlKIAES-r-ilUIEI】 上E 帀住帀•l荚革u*EUlKIAES-r-ilUIEI】 上E a1J：HE•iut**ia:*s*J-Ei-CIW「[±MMS^.Efr3■>rC 3H■几 L■'J £,-■[旺觎呼月1吕3,s■EFlif!Kfc$*»!*«!1点出芒3胃来血2taaE*u屮冃"*利rr1GTit^ilJEtfSciB]EAtJflJJ.rrWSK]百方*阵轄昂阿•E售帶WJffHLPE]E^rrnsjcii^v1:；,*学EViUR3±*4tt3 蟲\?r訂•护「璋十>最 it, 1瓜车比SClarvH：kBiC紐出雳M逢m宝=*S6>£iuJjUe.a»»TL4.JE1IJ6,sean屮tn日工爭■表达美感。界面外观表达独创、新颖，有吸引力。■表达情感。界面通过表情等界面元素来表达情感状态■情感共鸣。界面激起用户深层次的内在情感共鸣。丄你的发现※在个人微博中用户可以选择自己喜爱的图片表达情感，美感。苜页热门-燈用▼ 游戏7大竦正在热搜:吴昕15/7522931?56

关注紛丝 锻博田見摘丁i^http:.'A.4ianliani1979吃亏是福<f【北京朝阳医I关注□私言推荐给朋按 加入黒名单 更多-出刁口u丄我的发现※找不到文件存放的具体位置，使用搜索工具査找W1nd.oweC0七alogWind.oweUpd：±te设走稈序访问和戦认值

强力卸载电脑上的软件机房管理貓岳.0打开om«丈档