浅谈产品思维(1)——从dialog确认和取消的摆放位置说起

现在这个社会,一上来不谈思维似乎都会觉得自己逼不够,为了提升自己的逼格,我也加入了思维吹逼大队,说到产品思维,大家第一想到的就是用户思维,用户思维贯穿了产品的始终,说白了用户思维就是时时刻刻站在用户的角度想问题,基于这样的设定,我们周边出现的纷杂产品,以出名的由胜,成为了后续产品的设计中争相抄袭的对象;就有不怕事的大佬们挑出,中国互联网发展就是一场浩大的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英寸的全面屏手机,手持中央进行操作吗?这怕是有点困难,因而我们大都手持尾部进行操作,这个时候出现在中央的弹窗,我们用大拇指点击起来,不可谓不费劲;既然我们手持方位发生变化,那为什么弹窗位置不能出现在我们现在顺手的地方呢?当然可以,弹窗可以出现在底部的。

手机屏幕变大了,弹窗也可以跟着变大,出现在底部分弹窗左右做的跟屏幕一样大,这样阅读方便,设计也美观;可是问题又出现了,出现的底部,并不是我视野集中的部位呀,那怎么样让弹窗更显眼一些呢?加一个出现动画即可,我们将弹窗从下往上浮出来即可,是不是就会很抓眼球?

现在弹窗这么大,左右摆放交互按钮,右手持机左边的按钮交互起来就很麻烦,因而左右摆放便没有上下摆放方便,上下摆放的时候我们把上面的做成按钮,下方的只保留文字,不做按钮,按钮上的选项就可以来引导用户做出我们想要的交互,那下方文字便可以放上不常用交互了。

图片占位图片占位图片图片占位图片占位占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位图片占位


根据以上对新设计的解释,虽然我们没有抄设计,但是做出来的东西基本没有出现反人类的操作,但是又做出了许多让人耳目一新的效果,成就感满满~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,830评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,992评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,875评论 0 331
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,837评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,734评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,091评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,550评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,217评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,368评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,298评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,350评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,027评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,623评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,706评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,940评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,349评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,936评论 2 341

推荐阅读更多精彩内容