现在这个社会,一上来不谈思维似乎都会觉得自己逼不够,为了提升自己的逼格,我也加入了思维吹逼大队,说到产品思维,大家第一想到的就是用户思维,用户思维贯穿了产品的始终,说白了用户思维就是时时刻刻站在用户的角度想问题,基于这样的设定,我们周边出现的纷杂产品,以出名的由胜,成为了后续产品的设计中争相抄袭的对象;就有不怕事的大佬们挑出,中国互联网发展就是一场浩大的CTC模式(copy to China)哪怕是现在的声名赫赫的BAT(处于方便简写,目前互联网格局已非简单的BAT就可以简单概括)
基于以上模式,在设计新功能时,我们会优先考虑到这个功能前人是怎么做的,至少我是一直这么做的,特别是我在接触产品的早期。我接到新需求时,会花费大量的时间精力到网上去查询相关的讨论、帖子包括一些相关定义、相关的技术,通过这种方式,我能更清晰地认识到当前这个功能的格局,是三足鼎立还是一家独大。
为什么会有这种想法呢?我在这里的看法是:产品在设计新功能时,会考虑到用户的习惯问题,不管是操作习惯还是行为习惯,一个优良发展的产品必然会考虑到培养用户的行为习惯,以微软为例,习惯微软的操作系统的用户,猛然接触到iOS系统的工具就会觉得各种不习惯,所以互联网初期模仿Windows操作习惯的产品不再少数,用他们得意的话说这叫站在巨人的肩膀上——通过模仿微软帝国,我们在摸索用户习惯上,减少极大的便利。更进一步讲,竞品分析这一步甚至逐渐演变成一场你抄我我抄你的大战。
说点情怀的问题,每个产品都有着定义世界的目标,可是前人们已经霸占了世界,或者说培养出了形形色色的用户操作习惯和思维习惯,我的某项功能若不顺遂这种习惯,变成为了反人类的操作,因而很多的后来人选择了妥协和让步,但是前人们培养的习惯真的就不反人类吗?这是我过了很久之后才想明白的道理。
现在的社会里,做产品的门槛不高,包括做学问和科研的门槛也不高,毕竟天下文章一大抄,等到我出了学校发现原来不仅科研、文章如此,做产品也如此,学会“借鉴和致敬”你便可以在产品及各个领域混口饭吃,可能也仅仅是混口饭吃。本文基于我做产品的第一个需求,前前后后思考了很多,也收集了很多的网上帖子证据等,这篇文章的部分内容,很多更正了我的产品视角,因而写在这里分享给大家,不需要太高大上,完全处于分享和反思的心态。
我的第一个需求是统一我们产品中所有的弹窗样式,当然主要针对于dialog,但是不限于dialog。作为读者,可以思考一下,若是我需要统一dialog弹窗,我都需要统一些什么内容呢?(聪明的你若是说抄就完事,那就完事吧)
1、弹窗方式、弹出动画
2、弹窗各个部分的标尺,包括但不限于一些文本内容常见标尺
3、 交互按钮摆放顺序,比如确认取消键,我是左右摆放还是上下摆放。
具体工作做起来,远比这些复杂,我在这里就先单独讨论其中一部分。
在做弹窗这一项功能之前,我像无头苍蝇一样到到处瞎折腾,说的高大上点叫头脑风暴,我做了如下工作,顺序可能会有所不同:
1、了解弹窗的发展历史
2、去网上到处扒拉跟弹窗相关的专业名词定义,以英文名词为甚,比如dialog,toast,actionbar,snackbar etc。感兴趣了解这些名词的由来,没兴趣的就直接理解他们的定义即可,本人修生命科学,背名词解释是大考前必不可少的餐前甜点。
3、扒拉网上各种相关热度的讨论和帖子。
通过历史的了解,我收获了以下信息,弹窗的形式主要以操作系统发展,甚至很多沿用至今,比如Windows系、iOS系、安卓系,或者说PC和移动端系列。这些弹窗的历史有过比较有意思的故事,感兴趣可以自行百度,总之Windows最先统一天下,随着Mac等其他系统出现部分弹窗开始反着Windows做,到后面移动端的崛起,越来越多弹窗弹窗加入到反对Windows的暴政中来,到现在我们看到的手机操作习惯很多都是跟PC端相反的。说到手机系统,安卓部分弹窗开始归顺着Windows,和到了后面安卓4左右,加入到了iOS的阵营中,弹窗形式似乎开始有些统一
图片占位图片占位图片图片占位图片占位占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位
确认取消键的摆放顺序:
确认和取消此类的交互按钮该怎么摆放呢?网上有过很多激烈的讨论,我这里简单的总结一下
1、基于人类从上往下从左往右的阅读顺序,选择最优的阅读顺序,减少用户视野路线
2、最顺手的位置放你最想用户点的交互,顺手可以用来引导玩家
3、最好不违背用户所用的操作系统的操作习惯,比如在设计iOS系统的产品时,左边确认右边取消就会造成大量的用户误点,因为根据前文iOS系统是左边取消右边确认。除非是交互后果比较严重的弹窗,比如删除信息之类的,可以反着来,作为给误操作用户的提醒(交互后果严重的事件,一般会设置误操作方案)
基于以上网上扒拉的信息,我确定了自己的出版需求,抄袭iOS和安卓的系统弹来设计,至少不会出现严重的错误:
按钮左右摆放,想要用户的交互放在右边——玩家顺手的位置,弹出位置,弹出方式与两个操作系统相匹配。但是最终版的弹窗情况却于此截然不同,心路历程此处略过,我就谈谈自己的一下想法心得。
1、iOS和安卓的系统弹窗现在真的是没问题的吗?
2、随着时代的发展,现在的手机已于初期的智能机在各个形式上发生质的变化,我们的设计仍然需要延续吗?
3、不逆着操作系统来就一定要顺着他来?我能否找到新的方式既不顺着也不逆着来呢?
此处举水果机经典款iPhone 4s,在苹果初期,手机设计的可以单手操作,但是随着后来的发展手机屏幕朝着越来越大的方向发展,甚至开始过渡到全面屏时代,这里就不得不谈及小米神器——mix alpha 直接升级成环绕屏。对于小手机,我们可以握住手机中央进行操作,弹窗出现在屏幕中央,既不影响我们操作,还在我们视野最集中的地方,这种交互设计的非常精妙;但是现在呢,你还会拿着5.5英寸的全面屏手机,手持中央进行操作吗?这怕是有点困难,因而我们大都手持尾部进行操作,这个时候出现在中央的弹窗,我们用大拇指点击起来,不可谓不费劲;既然我们手持方位发生变化,那为什么弹窗位置不能出现在我们现在顺手的地方呢?当然可以,弹窗可以出现在底部的。
手机屏幕变大了,弹窗也可以跟着变大,出现在底部分弹窗左右做的跟屏幕一样大,这样阅读方便,设计也美观;可是问题又出现了,出现的底部,并不是我视野集中的部位呀,那怎么样让弹窗更显眼一些呢?加一个出现动画即可,我们将弹窗从下往上浮出来即可,是不是就会很抓眼球?
现在弹窗这么大,左右摆放交互按钮,右手持机左边的按钮交互起来就很麻烦,因而左右摆放便没有上下摆放方便,上下摆放的时候我们把上面的做成按钮,下方的只保留文字,不做按钮,按钮上的选项就可以来引导用户做出我们想要的交互,那下方文字便可以放上不常用交互了。
图片占位图片占位图片图片占位图片占位占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位
根据以上对新设计的解释,虽然我们没有抄设计,但是做出来的东西基本没有出现反人类的操作,但是又做出了许多让人耳目一新的效果,成就感满满~~