咨询,就免费赠送域名与服务器,咨询热线:15319700098当前位置: 主页 > 建站知识 > 网站建设知识 >
推荐内容

联系我们
电话咨询:18966828890
E-mail:438445@qq.com
地址: 西安市含光北路医药交易大厦6楼

网站建设方案的“三种模型,三层构建”法

作者/整理:西安网络优化 网站 来源:互联网 2018-01-17

 
网站建设工作流程中,最关键的就是构建方案了。最终输出的结果是直接面向用户的,决定了业务目标是否可以达成。
 
 
一个质量上乘的设计方案,都是设计师合理地需求分析后,合理地构建而成的,笔者一直采用的构建方法是“三种模型,三层构建”法。
 
 “以目标为导向的设计”, 首先需要明确好我们的设计目标是什么?需求分析的结果最终是要导向设计方案中的,其实这个导向所指的便是通过合理的需求分析过程明确我们的设计目标。
 
 
设计目标其实就是一个分析结果,这个结果是需要通过设计达成的,并且包含着我们对用户诉求与业务诉求的权衡,比如电商平台中的“通过设计加快用户完成最终结算行为,进而提高平台销售量”,这便是一个十分清晰的设计目标了。明确好设计目标,会令我们在后续的构建设计方案过程中更有方向。

 
“三种模型,三层构建”中的三种模型实际上指的是三种思维模型:
 
 
 
用户情感模型指的是用户会在你的设计方案关联的物理场景中产生的各式各样的情感。作为设计师,通过关注用户的情感模型,可以让自己的设计方案借助用户的正面情绪产生正向效益,反之,也可以让设计方案合理地规避掉用户负面情绪带来的负面影响。
 
例子,在最近很火的王者荣耀游戏中,玩家只要在单场比赛中获得MVP,便会在游戏结束后让该名玩家跳到一个MVP专属的页面,此时玩家的情绪是兴奋自豪的,处在一个正面情绪爆发的状态。结合社交系统中常见的攀比心理对分享按钮的文案进行适当的修饰,就可以很好地促进玩家对游戏的分享转化。
 
用户心理模型又叫心智模型,这是一个用户体验设计理论中已经存在的用户思维模型,主要指用户在认知层面中是如何对设计师设计出来的产品或者软件的运作机制进行理解的,还有在这个设计方案中用户是基于什么目的对自己的行为进行决策的。
 
例子,用户截图通过微信发送给微信好友这个场景,在旧版本微信的用户心理模型中,用户首先是在手机中截图,然后是通过微信中的发送图片的按钮进入手机图库选择截好的图进行发送。通过对原有心理模型分析,设计师在新版本截图场景心理模型的选择步骤前添加了一个微交互,即用户点击消息页面输入栏中的添加按钮后,直接弹出一个可供用户快速获取截图的点击气泡,用户点击该气泡便可以直接将截好的图进行发送。
 
从用户认知层面来说,用户在截图场景中,最关注的就是发送的图片以及是否发送成功,因此,进入手机图库的动作在该场景下的用户心智模型中便变得不是那么必要了。并且也结合用户情感模型,在用户焦急需要发送图片的情绪下,合理地减少用户操作步骤,大大地提升了用户的使用体验。
 
 
系统实现模型顾名思义就是设计方案在系统层面上是如何实现的,简单来说就是了解开发人员是如何对我们设计方案进行实现的。
 
三层构建法指的是设计师在构建设计方案过程中逐层进行构建的一个方法论,其中的三层分别指核心玩法层(第一层)、用户路径层(第二层)以及界面呈现层(第三层)。
 
 
 
第一步,核心玩法层的构建。
 
所谓的核心玩法其实就是指核心业务的意思,我更愿意将其称之为“玩法”,因为这会让我思维不那么墨守成规,并且在前面的文章中提到过用户体验设计师的需求来源是复杂多样的,称之为“玩法”会比起业务来得更加灵活可变。而核心玩法层的构建实际上就是窜联核心玩法涉及事件的过程。
 
第二步,用户路径层的构建。
 
核心玩法层构建后,我们就需要根据玩法的窜联逻辑来构建用户路径层。用户路径指的是指用户从触达设计产出物到使用后离开的整条链路。基于前面提到的三种思维模型、前期需求分析过程中用户诉求的研究以及经典的交互设计五要素,我们在构建用户路径层的过程中,需要在路径上每个节点中,对用户的行为、想法以及情绪做出定性的描述,后续这些定性描述的结果将会关联到第三步构建界面呈现层中的信息架构设计过程。
 
交互设计五要素:人、行为、目的、媒介以及环境。
一般情况下,构建用户路径层可以采用用户体验地图的方法进行。
 
第三步,界面呈现层的构建
 
构建界面呈现层这一步骤,是三层构建法的最后一步,也是很多交互设计师或者UE设计师工作中接触最多的一步,简单来说可以理解成就是输出方案结果原型的一步。因此,很多时候,设计师在构建界面时,更多精力甚至是所有精力都只会投入在画原型上,但是这样是不合理的。因为基于前面所提到的三种思维模型,一个完整的设计方案的结果输出并不是仅仅是一些界面的集合,而应当是一个界面流。所以,我们首先在画原型之前应当进行流程与信息架构的设计,这样可以保证方案的闭合完整性,不会出现诸如在生产过程中技术反馈交互状态缺失等等问题。
 
流程与信息架构的设计是基于前面构建好的用户路径进行的,简单来说就是将用户路径中的用户行为逻辑物理化。
 
在完成了流程与信息架构设计后,我们就可以开始基于设计好的流程与信息架构进行原型界面流的设计,原型界面流包括两部分:流程状态与界面结构布局。