原型设计应当掌握的四个设计思维

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

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

初始

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

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

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

常规

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

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

边界

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

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

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

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

错误

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

小结:

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

原文发布于微信公众号 - 交互设计前端开发与后端程序设计(interaction_Designer)

原文发表时间:2016-04-11

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏SEO

学习|Google排名因素的深入了解

34370
来自专栏PHP在线

如何引导访客注册

原文出处: gkogan 译文出处:TerryFan 许多初创公司的命运几乎完全取决于一个转换点:访问者何时转换成用户。 很多时候,这个关键的任务落在了...

27660
来自专栏开源项目

如何快速搭建完整的视频直播系统?| 码云周刊第 69 期

38020
来自专栏无原型不设计

原型设计建议规范(一)

现在各种各样的互联网产品层出不穷,但是设计水平着实叫人不敢恭维。其实一款产品的设计水平在原型设计阶段就几乎已经决定了。熊先生最近和几个产品设计的大神接触,通过...

38640
来自专栏V站

SEO丨分析网站排名与流量有什么PY关系?

网站排名与流量有什么PY关系?其作用都是相互依存,相辅相成的。如果你的排名在首页,却没有流量,那排名用来干什么?假如说你的网站有非常多的流量,网站却是个垃圾网站...

23970
来自专栏开源项目

响应式网页设计指南

如何理解响应式设计(RWD) 响应式网页设计的概念最初是由 Ethan Marcotte 提出,从设计的角度引领我们思考:为什么一定要为每个用户分别做一套设计方...

33580
来自专栏草根博客站长有话说

Typecho 下谷歌 AdSense 文章内嵌广告体验

昨天明月将本博客“文章页脚广告位”的广告更换为了谷歌 AdSense “文章内嵌广告”,本来是想用“匹配内容”的,可惜iMydl.tech目前还没有达到“匹配内...

27440
来自专栏无原型不设计

十个网页设计的常见错误及解决办法

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。 网页设计师总是在不断的犯错误,可这并不表示他们不够出色...

30640
来自专栏TEG云端专业号的专栏

扫盲 : 图片的深度认知

图片是互联网的重要元素之一,各应用各网站基本上都离不开它,以图片作为关键场景的产品一直层出不穷。十年海量请求的技术锤炼,从基础服务到业务深度合作,从基础架构到精...

84730
来自专栏大数据文摘

手把手教你分析微信群聊记录,识别害群之马

1K80

扫码关注云+社区

领取腾讯云代金券