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