交互设计的设计流程
发布网友
发布时间：2022-04-22 00:14
共2个回答
热心网友
时间：2022-07-10 19:36
1、分析阶段
需求分析、用户场景模拟、竞品分析（聆听用户心声）。
需求分析：对于一个产品来说，必然有对用户需求的分析内容，更多的是从MRD与PRD获得，或者从产品需求评审会议上得到需求分析的内容，当然可以直接与产品经理交流获得相关产品需求。如果说设计原则是所有设计的出发点的话，那么用户需求就是本次设计的出发点。
用户场景模拟：好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要，了解产品的现有交互以及用户使用产品习惯等，但是设计人员在分析的时候一定要站在用户角度思考：如果我是用户，这里我会需要什么。
竞品分析（聆听用户心声）：竞争产品能够上市并且被UI设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。当市场上存在竞品时，去听听用户的评论，哪怕是骂声都好，别沉迷于自己的设计中，让真正的用户说话。
输入物：MRD、PRD、市场调查报告、竞品分析文档（或其一或全部）
输出物：设计初稿（或许只是几个简单的界面）
2、设计阶段
设计方法采用面向场景、面向事件驱动和面向对象的设计方法。面向场景是针对该产品使用场所等模拟，模拟用户在多种情况下产品使用的模拟。面向事件驱动则是对产品响应与触发事件的设计，一个提示框，一个提交按钮……这类都是对事件驱动的设计。面向对象，产品面向的用户不同对于产品的设计要求不同，不同年龄层的用户对于产品的要求不同，产品的用户定位将对UI设计师影响因素。
输入物：交互文档（高保真原型）
输出物：设计终稿（所有的设计稿）
3、配合
UI设计师交出产品设计图时，更多的配合开发人员、测试人员进行截图配合。配合开发人员对于PSD格式的图片切图操作，对于不同的开发人员的要求，切图方式也有不同，UI设计师需配合相关的开发人员进行最适合的切图配合。
输入物：设计终稿
输出物：设计修改稿（设计稿切片）
4、验证
产品出来后，UI设计师需对产品的效果进行验证，与当初设计产品时的想法是否一致，是否可用，用户是否接受，以及与需求是否一致。都需要UI设计师验证，UI设计师是将产品需求用图片展现给用户最直接的经手人，对于产品的理解会更加深刻。
输入物：产品
输出物：产品（面向用户最终版本）
产品UI设计中夹杂着许多设计原则要求，统一公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。UI设计师应该分析公司产品的特点，制定符合产品生命周期的UI设计流程。每个产品的生命周期中，UI设计师应该严格按照流程，完成每个环节的职责，确保流程准确有效的得到执行，从而提高产品的可用性，提升产品质量。
热心网友
时间：2022-07-10 19:36
一个完整的设计流程是怎样的?
以下是一个范例:
一、写问题脚本(Problem Scenario):罗列人物角色在使用产品时可能遇到的问题,可以整理成一个故事便于别人理解
基于你对人物角色(Persona)的理解,你应该已经可以设想出他们在使用产品中可能遇到的问题了。你可以为每一个人物角色(Persona)列一个问题单,也可以把它们整理到一个简短的故事里。
二、写动作脚本(Action Scenario):像写故事一样,写人物角色在使用你设计好的产品时,发生的细节。注意,这个时候你的交互方案的概念模型已经基本成型了,这个概念模型是通过解决问题脚本里的问题而得出的。
首先你要为已列出的问题想好可能的解决方案,然后写一个简短的故事把这些解决方案囊括进去。写成故事的好处是代入感较强,对别人来说容易理解。国内比较推崇故事版,但是把所有情景画出来的效率是非常低的。
三、画线框图(Framework):这个线框图是通过把动作脚本里的概念模型转化成视觉模型得到的。
这个时候你对你的交互方案已经有了一个比较抽象的想法了,现在只要把它具象化就好了。线框图大家都比较了解,这里就不多说了。
四、制作原型(Prototype):做出来好像可以用的东西,有很多原型工具可以利用。
就算没有程序员帮忙,可以使用的原型工具还是很多的。不论用什么手法,哪怕是PPT或者PDF,只要做出一个可以交互的东西就行了。一个原型是不可能实现所有功能的,所以你要确定几个可以走通的任务。例如能够成功在知乎里发布一个问题等。
五、专家评测(Expert Evaluation):至少两名设计师或对交互设计比较了解的人通过反复测试原型。找到问题后修改线框图并更新原型。
原型完成后召集至少两三个设计师或者对交互比较了解的人,使用并评测原型。你可以将原型所关注的几个任务列出来,以免专家不知道原型哪部分可交互哪部分不可交互。
比较常用的评测方法是启发式评估法(Heuristic Evaluation),而这种方法比较常见的标准是尼尔森交互设计法则(Nielsen Heuristic)。以下是十条尼尔森交互设计法则(Nielsen Heuristic):
1、系统状态是否可见(Visibility of system status)
2、系统是否符合现实世界的习惯(Match between system and the real world)
3、用户是否能自由地控制系统(User control and freedom)
4、统一与标准(Consistency and standards)
5、错误防范(Error prevention)
6、减轻低用户的记忆负担(Recognition rather than recall)
7、灵活性和效率(Flexibility and efficiency of use)
8、美观简洁(Aesthetic and minimalist design)[page]
9、帮助用户认知、了解错误,并从错误中恢复(Help users recognize, diagnose, and recover from errors)
10、帮助文档(Help and documentation)
如何做启发式评估法(Heuristic Evaluation)?很简单,专家们各自将自己发现问题列出来,并将之与对应的法则相关联,或者根据法则来查找问题,然后专家们分别给自己的问题打分。专家们完成自己的问题列表后,一起讨论,将问题整合起来。
流程中常用的打分方法如下:
4分–问题太过严重,一旦发生用户的进程将会终止并且无法恢复3分–问题较为严重,很难能恢复
2分–问题一般严重,但是用户能够自行恢复,或者问题只会出现一次
1分–问题较小,偶尔发生,并且不会对用户的进程产生太大影响0分:不算问题
记住:评测完后别忘记修改你的线框图和原型!
六、用户评测(User Evaluation):让用户使用原型,可以给他们一些任务去完成。根据用户在使用过程中的问题和建议进行进一步修改。
原型通过专家评测后,你可以找一些典型用户使用原型。你可以把任务列给他们,让他们自己尝试完成任务。中间遇到的问题可以记录下来,设计师通过观察来进行评分。
比较常用的用户评测方法是Think Aloud(对不起没有找到合适的翻译)。做法也很简单,你让用户使用原型完成指定的几个任务,让他们在使用过程中将他们的每一步和心中的想法说出来。如果他们忘
记说或者不知道该怎么说,你可以适当提问。与此同时,你要将屏幕和声音录下来,可以用录屏软件或摄像头。完成后,你回放这些视频,把观察到的问题和用户报告的问题全部记录下来,与交互法则关联并且打分。
值得注意的是,很多人更习惯给出建议而不是提出问题,例如“这个按钮应该更大一点,这样才看的到”。这时,你该记录下来的是“按钮不够引人注意”。
来源：分享一个完整的交互设计流程
