设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 投稿文章 > 原型设计应当掌握的四个设计思维:初始、常态、边界、错误

原型设计应当掌握的四个设计思维:初始、常态、边界、错误

刘洋
2016-03-16
76548

从产品助理到产品经理,从负责模块优化到从0到1的全程设计、跟踪,从完全的产品小白到拥有自己的设计方法,这是一个成长的过程艰辛又坎坷。现在将要分享的是成长中所学到的一小段小知识:原型设计应当掌握的四个设计思维。

原型设计应当掌握的四个设计思维包括:初始、常态、边界、错误。这四种方法,产品经理在设计中可能有的人都经常在这样做,但是少有人总结提炼出简单八个字所深谙的设计思路。当你看到这篇文章的时候,或许应该打开脑洞回忆下在原型设计的时候你是否也都考虑到了,考虑到了初始、常态、边界、错误的四种情况,当时的你是怎么想的,设计出来的原型在评审的时候是否漏洞百出?如果有那么正好,这篇文章可以帮你弥补一些你欠缺的思路,我没有卓越的产品设计经验,只是想把自己学到的和感悟到的分享给你,何不泡杯咖啡一起讨论下呢?

初始

初始,简单理解就是,你要展示给别人的第一印象。如果想象下,我不那么认真的打扮自己,头发像一个鸟窝,一身邋遢样,我感觉,见面没多久她会说我下午还有事先走了,下次有机会再约非常抱歉之类的话。说这么多,只是想告诉你,第一印象多么重要,在最简短的时间里抓住用户的心理让她们对你(的产品)产生好的印象。

1.1

如何建立用户的第一印象?这就是我下面要说的产品设计四个思路的第一个:初始。初始分为界面结构、样式和功能,用户进入APP,第一眼就能看见,有没有我想要的(界面结构清晰简单),是不是我喜欢的(界面样式是否喜欢或则至少不会丑到不能直视)。

  • 界面结构,用户进来首页,看完大致内容,想要进一步操作,是不是简单容易最好是不用思考,导航的设计,信息结构的建设,这些都是初始化设计要做的事情。
  • 界面样式,这包含了排版、布局、文字大小、颜色,做产品设计的时候不求像UI设计师那样专业,但是至少应该略懂。
  • 功能的初始,APP启动需要哪些配置,后台如何设计;在进入无数据页面,如何提醒用户,并指导他们进行后面的操作。

FotorCreated

FotorCreated2

常规

原型设计的第二个思维,常规。常规怎么理解?APP或则网页正常运行的界面,常规是我们最不容易忽视的地方,页面的展示、排版、布局都是常规设计。做常规设计的时候,首先我们要明白设计的目标,这个页面需要承载的功能,如果存在多角色(如领导、员工)还要考虑领导进入页面和员工进入页面所展示的内容的差异。

常规涉及的内容比较宽泛,这里举个简单的例子,关注微信(XXXX),以后单独写几篇关于常规的设计思路。(问号表示还需考虑,这是简单的原型,不过设计出来后,自己挺喜欢的。)

clipboard

边界

原型设计的第三个思维,边界。边界包含了操作边界和显示边界、战略边界

何为操作边界?这里转载一篇评论:作为一名产品/开发,逻辑思维和边界意识一定要OK,你至少需要说明你的场景是左手还是右手,用户中单左手操作、单右手操作、左手持机右手操作、右手持机左手操作这些分类的人群比例有数据或做过调研?如果不清楚比例,那你的思考一开始就有失偏颇了。(出自 xiaoyuanjack http://www.woshipm.com/pd/93386.html

还有一种边界叫显示边界,比如用户在执行操作时手指的接触面是无法看到手指下面的内容的,所以对于某些尺寸很小的交互元素(如按钮),需要将实际的可触击区域扩大到其可视范围;又如,简书的昵称输入,最长可以输入汉字呢?文章标题长度超出显示的边界,点击数随着日积月累变得很长,这些需要产品经理在设计的时候就要思考。

战略边界,确定哪些是我们产品要做的,哪些是坚决不碰的(疯狂番茄/滴答清单,最简单的工具,AppStore),哪些目前阶段触摸但是不深入做的,战略边界需要更有经验的高级产品经理或者产品总监、老板来确定,或许你现在可以慢慢培养这样的思维。说句题外话,总监单独给我开小灶的时候,提了一句我想我永远不会忘记的话:心中有格局,眼里有像素

FotorCreated3

错误

最后一个方案,错误。网页和APP,在不同人操作或则不同环境下操作,可能会出现一些异常情况。比如网络不好,程序出错,无权访问等等。猜猜下面这张图是哪一个APP的友善提示呢?

404

小结:

无论是设计APP还是网页,又或是其中一个模块,在设计的时候,我们都要先考虑初始化,当用户进入页面看到的主要内容有哪些,有哪些功能的入口;然后开始着手原型,注意保持边界思维,显示内容的长度,需要点击按钮的大小等等;如果网络信号不好、或则页面不存在的时候需要有加载提示或则错误提示,不要让用户觉得APP/网站服务器不好、程序太烂,产生不好的印象。最后想说的是,这四个思维非常有用,消灭了大部分设计的细节,更多交互细节,以后随着学习和实践的深入再和大家一起交流。

上一篇
一份简单实用的微交互设计指南

薛斯塔   03/17

iOS设计中的三个关键字

陈文龙   03/15

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com