设计思路回顾
总结蘑菇加C端APP设计的思路,回顾整个项目的设计规划过程及思考点

项目初期,产品在功能需求采集和分析上,不断的调研,用户的真实需求,制定业务模式,架构产品的功能。这个时期,设计需要跟进产品的评审会议,了解产品的定位,目标用户群体、主要的功能、用户使用场景。考量公司战略层面的目标及理解用户的核心问题和解决方案,将这些转化为后续的设计方案。


根据用户体验要素的五大层面的产品分析,产品分为战略层、范围层、结构层、框架层、表现层,产品从开始设计到用户使用,经历了多个层面一步一步的分析再到用户的手上,每一步都是至关重要,每一步的分析不到位,或理解错误,可能设计的产品最终不是用户想需要的。

产品与市场上其他做的好的相似产品具有哪些特异点。市场上,做现有产品的app有好多,我们将这些竞品的截图页面放在Axure里,并将它们按自己的流程整齐的排列在一起,进行分析比对。记录分析的过程中一些认为体验好的地方,并在后续的设计中结合自己的产品进行思考,我们适合怎么样的方案的设计方式。
还有我们搜集网上的用户都是有什么样反馈,存在什么样的痛点诉求,从他们的地方反馈中我们提炼用户需求与反馈需求,转化为设计目标。

在产品的定位,功能需求理解上与PM形成一致,及进行一系列的分析之后,我们开始设计主功能页面,做设计风格定调。这一时期是整体产品设计调性的确定,影响后续整体产品的风格走向,我们预留了很多的时间,在这里进行不断的设计又推到重设计。这里针对我们的主要页面(例如首页、商品详情、我的)进行了n套飞机稿的设计,最终确定一套相对用户体验最优的,这个阶段的设计也陆陆续续产生初步的设计规范,制定颜色、字体、图标三大基本元素。

在设计的过程中,前期具有对产品业务及定位的了解,我们需要着重考量这些点:
1.视觉规范需要统一、保证设计的一致性
2.合理的留白专注于内容本身、权重主次区分明了,让用户一目了然知道界面的内容。
3.减少多余的步骤,让用户高效的完成任务。保证一个页面一个目标任务
4.产品的设计符合业态的既定方案。
设计预期达到的目标:
1.整体视觉用户体验感流畅,统一
2.视觉交互平稳,权重关系清晰得当。
确定风格定调之后,接下来是进行辅助功能的设计完善和单个页面的完善。
辅助功能页面如:注册/登录页面等,完成之后,继而开始设计那些单个页面包括:正常情况页面如网络连接、字符的限制,异常情况页面如输入时字符超过或小于最低限制及不输入的情况下的APP反馈界面。
后续完成了高保真原型设计,设计一套视觉流程图,将高保真原型图放在Axure的整一面页面中,这样便于查看是否有漏掉的页面(异常情况、提示提醒一类),开发和测试可以一目了然的了解整体的页面,方便理解,全部的页面放置一起方便比对可以知道是否有不统一的地方(文案、字体、颜色、交互方式等),同时与交互原型是否保持一致性,每个地方都review一遍。针对后续的迭代工作及保证设计的统一性,基于视觉流程图我们又完善APP的设计规范,加入那些通用的控件样式。
总结本次设计的过程为以下几步:

前期是跟进产品的工作熟知产品的整套流程,深入理解产品背后的商业目标,了解了那些功能的目的,给公司带来的收获,用户可以达到什么样的体验后,再将这些目标转化为设计需求,将产品工作内容的顺序也还是从主功能入手进行风格确定,然后再延伸到辅助功能,接着深入到每个页面的细节设计,有精力再做创意性改善内容。思维仍然是,从整体到局部,从粗糙到细致。




































