很可惜 T 。T 您现在还不是作者身份，不能自主发稿哦～
如有投稿需求，请把文章发送到邮箱tougao@appcpx.com，一经录用会有专人和您联系
咨询如何成为春羽作者请联系：鸟哥笔记小羽毛（ngbjxym）
在看原文之前，阁主有几句话说。一是外文文章一般与当地的文化有关，所以翻译成中文很多时候都失去了它原来的味道，让中国读者感到有点不顺畅，这个是很正常的，很多小说翻译成中文阁主也不爱看。所以为减少这个情况的影响，阁主会在文章后加上阁主自己对文章的总结和建议~以下是原文~
原文地址：https://www.uxpin.com/studio/blog/creating-perfect-user-flows-for-smooth-ux/
作者：Marek Bowers
翻译：Sophia
如果有人问你怎样定义“流程”这个词或者说举一个案例来进行描述，你会怎么说？你会马上想到关于用户体验或者交互设计吗？也许会...但是，更多的应该是不会吧。
在这篇文章里面，我将依据作为一个交互设计师的经验，来描述怎样创建顺畅的用户流程。你可能想到水的流动。比方说，雪水流进水流和小溪，然后汇聚到一起，融汇到水库，湖泊和海洋。
你可能也会想到空气的流动。你知道高尔夫球表面的凹槽是让空气呈旋涡状围绕在身边（用来减少阻力），比光滑的球飞得更远一些。
您还可以在效率方面，去衡量流程的成功率。 来看看美国宇航局和波音公司，今年四月在风洞合作解决的一个流程问题。
这些队伍配备了一架在尾部，可以使飞行流程更有效率的特殊技术波音757。 这有什么影响？ 它可以降低燃料燃烧的使用数量，可能会节省数百万美元的航空费用，反过来可以节省机票费用的数百甚至数千美元。
听起来对我们普通大众也是极好的！
交互设计怎样涉及到流程的
所以，这些“流程”的概念有哪些共性呢？
流程描绘运动：运动通过水，通过空气，通过网站，通过APP等进行体现。
流程是多种多样的：流程的多样性可以导致一个高尔夫球飞得更远（或者落得更短）；一个飞机飞得更快（或者有更多的阻力）；并且使一个在线购物者更容易付账（或者说导致更不愿意付账）
长话短说，流程的概念很重要。您网站或者APP的成功往往取决于您模型流如何满足您的目标用户（或者用户画像）的需求，同样以及您商业的需求。
因为低保真原型缺少视觉细节，用户流程是原型的核心。低保真原型帮助你聚焦在创造对用户来说完成他们目标的最顺利流程。
在脑海中建立用户流程
当你建立了一个用户流程，你应该想的第一件事是什么？
这很显然...当然是你的用户！
比方说，如果你在设计一个商业智力工具，它可以让用户创建报告并且分享他们，将至少有两个流程：一个是为用户数据（比方说用户接收/反复查看报告）设计的流程，和整个数据分析（比方说用户建立/分享报告）的流程。
编者建议：如果你想建立你自己的用户画像，你可以在UXPin进行免费试用。在你开始创建原型流程之前，你应该清楚地知道你目标用户的动机和需要。问问你自己，是什么在驱动我的用户以及他们正在试着完成什么？
一旦你创建了你的用户画像，你可以更好地捕捉到用户的目标。指出目标的两面需求，这样就知道你的原型需要做哪些进行完成。
仔细思考目标和来源
如果你在设计一个网站的用户体验，在创建流程之前另一个好的建议是，查明并且画出您的用户从哪里而来。基于Morgan Brown在《停止设计页面开始设计流程》一文中的建议，我们建议您开始思考如下您的网站或者手机原型的各种用户来源：
直接流量
有机搜索
付费广告
社会媒体
推荐网站
电子邮箱
不同的入口决定不同的用户行为。查看如下如果某人准备在亚马逊买一部智能手机的假想场景的不同之处。
进行搜索功能的用户：
搜索iPhone的相关介绍
进入亚马逊网站
使用搜索框找到iPhone
浏览更多关于iPhone的介绍
使用搜索框去找三星Galaxy
浏览Galaxy的介绍
回到原来的亚马逊iPhone的店铺
购买iPhone
直接购买者：
进入亚马逊网站
使用搜索框找到iPhone
购买iPhone
现在，我们不是在说购买经验的简单比较（直接购买和进行搜索行为的用户，它们之间总是来来回回**着进行的）。我们在说，可是，你必须画出这些不同的流程，为了去做出一个更让人理解的流畅体验。
为查看一些基于这些入口的样例流程，请查看文章《将用户放在心里去建设：怎样设计用户流程》。作者，Peep Laja，建立了三种不同的用户流程，每个流程起源于不同的入口，并且符合具体用户和商业目标。
创建一个概念流程
在这一点，你应该知道：
您将为哪些用户或者用户画像进行设计你的流程
哪些用户和商业目标需要去完成
你的用户来自于哪里（等等观点）
现在你可以想想一个用户在来自一个页面前与后会发生什么。就像在《交互设计最佳联系》所描述的，你可以将你的页面连接起来并且创建尽可能多的你所需要的流程。
一个快速的方法你可以体验不同的页面流程就是创建一个简单的概念流程。在搭建原型之前进行打草稿，用笔画一个草稿可以帮助你体验你APP或者网站最重要的部分 ——即内容。围绕着内容搭建流程将给你一个用户体验所需页面总数更准确的估算。
笔述优先的方法来概述一个流程
你可以使用笔述优先的方法，Jessica Downey在她的文章《Jumpstarting Your App Conception Without Sketching UI.》中写到过。 这个概述方法可以帮助您了解应用程序或站点每个页面的想法并构建一个“共识”。
让我们创建一个，例如，一个银行APP。场景：有人想打开自动存款功能。注意在下面的大纲中，[括号]里面的内容代表着行动按钮或者链接。
第一步：您想建立自动存款？
[建立自动存款]
第二步：选择存款频率
[每月一次][每月两次][每隔一个星期][每个星期]
第三步：每月一次存款
[选择日期]
第四步：选择数量
确定数目
[建立自动存款]
概述流程的速记方法
你也可以使用Ryan Singer在Basecamp上使用的一种速记方法。Ryan的方法将流程作为持续性的对话。
对于上面的银行APP的例子，我们可以在第二步和第三步的时候创建一个案例，就像这样：
为了知道Singer是怎样展示为Basecamp速记的方式以及他是怎样用这个概述过程说明复杂的流程的，查看这篇文章《 A Shorthand for Designing UI Flows》
画出草稿并且做出一个流程原型
现在我们已经准备好为我们框架流程或者速记流程中的每一个页面，创建一个低保真草稿。这些草稿将是你的想法，用更多页面的细节和结构活生生地展现在你的面前。只要你创建了草稿，一个简单的低保真原型可以帮助你使用这些想法去与用户进行沟通。
你可以使用很多种方法草稿出用户流程，就像这些文章所示，比方说《these examples of user flows》和在Wireframes Magazine发表的《wire flows》。然而，在承诺任何特定流程之前，请创建一个简单的原型来验证其与用户和商业目标的一致性。 它不需要任何想象力 - 你的原型可以在纸上完成，所以你可以开始了解用户如何在内容和动作之间流动。
从那里，您可以继续对纸上的草图进行迭代，并将其剪切出来用于纸张原型，或者转到像UXPin这样的数字原型设计工具。
流程的真实案例和他们的拆卸
现在，我们向您展示了创建自己的用户流程并将其转换为草图和低保真原型的过程，我们将为您展示一些用户登录的真实交互流程有趣案例。
用户登录是一个很好的场景，它需要特殊的技能来平衡用户需求和商业需求。 用户希望直接进入应用程序，越简单越好。 商业显然也希望用户登入，但他们也希望轻轻推动用户升级他们的计划。为查看我们正在讨论的解构示例，我们强烈建议您使用查看这篇文章《User Onboarding》。
您当然需要掌握有说服力的设计艺术，以创造流动，教育用户，同时帮助他们发现升级的优势。
下一步
掌握用户体验方面，绝对不能代替实践。
我建议您从基本流程开始，如思维导图（使每个框代表用户操作中的一个步骤）。 一旦您感到满意，请随时为每个页面构建线框，然后添加交互，使你的流程用原型进行生动起来。
阁主的总结：
文章交代了流程的概念和共性，以及在建立流程前先要想到用户。考虑用户的不同来源，以及这些来源可能会产生的不同使用场景用户的不同目的与行为。然后再介绍了，创建流程的时候最好先用笔去打草稿，然后再用文字进行过程描述，最后用登录流程来进行了举例，以及建议大家要开始动手开始实践。
本文为作者独立观点，不代表鸟哥笔记立场，未经允许不得转载。
《鸟哥笔记版权及免责申明》 如对文章、图片、字体等版权有疑问，请点击 反馈举报
Powered by QINGMOB PTE. LTD. © 2010-2022 上海青墨信息科技有限公司 沪ICP备2021034055号-6
我们致力于提供一个高质量内容的交流平台。为落实国家互联网信息办公室“依法管网、依法办网、依法上网”的要求，为完善跟帖评论自律管理，为了保护用户创造的内容、维护开放、真实、专业的平台氛围，我们团队将依据本公约中的条款对注册用户和发布在本平台的内容进行管理。平台鼓励用户创作、发布优质内容，同时也将采取必要措施管理违法、侵权或有其他不良影响的网络信息。
一、根据《网络信息内容生态治理规定》《中华人民共和国未成年人保护法》等法律法规，对以下违法、不良信息或存在危害的行为进行处理。
1. 违反法律法规的信息，主要表现为：
1)反对宪法所确定的基本原则；
2)危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一，损害国家荣誉和利益；
3)侮辱、滥用英烈形象，歪曲、丑化、亵渎、否定英雄烈士事迹和精神，以侮辱、诽谤或者其他方式侵害英雄烈士的姓名、肖像、名誉、荣誉；
4)宣扬恐怖主义、极端主义或者煽动实施恐怖活动、极端主义活动；
5)煽动民族仇恨、民族歧视，破坏民族团结；
6)破坏国家宗教政策，宣扬邪教和封建迷信；
7)散布谣言，扰乱社会秩序，破坏社会稳定；
8)宣扬淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪；
9)煽动非法集会、结社、游行、示威、聚众扰乱社会秩序；
10)侮辱或者诽谤他人，侵害他人名誉、隐私和其他合法权益；
11)通过网络以文字、图片、音视频等形式，对未成年人实施侮辱、诽谤、威胁或者恶意损害未成年人形象进行网络欺凌的；
12)危害未成年人身心健康的；
13)含有法律、行政法规禁止的其他内容；
2. 不友善：不尊重用户及其所贡献内容的信息或行为。主要表现为：
1)轻蔑：贬低、轻视他人及其劳动成果；
2)诽谤：捏造、散布虚假事实，损害他人名誉；
3)嘲讽：以比喻、夸张、侮辱性的手法对他人或其行为进行揭露或描述，以此来激怒他人；
4)挑衅：以不友好的方式激怒他人，意图使对方对自己的言论作出回应，蓄意制造事端；
5)羞辱：贬低他人的能力、行为、生理或身份特征，让对方难堪；
6)谩骂：以不文明的语言对他人进行负面评价；
7)歧视：煽动人群歧视、地域歧视等，针对他人的民族、种族、宗教、性取向、性别、年龄、地域、生理特征等身份或者归类的攻击；
8)威胁：许诺以不良的后果来迫使他人服从自己的意志；
3. 发布垃圾广告信息：以推广曝光为目的，发布影响用户体验、扰乱本网站秩序的内容，或进行相关行为。主要表现为：
1)多次发布包含售卖产品、提供服务、宣传推广内容的垃圾广告。包括但不限于以下几种形式：
2)单个帐号多次发布包含垃圾广告的内容；
3)多个广告帐号互相配合发布、传播包含垃圾广告的内容；
4)多次发布包含欺骗性外链的内容，如未注明的淘宝客链接、跳转网站等，诱骗用户点击链接
5)发布大量包含推广链接、产品、品牌等内容获取搜索引擎中的不正当曝光；
6)购买或出售帐号之间虚假地互动，发布干扰网站秩序的推广内容及相关交易。
7)发布包含欺骗性的恶意营销内容，如通过伪造经历、冒充他人等方式进行恶意营销；
8)使用特殊符号、图片等方式规避垃圾广告内容审核的广告内容。
4. 色情低俗信息，主要表现为：
1)包含自己或他人性经验的细节描述或露骨的感受描述；
2)涉及色情段子、两性笑话的低俗内容；
3)配图、头图中包含庸俗或挑逗性图片的内容；
4)带有性暗示、性挑逗等易使人产生性联想；
5)展现血腥、惊悚、残忍等致人身心不适；
6)炒作绯闻、丑闻、劣迹等；
7)宣扬低俗、庸俗、媚俗内容。
5. 不实信息，主要表现为：
1)可能存在事实性错误或者造谣等内容；
2)存在事实夸大、伪造虚假经历等误导他人的内容；
3)伪造身份、冒充他人，通过头像、用户名等个人信息暗示自己具有特定身份，或与特定机构或个人存在关联。
6. 传播封建迷信，主要表现为：
1)找人算命、测字、占卜、解梦、化解厄运、使用迷信方式治病；
2)求推荐算命看相大师；
3)针对具体风水等问题进行求助或咨询；
4)问自己或他人的八字、六爻、星盘、手相、面相、五行缺失，包括通过占卜方法问婚姻、前程、运势，东西宠物丢了能不能找回、取名改名等；
7. 文章标题党，主要表现为：
1)以各种夸张、猎奇、不合常理的表现手法等行为来诱导用户；
2)内容与标题之间存在严重不实或者原意扭曲；
3)使用夸张标题，内容与标题严重不符的。
8.「饭圈」乱象行为，主要表现为：
1)诱导未成年人应援集资、高额消费、投票打榜
2)粉丝互撕谩骂、拉踩引战、造谣攻击、人肉搜索、侵犯隐私
3)鼓动「饭圈」粉丝攀比炫富、奢靡享乐等行为
4)以号召粉丝、雇用网络水军、「养号」形式刷量控评等行为
5)通过「蹭热点」、制造话题等形式干扰舆论，影响传播秩序
9. 其他危害行为或内容，主要表现为：
1)可能引发未成年人模仿不安全行为和违反社会公德行为、诱导未成年人不良嗜好影响未成年人身心健康的；
2)不当评述自然灾害、重大事故等灾难的；
3)美化、粉饰侵略战争行为的；
4)法律、行政法规禁止，或可能对网络生态造成不良影响的其他内容。
二、违规处罚
本网站通过主动发现和接受用户举报两种方式收集违规行为信息。所有有意的降低内容质量、伤害平台氛围及欺凌未成年人或危害未成年人身心健康的行为都是不能容忍的。
当一个用户发布违规内容时，本网站将依据相关用户违规情节严重程度，对帐号进行禁言 1 天、7 天、15 天直至永久禁言或封停账号的处罚。当涉及欺凌未成年人、危害未成年人身心健康、通过作弊手段注册、使用帐号，或者滥用多个帐号发布违规内容时，本网站将加重处罚。
三、申诉
随着平台管理经验的不断丰富，本网站出于维护本网站氛围和秩序的目的，将不断完善本公约。
如果本网站用户对本网站基于本公约规定做出的处理有异议，可以通过「建议反馈」功能向本网站进行反馈。
(规则的最终解释权归属本网站所有)