以下是小编为大家准备的缩短流程的小设计交互设计，本文共6篇，希望对大家有帮助。
篇1：缩短流程的小设计交互设计
最近搬家了，住的地方在小区深处，从马路边的小区大门进去，要走过一片区域，穿过中间的另一个大门，来到另一个区域，才能走到那栋楼。这真是一段挺长的路程。
走了几天，有一个奇怪的感觉：进去时花的时间比出来时的时间要多。
同样的路程，为什么两个方向给我的感觉所花时间不一样呢？
我仔细回想，我在行进过程中，不自觉地把中间的一个大门当作了一个里程碑，当我到达那道门的时候，就觉得走了一半了。而实际上，那道门并不在整个路程的中间，而是更靠近所在的楼，离马路边的大门要更远一些。
那也许可以武断地得出一个结论：如果某一过程的前一阶段耗时比后一阶段耗时要少，那么就会让经历此过程的人感觉过程比较短，反之，前一阶段耗时多于后一阶段，则整个过程就会被感觉长，
在网站设计中，会有很多的过程，需要设计得尽量短，至少要让用户感觉短。比如一些优秀网站的注册过程，从开始注册到能够登录使用要经过两个阶段：
填写Email、密码等
到邮箱中点击确认链接
用户感觉到注册流程的短，就是因为完成第一阶段很快。而第二阶段耗费的时间虽然多一些，却一般会被用户忽视。
所以为了把流程设计的尽可能短，就应该把前一阶段设计得比后面的阶段更快更容易完成。
本文出自：chentao1006.cn/tech/little-design-for-shortened-process/
篇2：拍卖出价流程浮窗设计小结交互设计
之前在交互周会上，作为项目分享了之前做过的拍卖线的出价流程，由于讲的比较匆忙，所以还是想整理成文字，累积下，做多了日常以后，常常觉得如果不多做字面的积累，很多看似瞬间的累积，很快就会被更多的项目淹没~~
之所以把这个项目分享出来，是因为觉得我们在工作中所做到的大小日常，99%的都不是“无中生有”的，都具有一定的历史，也一定有一定的痛点，一定也有新的业务变化在里面，如何在短时间内把握这些因素，迅速转化为一个合理的方案，是有一定方法的，虽说方法不一定完美，但希望给大家一些思路。
开始正题，大概介绍下这个出价流程的背景：拍卖线原来拍卖信息确认的页面是和普通购买产品是相同的，随着拍卖业务的发展，觉得有必要以更简单的形式来进行操作，所以浮窗的形式变随之成为新的出价流程形式。由于拍卖涉及到很多不同的概念和判断，而之前做的一版浮窗出价流程并没有交互设计完整的参与，导致了页面逻辑中有一些问题，所以需要交互再次参与进来将这个出价流程梳理好，但另一方面，之前尽管有问题的出价流程由于业务需要，却正在上线中……
首先，从项目的背景中，就可以总结出这个项目有几个特点：1，有大概的交互形式，且已经不能修改（尽管当时也有人觉得浮窗形式不是很好，但一切都在上线中，所以暂时也无法改变）2，发展中的业务和要求革新的心态（这在很多项目中都存在，我们通常不喜欢一成不变，但面对发展中业务，多变也是一个挑战）3，没有原始页面数据（这是最无奈的一点，因为看不到用户的反馈，让我们少了很多依据）
其次，这个项目从交互角度出发，这个项目有几个挑战：1，浮窗形式的界面（区别于一般也页面，对信息的分类和呈现要求更高）2，需要对流程做出完整的梳理（一般涉及到前后步骤的页面，最好有完整的流程图有助于检验页面） 3，之前的版本出自非专业人士（势必需要纠正一些浅显的问题，这也是之后开始着手的切入点）
总结了以上几点，确定了这次项目的主要核心点，即原有流程的提升和修正，修正原有出价流程中错误的地方，提升原有流程页面的交互体验。
由于接到这个任务的时候对拍卖业务还不是很熟悉，所以一方面与PD沟通了解拍卖业务，另一方面让QA把准备上线的拍卖浮窗的每个状态给到我（因为之前的版本没有完整的交互稿）如之前所说，先从纠正原有页面的浅显问题开始着手。于是我总结了原有页面中的一些问题，以此归纳出具有针对性的方法。
1， 文字引导与输入框距离太遥远
2， 同类信息被放置在不同的地方
是否设置成代理出价是和用户的出价有关的信息，应该归类显示。
1、2两点，实际上都牵涉到了信息归类显示的问题。在一个页面中，一些相关的信息（例如同类的，行为上可以连续操作的）尽量可以放在一起，但其中要避免相同形式表达的信息（例如都是数字的形式）则要分开展现，以免互相混淆。
3， 操作行为的起始和完成逻辑不通
在上图中有修改的点击操作但在接下来却没有“确定”或“修改完成”的操作，而是直接通过整个确认出价的动作作为结束，一定程度上并没有给于用户一个操作闭合，很容易让用户搞不清楚自己正处在修改资料还是出价哪种行为，
4， 浮窗文案提示并未从用户角度出发
在这个首先提示用户“出价成功”，但随即又告知用户其他用户的出价已经超过了他，然后让用户重新出价，这个充满矛盾的页面，就是因为没有站在用户的角度出发。这里所谓的“出价成功”仅仅只是后台有此次出价的记录，而对于用户来说实际应该是“出价失败”。
在浮窗的操作体验过程中，由于遇到的情况会很多，很有可能在页面跳转中流失一定的用户，所以，避免给予用户挫折感。并且，不论在哪一步文案的表达都应该站在用户的角度，更便于在整个拍卖过程中传达正确的信息。
5， 文案展现上主次不明
上图的浮窗中用非加粗的字体表达了一句比较重要的话，而下图的浮窗却用加粗的字体表达一句不是那么重要话。可能在大的页面中这些都不会这么凸显出来，但由于浮窗区域比较小，错误就显而易见了。
6， 文案上表达有欠缺
上图浮窗的“建议您设置一个更高的价格并重新出价”语义表达重复而累赘，下图浮窗中的话也是类似问题。而且同样都是让用户重新出价，使用的确是两种不同文字的button。
4、5、6点都是文案上表达的问题，对于浮窗中的文案，一方面可以通过视觉上不同层次的文案做区分，另一方面文案本身也要符合逻辑。
7， 一些必要信息的缺失
例如浮窗中的单位“元”不见了，这种常见的问题也很容易被我们忽视。
由于分别找出了原有页面中的一些问题，接下来的思路也显现出来，将浮窗页面的信息做大概的功能区隔，并对具体区块中的信息做规范表达。
将浮窗分为三大区域：橙色区域是有关出价的信息/最主要的信息提示；蓝色区域是保证金和客户信息/信息补充区域；绿色区域是判断区域/出价按钮或关闭窗口的位置。
橙色区域还细分成三个部分，第一行显示和数字相关的信息/表示当前最主要状态的信息 ；第二行为重新出价设置；第三行为设置代理价。第二和第三行的信息在一些状态中是没有的，所以相应会不做显示。
功能区域的分割只种维度上的，我还在视觉表达层次上做了规范，尽量让有用的信息更加凸显出来。通过这个方法即在交互的表现层面上有了一定的规范，在视觉进行的时候也可以有效减少对原有交互设计的误解。
做了以上两步的同时，在与PD的沟通下，也对整个增加拍的逻辑做了充分的梳理，当然过程中少补了的是Qa同学的辅助，因为QA更加了解业务逻辑中的一些细节，在此基础上做出了一份逻辑图。最后就是按照之前制定的规则，将相应的信息“填写”到相应区域即可。
上线的页面请大家有空参与淘宝拍卖会上拍品活动：www.paimai.taobao.com即可看到。如果有任何疑问都可以通过页面右侧的意见入口，给我们提宝贵的意见，相信这个拍卖产品的好的体验是大家一同参与下得出的结果，我们也会不断根据用户的反馈给予产品最及时和有效的改进！
琳韵 撰于.12.23
篇3：UI设计流程探讨交互设计
确认目标用户
在软件设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求，
用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
例如：对于科学用户和对于电脑入门用户的设计重点就不同。
采集目标用户的习惯交互方式
不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。
当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。
提示和引导用户
软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。
对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。
一致性原则
设计目标一致
软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。
例如：如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件（软件包）整体，而不是局部。
元素外观一致
交互元素的外观往往影响用户的交互效果。同一个（类）软件采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。
交互行为一致
在交互模型中，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。
例如：所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮，
对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确，但是的确有相反的例子证明不按照这个理念设计，会更加简化用户操作流程。
可用性原则
可理解
软件要为用户使用，用户必须可以理解软件各元素对应的功能。
如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户可以通过对该元素的操作，理解其对应的功能。
例如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。
可达到
用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。
用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。
要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏（一般来说超过4层）那么用户达到该元素的几率就大大降低了。
可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。（参考简单导向原则）
可控制
软件的交互流程，用户可以控制。
功能的执行流程，用户可以控制。
如果确实无法提供控制，则用能为目标用户理解的方式提示用户。
上面的文章提到了UI设计的原则，并且对此做出了一些所谓的定义。大家要明白，本人对UI设计的研究时间不长，这些原则只是个人体会。
篇4：UCD 流程解析交互设计
细心的读客应该会发现，在昨天 Making Life Easy - 使生活更容易 里提到一个英国的Flow Interactive 交互设计咨询公司，今天继续阅读了他们的网站，发现了他一些对UCD（User-centred Design 以用户为中心设计）的实施流程， 觉得很有代表性，也很清晰，所以简单整理了一下，给自己和大家学习备份：
他们大概把UCD的流程分为了下面几个阶段：
Research stage 调查研究阶段
Concept stage 概念定义阶段
Iterative design stage 迭代的设计阶段
Implementation stage 执行阶段
Launch stage 发布阶段
图片来自Flow Interactive
下面是图片内容的解析，连接都有相应的安例解析，很有帮助，
Research (调查研究)
Context studies(背景研究)
Focus groups 关注群体
Competitor comparisons (竞争对手对比)
Depth interviews 深度面试
Questionnaires 问答
User personas and scenarios 用户角色与场景了解
User goals 用户目标
Usability goals 可用性目标
Concept (概念定义)
Concept models 概念模型
Usage scenarios 使用场景
Paper prototyping 简易原型
Usability testing 可用性测试
Expert evaluation 专家评估
Design (界面设计)
Product structure diagram 产品结构示意图
Process flows 程序流程
Wireframes 框架
Interactive prototypes 交互原型
Card sorting 卡片分类排序 － 就是把关键流程用卡片形式定义下来，然后不断组织，了解和挖掘最佳的排序模式
Usability testing 可用性测试
Accessibility evaluation 易用性评估
Expert evaluation 专家评估
Functional specifications 功能型详述
Implementation (执行测试)
Usability testing 可用性测试
Expert evaluation 专家评估
Accessibility evaluation 易用性评估
Launch (发布)
Usability testing 可用性测试
Expert evaluation 专家评估
Accessibility evaluation 易用性评估
Focus groups 关注群体
Competitor comparisons (竞争对手对比)
Metrics 测量
因为UCD或一些新兴的用户研究课题，对于大部分设计师或研究员来说总是觉得概念模糊，难于掌握或不知如何着手，所以，我想不断尝试用简单清晰的方式来定义这些概念，使我们未来的工作有律可依，并更有效的完成手上的项目，
如果有问题的请提出来一起讨论学习。
本文来自：www.moond.com/lab/?p=29
篇5：电子商务，作什么样的流程交互设计
电子商务可以有很多模式
是在平时喜欢四处转转，到各个商铺去看一看，线下商铺的类型还真多，商业中心，大卖场，连锁店，小超市，精品屋，专卖店，批发市场，集贸中心，服务中心，二手市场，体验中心……，各类型的商铺满足不同人群的购物需求，也给人不同的体验，
在我的理解中，这些商店展示什么样的商品，展示多少，采用的购物流程都是经过设计的，并且各自有各自的优势，大卖场上东西比较齐全，价格上也有一定优势，但是比较难找，并且要拎着购物篮或推着购物车“四处乱转”，还有可能排长队结账。但是在小的便利店买东西，虽然东西并不是很多，但是却方便快捷。在大型的商业中心，你可以找到N多品牌的商品，并且可以再极大的程度上满足货比三家的比较感觉。但是在专卖店里面的快速选择，不担心产品的质量问题也是种不错的感受。
有很多人以为，线下的商业模式可以搬到线上来，我也认为至少有一些理论是共通的，但是到现在为止，线上还是只有B2C和C2C，B2B这样孤零零的几种模式，更可悲的是，三个模式的流程还是基本相同的。
但是现在国内的网站还在是B2C的模仿亚马逊，当当，卓越；C2C的模仿淘宝，易趣；一个只有几个商品的公司网站，还是要走首页-》列表页面-》单品页的流程，
一个大件商品服务的的网站，在还要走，购物车-》登录注册-》……的流程。
但是现在我们看到的是大部分电子商务的老板，以开口就是要作国内最大的***购物平台，甚至一个销售***类型商品的网站，要做到国内电子商务的销售量第一。
用户的需求和自身的资源决定购物流程
UCD所提到的方法中，user 的需求是最大的核心，在不同网站中，面对着不同的人群的不同需求，而这些需求就决定了一个互联网公司只能去完成某些需求，解决这些需求对应的流程也不一样。
而企业的资源也是决定流程的另一个重要因素，商品的数量，企业的定位……对购物的流程都是有影响的。例如：一个有着种商品的电子商务网站，必然是要产品列表的，而在一个只有不到20种商品的电子商务网站，是否要产品列表就成问题了。
和白鸦一样的观点，如果你去问用户的这样的流程和结构设计，用户一定告诉你是和淘宝、亚马逊等等网站一样的流程。这一点的上的设计20%看用户访谈的结果，80%看个人的分析。创新的东西是要靠个人的能力，用户不会替设计师创新。
本文来自：hi.baidu.com/koob/blog/item/edbd0cf33d5b2658342accc6.html
篇6：电子商务网站的购物流程设计（简述）交互设计
今天很高兴广东移动给我们提供了会场，同时也很高兴的认识到了上海易土的林汉城先生，同时也有机会邀请到淘宝ued的陈文锋（超群），你可能会问超群是什么意识，昵称？自己去想吧！这次的书友会还是按照之前的流程来走，不过今天大家很高兴参观了广东移动的用户体验实验室，非常专业有水准，让我们这些门外汉终于知道了一个专业的用户体验实验室的布局和设备是啥样，第一次看到了眼动仪，
开始正题，电子商务网站对于有过购物经历的人来说都不陌生，但你在网上有过购物经历不代表你对网购的模式和类型了解，所以这里我们的补充下业务知识，请看维基百科这里的介绍《电子商务经营模式》。
国内常规的网购代表性网站如下：
网络书店（当当、卓越、蔚蓝）
收藏和艺术品拍卖（孔夫子、赵涌）
综合销售平台（淘宝、eBay）
网络订餐（饭桶）
……
我们这次书友会针对以上类型的网购网站，拿出了当当、卓越、淘宝三个出来给现场的与会同学现场操作。由于网速的原因，这一流程进行不是很顺畅。不过给在场很多没有接触过和正在学习中的同学很深的体会，如果没有了网速，在好的产品也是摆设罢了。
购物流程探讨（以淘宝为例 c to c）
探讨淘宝的流程中大家更多的关注点在购物车、二次登录、支付方式、评价体系这四点，可以说这四点也是我们整个购物体验的生态支点。
1.购物车
大家可能注意到淘宝在原有的立即购买的功能上新推出了一个购物车，就是这样一个购物车带了了不少同学的关注。
我们来看看淘宝自己对购物车的说明：
淘宝购物车是淘宝新平台为广大用户提供的一种快捷购物工具。通过购物车，您可以在淘宝一次性批量购买多个宝贝，并可一次性通过支付宝完成付款。
通过购物车，您无须登录更无须下单，即可在您的电脑上随时保存或查看您想要购买的宝贝。淘宝购物车为广大的淘宝用户带来了一种全新的网络购物体验，使购物更加方便快捷！更多说明请看这里。
我们大概了解到这些情况：
优点：
a)淘宝购物车是对淘宝整个产品体系的一个补充，不仅仅是一个功能的加减。
b)购买物品更加快捷，支付可一次性，
缺点
a)支付方式计算的复杂度提高
b)对评价体系有所影响
c)支持的购物范围有限制（只支持一口价的商品）
意外情况
这次书友会上阿锋同学提到了购物车在推出以后被很多的用户当成收藏夹来使用，这是大家没想到的，而且这样的情形是好是坏还需要时间和数据来说明。
2.二次登录
我们在像当当、卓越这样的B TO C网站上买东西的时候都有二次登录的体验，大家普遍的感觉不适。如果要解决这样的问题，估计很难。不在多说，都是体制问题造成的。
3.支付方式
我们最常见的支付方式可以分为电子支付、货到付款、邮局汇款、其他。其中最常见的付款方式是货到付款和电子支付。
货到付款多见于B TO C方面的交易，例如在当当、卓越网上的购书。
电子支付多见于C TO C方面的交易，例如在淘宝、拍拍、有啊等等。电子支付种类方面，目前比例最大的是支付宝，第三方支付已经在电子支付方面占据主要地位。其次是网上银行支付。值得注意的是，除了第三方支付和网银支付外，手机支付已初露头角。
电子支付平台主要有如下一些：支付宝、网上开户银行直接支付、信用卡支付、财付通、百付宝、手机支付、安付通、贝宝、云网支付、环迅支付等等。
4.评价体系
网购的评价体系是个很突出的问题，对于卖家尤为重要。目前这样的评价体系对于C TO C模式下的网购平台显得更为重要。一套完整合理的评价体系建立是需要多方面的推动，来制定一个游戏规则。前些日子，马云来广州布道了，广东电视台有录播。在这次广州举行首届网商交易大会上马云说了不少敏感话题，什么最近要招一批一流的心理学家、社会学家、经济学家来研究其产品，什么痛斥传统行业的陋习，什么淘宝上假货横溢等等，这些最终归结起来就是一个信用问题。而信用的好坏转化出来的结果就是评价，也就是我们常说的“口碑”。希望淘宝上无假货的梦想能够实现。
最后不得不说下移动的用户体验实验室，我想这是每个做产品的人都所希望拥有的。拍了不少照片，鉴于不方便的原因不能公布出来。
书友会实录可以看看我们胡晓同学的BLOG：用户体验提议“看上去很美”（广州第八期回顾）
本文来自：www.xisoo.net/2009/05/20/0517/
文档为doc格式
