(完整版)用户体验与交互设计

商业竞争三大动力：商业模式、技术、用户体验用户体验：UserExperience缩写为UE或UX,指用户访问一个网站或者使用一个产品时的全部体验。用户体验设计原则：以此概念为中心的一套设计流程。包括有目标用户设定,满意度的范围和指标设定,用户需求的功能,交互研究,系统反馈和最终的报告和结果。关于用户：用户是懒惰的用户没有耐心,喜欢放弃用户体验要素：功能性有用性易用性可靠性可发现情感因素创造性渴望的用户体验评估：>任务方面■耗时■完成率■出错率■帮助有效性>满意度方面■初体验■可学性■功能■易用性■速度■可靠性■综合性用户体验类型：A感官体验呈现给用户视听上的体验,强调舒适性>交互体验呈现给用户操作上的体验,强调易用/可用性＞情感体验呈现给用户心理上的体验，强调友好性＞浏览体验呈现给用户浏览上的体验，强调吸引性A信任体验呈现给用户的信任体验，强调可靠性用户体验的目的：＞让用户在使用产品时无障碍＞提高用户对产品的满意度，从而提高忠诚度＞留住旧用户，发展新用户怎样开展用户体验：＞划分用户群，确定目标用户＞走近目标用户，发掘用户需求＞在用户需求与商业需求间寻求平衡点＞规划产品的发展策略＞快速设计、研发、测试、上线及调整＞始终提供给用户有用的东西交互设计：交互设计试图提高产品或系统的可用性和用户体验。他首先研究、了解某类用户需求，然后通过设计来满足甚至超出用户需求。保证产品功能，同时缩短用户学习曲线提高任务完成的准确性和效率互联网产品的交互设计该如何做：A信息架构根据自己所在的组织范围内的具体情况，推动商业、内容、用户三要素均衡发展。信息架构类型：静态展示型，例如sina等门户网站◊交互型，例如开心网等社区网站、淘宝等电子商务网站＞流程设计即功能流程设计，例如注册流程、购物流程的封装设计＞界面设计又称蓝图设计或原型设计，使用一定工具软件对功能和内容进行组织和表达目的是直观呈现设计思想，并起到有效的信息传达作用自然语言法：■概括待表达信息■将概括好的信息排序使用界面语言翻译◊结构图法总结归纳全部待表达信息画树状图■画页面草图，Demo＞交互细节设计重点在于文档化交互设计方法：A任务分析与产品经理、运营方会议沟通并阅读理解PRD，转化产品需求为产品交互任务分析。■任务流程（思维导图、流程图）■任务列表（树状结构）A导航设计是交互设计中的关键，目的是把复杂的信息与页面经过组织清晰的展现给用户。要让用户清楚地知道：自己在哪？可以访问哪？常见导航：全局导航辅助导航面包屑A页面布局根据前面的任务分析与导航设计，选择合适当前产品的页面布局，把细碎的功能和导航粗略的排放进页面内。A原型设计原型设计是交互设计中比较重要的产物，在确认的布局中添加功能模块细节的交互形式。原型设计是交互设计师与产品经理、开发工程师、QA沟通的最好工具。原型分为：■高保原型苛1呆真原型苛1呆真原型高保真原型扛视觉设计（Vi粒皿Design）步骤之君抿交。-在億息架构和交互设计的基紬上，參膿口标捧体貯心理按型和任务达廉进ff视党玫计。-視觉设计定义用户界衍的外观和瘗咙,包括页面凤搭、哲彩、字体、图础元素（按孤、图标、葉单图标）寻，在不瞰坏产品西姑构和交互行为的前提下，檢得严品塑芙，更抽象，更艺农化"视觉设计骤达到用户愉悅使用的冃的,同时传达皓种概念，捉拱一致,有逻辑性的和别人注意的产緒界的°■低保原型(线框图)7交互设计■低保真原型◎u标低保其媳型在交互设计(InteractionBtsign)步媒之君提交:任何产品功能旳实现都是過过人和机瞬旳交互来完般的*交互设计关注产篩和使川者行为上的交互以及交互的过程，包括和计算机对话，交至，悟息的输入和精出，以及反備机制，比如diilo各toolbar,h>rm,message•兗互设计酣\］的是使产胳对用户能简单使用>交互说明标明页面里操作的各种交互状态说明，让视觉设计师、开发工程师可对照交互产出物更好的理解开发产品。用户体验与交互案例案例一：Tecent案例一Tecent尊重用户的选择用户可以任意选择皮肤图像好友类别的排序以及各种排序昨“”一卜現範好贡[15^671»鱼空]兄弟■坦竦B/1T]B4M33；[W?l■企业好瑕「吋口]♦卧从[D/Z1]S.S^i[[J/0]案例一Tecent制定规范.维持统一wm…IS碍毎q訓折抡r劲®^sPfKMic4S椚梢田ft案例一Tecent实时的动态更新±3朗嵐±3朗嵐-1立贞誉噬壬盐■:-.''in■佔*显商立贞誉噬壬盐■:-.''in■佔*显商:-JSAUiH.^=2Jl：…m柑1侍回—辞丸学噬场丸雨抑-谴品…■F天1K5I通枕血舸»讦盃“Jrti■a的鮎：去制;了？HI；W：LI烂鐵fcAchlflS:am«・矣呦OH話蛊益閒貢-下頑评击吃u-t.LEfh*S閒貢-下頑评击吃u-t.LEfh*S热门话聽意大利皱地震夏季服怖搭配广州富奈选夷蓿谏广州：1名神秘官亮妻，2千丈性报若.热门话聽意大利皱地震夏季服怖搭配广州富奈选夷蓿谏广州：1名神秘官亮妻，2千丈性报若.同饬不起已有汕逅总5人怪苹起*实宅勒施Q两讦.曲啤j认证至耳EJ區庄中雪案例—Tecent特殊的关注和热点聚焦tttfl俞亦钻鸟魅擬□Q轩别关昉；・i道、号*相其

案例一Tecent友好的主题栏和菜单栏春夏秋冬•-半囱刃敢httD；.',.1訂了託04985.QZQr.乳qu*ret主页日恵相册说说时妊轴咅乐盒留害菽亍人档愛多那件：0那件：0對丰淒邮件进入收甜箱体验微信订開中心口43）閱读空案例一TecentRJLftIA.*PIb』TTI/LMjTT驚惮人：SlutlllwyKprinq<ji.J5t_^f.,h264®i63.coRT?吋闻：2U12年吕月Hi日;星腿天收样人:ft*<035572179Qoq.cofn>;期亚春<79^S92078QqQcam>j曲進玉<qlyO6O5$si^3H(»m>;<139.cotti^;SillW<au[wrnian_x®126.com^;ZSE9<n«k10€71OOG^SDhu^Dom>:ZK<7157BS041Oqq.ccm>;拥觀<673004985^>q口.tOEA；竟丟玄.^.豪存飞-■'r：Li；|；.：rn:张習皓<ztisr>gztierniri4_282#163.c:om>j和Bt<zqm880e16d>LG3.com>卑i^：M[_醴敝;綁喷怡怕紀寥do:.,.

案例—Tecent导航栏各菜单界面突出醒目Mrl.ffM；.丽埃送存皿*关曲it加旄乔他庭知别$送■/爭如fti伴案例一Tecent防止不恰当的低龄化不怡当购低龄化

Tecent体验总结.尊重用户的选择，制定规范”维持统一您实时的动态更新燼特殊的关注和热点聚焦巒友好的主题栏和菜单栏案例二：京东商城您导航栏各菜单界面突出醒目案例二：京东商城案例二京东商城拥有良好的直觉特征

案例—乐东商城符合用户习惯与预期诽序;相夬性销量价格评论数上嘶间库存；请选揺省慌*育吕类型；®全部自营商品第三左卖家Wfl=fr-13-W：rN«-SEll：G4T口柝匚口皿站匚印J!Cnhi睥最案例—乐东商城符合用户习惯与预期诽序;相夬性销量价格评论数上嘶间库存；请选揺省慌*育吕类型；®全部自营商品第三左卖家Wfl=fr-13-W：rN«-SEll：G4T口柝匚口皿站匚印J!Cnhi睥最J1«iMiZ9•甲西聲埜M*KS1W*5LGiHTCBI.吒冀們W马种鼻总丘血Ik-ichru■口亜币kATCL曲ti*sQMtUCPSAlftJU且已情椭:-屮汕5coiXWi"I汕B抻mme汕8固!H4MQ丄3国E却attfl嗣i・E?电呂阳■戸li^：Ir-JiRS宝H強備：巾愛朋E-『.0Aj.yc.ijIOS却Et旧啡叩戋口二人11历硬且::尬京启加毕增出于机.V-m肚旳曲44ffik.JUST255t\3^!tlRl£^STflST-.Tfl■圈书■圈书•^=HTfil-音箜「配用电3?■手机荻码■匕国，ir^-家居家装、厨耳■盧怖狂祚4伞沪代牧』半国箱甜展fits■馳鰹ft!■•汽车甲品』毎即"FEASkS-£1.SEALK-^主欖丽阴丸-帧醐跑-£1.SEALK-^主欖丽阴丸案例二京东商城暑）^'CDMA.iS&lx：j2LiM£41j「丁霹T149v.no暑）^'CDMA.iS&lx：j2LiM£41j「丁霹T149v.no库好：理財已百£*湫睑三县［SJVWSUtJG］S536O1町于申H£

軍）脸抽却関刚淖制阳CfltViOW酥免洼时比已頁“餉乂诵邃却关毎对出V酥免洼时比已頁“餉乂诵邃却关毎对出VI7B-D>n>已珀LU评哉案例二京东商城适时的提r3铁廡戶屮干三『；貴眾；"-r：｝^¥175STT7.^JWSWP和3安全：」i些手机梯证弓丘瞄耒进证旳耒檢賢空付那卩的主页礼的虽迄：订单嗣：诗处如单但〕轿时商品阳）倚晒单商品心）的主页礼的虽迄：氓调富工：亡］欧主注的同晶卒日同购窗迥珀斤I1Ni-ih^A-1r^.i-si-iJhffWlJ.41:青天直科AIW^•••"；VE>i-m全土極<Kjngst«jnJCjtarravelcr101Generation支2fA3.DU予品帕mamiu爭碗旃聲就□Site長養仗■品蟲習呂馥响熔的對基牛予品帕mamiu爭碗旃聲就□Site長養仗■品蟲習呂馥响熔的對基牛案例二京东商城操作便利」1碣（Sf湎忡二P2Eri平宦脂且二收亜曲祚一咅品谭却讣（8丁品音询也恵申曲自.案例二京东商城商品图片更加丰富真实

京东商城体验总结⑥拥有良好的直觉特征⑥符合用户习惯与预期@简单且美观◎以用户为中心潑适时的提醒食操作便利潑适时的提醒食操作便利@商品图片更加丰富真实案例三：亚马逊案例三亚马逊明确强调产品搜索和在线购买全新“晚间送货上门秒茅朝九晩十天天惊』'5二*明确强调产品搜索和在线购买全新“晚间送货上门秒茅朝九晩十天天惊』rntflrSpB.谓卡悬

案例三亚马逊动态地定制用户体验今日时昶且示的星呼日堆尋前I戏河品”今日时昶且示的星呼日堆尋前I戏河品”占也也曰丢卿J1CT寓4案例三亚马逊相关产品显示RMtotedIhHumVmTwW*■KAWASAKI川6吏芸聊毛域包TCC04¥却曲臥&M¥§^Y59,00案例三亚马逊鱼种"为什么我们购物"的提市场愉：丫DNOD忻竜：¥59.00此商品可以厚燮免賛送贯业4儼节胃：\F26.00(S.S4JT)诺基亚5233(Nokia5233)s乐手机(黑)Y120000¥749.006卖寡售价从¥735.00起话单!：话单!：■:??I…•T「；J.'g1354-1^>113&S11R(BrKi*乳二卡案例三亚马逊方便的导航元素iff：•■-.•巧：¥36.BD可以車受矗蔺堆朮乾问承X节由；¥12-20(7-5*<3曲［5冃忑日山咕I讣屮•」衲"亠卜叫4X箔上门•-案例三亚马逊轻松支付a—Ift下单"]不t吴超”北京市更雪関买進择I加入心便单更雪関买進择I加入心便单*案例三亚马逊方便地访问正面和负面评论u=淀〕£X33;m阖L£=w立0妄坪址用户VWlSms〔如童廈竝塗]旅打用思霞itnW1C人讣力Pt评it有用柬嚴:不末*r2olis&8^2ia-T-it^Sw[w奋石北用产丹啓旷讦“；kL-uhTHUuranso芒lfr+Ei^¥2LCa%iahffiSCMETALFASHION