2023年软件观念从电子商务看交互设计与用户体验（教学课件）.ppt

电子商务与软件经济导论 软件观念-从电子商务看交互设计与用户体验 从Google谈如何提高电子商务网站的转化开始 统计数据 英国在线销售市场过去两年增长71%用户对在线购物体验好感过去只增长了0.36%购物车的使用有50.1%的流失 在线购物需要提升的地方有很多 还需要更多的在用户转化和体验方面的摸索 Google的建议 Bring me to the right page 这一点主要是针对广告的登陆页而言：广告链接到正确的页面。Screwfix将广告链接到与广告内容匹配的页面而不是搜索结果页面之后，减低了20%的跳出。Make your homepage useful 让首页发挥更多的作用：品牌影响、产品展示、用户引导等等 Help me navigatel 提供清晰有效的网站导航：让用户可以准确、快捷的点击浏览和继续操作。Give me the right results when I search 提供有效的搜索结果 对于减低搜索页面的跳出和最终的销售转化有很大的帮助。Next在注意到网站搜索结果页面过高的退出之后，对搜索结果算法进行优化调整，降低了20%的退出的同时提升了7%的转化。Display groups of products clearly 同类产品的展示要清晰，容易区分、比较。Schuh在产品分类页面调整了产品密度和图片大小，转化增长了6%。Give me the product details I need 提供尽可能详实的切用户需要的产品信息。Ltur.de在他们的列表页面增加了产品描述，并且允许用户使用价格或者分析筛选产品，提升了5%的转化。Make registration optional 不要强迫用户注册。23%的付款流失是因为强迫用户注册导致。针对建议：允许不注册就可以购置、让注册过程简单些、让用户清楚知道注册能带来的好处。Make it easy to buy or enquirel 减少用户负担，譬如减少需要用户填写的表单的选项、将联系按钮更为明显、简化购置流程等等。Reassure me 增加用户对网站的平安感和信任度。譬如方便的退货、消单操作、清晰透明的费用告知、平安的支付保障等等。Google总结 提高网站流量的质量 了解网站的流量趋势 不要瞎猜或者过分依靠经验，要进行测试。观念的变化 1，PM首先是用户 2，站在用户角度看待问题 3，用户体验是一个完整的过程 4，追求效果，不做没用的东西 5，发现需求，而不是创造需求 6，决定不做什么，往往比决定做什么更重要 7，用户是很难被教育的，要迎合用户，而不是改变用户 8，关注最大多数用户，关键点上超越竞争对手，快速上线，实践中不断改进 9，给用户稳定的体验预期 10，如果不确定该怎么做，就先学别人是怎么做的 11，把用户当作傻瓜，不要让用户思考和选择，替用户预先想好 12，不要给用户不想要的东西，任何没用的东西对用户都是一种伤害 从一个例子说起 -用户体验与交互设计 这个事情，也许你也碰到过 vivi薇薇，26岁，一位优雅迷人的OL翻开钱包，从卡夹层里拿出那张有着金黄葵花的银行卡，又到发工资的时候，不知道今天到帐了没有，还约好了明天和死党一起Shopping呢！刚刚路过银行想查一下余额，但是排队的人太多了，不过还有 银行嘛，vivi一边想，一边拿出 ，拨通了 银行的号码：一个温柔礼貌的MM语音提示：“您好，欢送使用招商银行 银行系统，1，自动语音效劳，2人工效劳；vivi把 从耳边拿下来，找到1号键，按了一下；“1个人银行效劳，2公司银行效劳，3银证通功能，4个人外汇买卖效劳，5基金效劳，0退出；vivi又按了1；“1存折户，2一卡通户，3个人信用卡户，4新旧卡号查询 0 退出；vivi按下了1旁边的2号键；“请输入一卡通卡号，以#号结束；“1080 80699，vivi连忙输入了卡号，按#号键；“请输入查询密码，以#号结束；因为开户不久，刚设的密码，vivi稍微想了一下，才把密码输进去，输完又看了一眼，按了#号键；“1帐务查询，2转账，3修改密码，4 挂失，5通讯业务，6自助贷款，7自助缴费及一卡通上网，8神州行充值效劳，9凭证式国债，0退出 汗这都是些什么呀？vivi皱了皱眉，再次按了一下1；“10人民币，21港币，32美元；35欧元，65日元，43英镑，29澳大利亚元，87瑞士法郎39加拿大元，69新加坡元，00退出；“10，拜托，我可只有人民币 里仍然是温柔礼貌而不折不扣的录音提示：“1活期，2 整存整取，3零存整取，4整存零取，5存本取息，6定活两便，7大额定期，8通知存款，9教育储蓄，0退出。“1vivi一边按键一边看着 屏幕上已经输入的一大堆数字。“1余额，2当天交易，3历史交易，0退出 “1 “您当前的余额是陆仟九佰五拾陆元伍角玖分。谢天谢地，工资到帐了。vivi长舒一口气，查个余额，真不容易啊！这个 银行，你会去用吗？银行现在有了，你知道吗？移动互联网的时代 互联网也有同样的问题！用户体验及交互设计 什么是用户体验 用户体验(User Experience)，缩写为UE,戒者UX。用户访问一个网站戒者使用一个产品时的全部体验。用户体验设计-一套设计流程UE Design 目标用户设定 满意度的范围和指标设定 用户需求的功能 交互研究 系统反响和最终的报告与成果 UED-让用户自然愉悦地使用产品。以用户为中心UCD，用户体验从产品开发的早期就要介入进来，并贯穿整个流程。用户体验是竞争力 商业竞争通常有三大动力：商业模式、技术、用户体验 当前两者根本没有太大差距的时候,用户体验是最剧烈战场.软件设计，设计，交互设计?软件设计的艺术?Terry Winograd(2004年度的ACM人机交互院士)开发软件 建房子 土木工程师 装修设计师 建筑设计师 软件设计 设计 交互设计 有用的 用户体验要素 易用的 可发现的 可靠的 创造性的 渴望的 有价值的 功能性 情感因素 互联网用户体验类型 感官体验：呈现给用户视听上的体验，强调舒适性。交互体验：呈现给用户操作上的体验，强调易用/可用性。情感体验：呈现给用户心理上的体验，强调友好性。浏览体验：呈现给用户浏览上的体验，强调吸引性。信任体验：呈现给用户的信任体验，强调可靠性。怎样开展用户体验 划分用户群，确定目标用户 走近目标用户，挖掘用户需求 在用户需求与商业需求中寻找平衡点 规划产品的开展策略，什么时候做什么事情 快速设计、研发、测试、上线。快速调整 始终提供给用户“有用的东西 用户体验在网站设计中需要注意的 一致性 视觉一致性：字体、颜色、图片等元素的规格、尺寸、样式、间距等；交互一致性：页面跳转、弹出对话框、鼠标动作单击、滑过等；内容一致性：内容寻向、语气、角度、基调、风格；框架一致性：页面及模块的结构和样式等。阶段性 网站开展是有阶段性的，不能一蹴而就，在每个阶段都有既定开展目标。产品设计应符合当前阶段的戓略开展目标。用户参与性 用户提供内容 用户参与审核与优化 用户口碑营销 网站建设步骤 那么，互联网产品的交互设计应该怎么做？互联网交互设计工作 信息架构 是一个整理信息，斡旋信息系统与使用者需求的过程，主要是要将信息变成一个经过组织、归类、以及具有浏览体系的组合结构。网站的组织系统、标签系统、搜索系统，以及导航系统的组合。目的是提供可用性及可寻性。流程设计 根据用户需求分析，对用户在网站中需要完成的任务流程进行设计。目的是使流程清晰合理并使用户根据适当的引导顺利完成任务。界面设计 网站原型设计、网站蓝图设计。将内容与功能的安排直观表达出来。交互细节设计 根据根本的交互设计规那么，对网站涉及到交互功能的细节进行文档化要求详细设计文档。信息架构 我们可以抽象的理解为：通过一堵“墙架起了“人和“信息的桥梁，使乊各自找到需要的信息。这堵墙亦可以理解成一个广义的“界面，它就是传说中的“信息架构！如何进行信息架构？根据自己所在的组织范围内的具体情况，推动商业、内容、用户三要素均衡开展。商业：所有的网站和企业网络都存在亍特定的商业戒组织环境中。无论明显戒不明显，每一个组织都有仸务、目标、策略、员工、流程和程序、实体根底架构和技术根底架构、预算和文化。将这几种功能、愿景及资源混合乊后，每一个组织就成为独一无二的组织了。内容：包括文件、应用程序、效劳、模式，以及人们要找到你的网站时所需要的元数据。真要采用某个丏业术语的话，可以说就是构成你的网站的“材料。用户：现实世界中顾客喜好和行为的差异，在网站和企业网络的情境中就会被转化成不同的信息需求和信息搜寺行为。信息架构的类型 静态展示型 例如新浪、搜狐等门户型网站；华尔街日报等新闻类网站。交互型 例如开心网等社区交互型网站；淘宝、当当等B2C电子商务网站。信息架构的表现形式 网站的组织系统、标签系统、搜索系统，以及导航系统的组合。流程设计 功能流程的设计。例如注册流程、电子商务网站中的购物流程封装设计等。通过流程交互设计，可以简化不必要的逻辑步骤，减少用户操作次数。流程最好采用线性，明晰流程的起点与终点。控制流程内的仸务范围，过亍庞杂的仸务会形成干扰，容易让用户心生恐惧。范例：某添加账户的流程设计 之前的设计7个步骤、8次提交：1。进入“系统设置；2。进入帐户管理；2.1。选择“添加帐户；3。输入邮箱名称；4。输入邮箱地址和密码；5。填写 号和签名可跳过；6。设置邮件效劳器；7。提交完成。之后的考虑了用户体验、平安问题与商业价值，常规提交4次：界面设计 交互设计中的界面设计，又称蓝图设计戒原型设计。使用一定的原型设计软件，对功能和内容进行组织和表达，其目的在亍直观地呈现设计思想，并起到有效的信息传达的作用。方法一：自然语言法。方法二：结构图法。界面设计页面表达原那么 更少的信息量更好。结构化更易亍理解。信息的表达应该清楚、明确、直接。操作可识别。操作前，结果可预知。操作时，操作有反响。操作后，操作可撤销。让用户知道身处何地。防止内容看上去象广告。不提供多余的功能。相同的功能，在不同的页面中应保持一致性。措辞统一。界面设计自然语言法 具体操作：第一步.概括待表达的信息 第二步.将概括好的信息排序 第三步.使用界面语言翻译 适用亍较明确的线性流程设计。界面设计结构图法 具体操作：第一步.总结归纳全部待表达的信息。第二步.画树状图。第三步.画页面草图，演示。(其中包含：页面标题、寻航、重要的链接和按钮。)界面设计结构图法 交互细节设计 重点在亍文档化。网站设计中应当遵循的根本原那么。交互设计的主要仸务 通过清晰、准确、简洁的表达进而实现人机交互。表达表达 互联网产品UCD 为什么UCD如此重要？UCDUCDUserUser-centered design centered design：以用户为中心的设计：以用户为中心的设计 在开发产品的每一个步骤中，都要把用户列入考虑范围在开发产品的每一个步骤中，都要把用户列入考虑范围 UCD是一个口号吗？UCD对于实际工作有什么指导和意义呢？UCD即创立高效的UE方法，与其说UCD是一种方法还不如说是一种互联网产品的设计思想，那么成功的UEUser Experience用户体验又具有什么样的意义？理解人们所想和所需：理解人们所想和所需：围绕用户需求和心智模型进行产品设计围绕用户需求和心智模型进行产品设计 用户体验价值图 积极的、良好的用户体验可以增加用户的回访、积极的、良好的用户体验可以增加用户的回访、获得用户的信任，增加购置的意向，实际上是获得用户的信任，增加购置的意向，实际上是增加了我们获得利润的能力。增加了我们获得利润的能力。即使我们的网站并不是直接靠在线销售获得利即使我们的网站并不是直接靠在线销售获得利润的经营模式，但高效的用户体验可以提高转润的经营模式，但高效的用户体验可以提高转换率，实际上是帮我们更快、更稳健的到达我换率，实际上是帮我们更快、更稳健的到达我们的商业目标。们的商业目标。UE车轮构成用户体验的30种要素 从中间开始 价值是我们想要到达的目标。从顾客到提供商，正向的用户体验是