APP设计时的 “纠结点” 解析

前言

在做页面设计时你是否有过这样的时刻:在参考一些应用时,有些是这么做的,有些是那么做的;这个时候尤其是新手,内心可能会无比纠结;好不容易下定注意选其中一种作为自己应用的参考时,在设计评审时又可能会遭到产品经理和开发同学的质疑,为什么这样做?为什么不那么做?谁谁家的APP就是那么做的等等,那么这时候你可能又会妥协说:“嗯,那样也行”,因为你没有认真思考过你所选的“最优方案”的最优理由是什么?相似方案中有什么差异?它们的优缺点是什么?是否贴合你所设计的产品等。

如果你思考了这些问题,就算在遭到别人质疑的时候,也能为对方分析讲解你的看法和理由,那么这个时候他们也就会更加认同你的方案和观点。

下面就APP界面设计中3个常见的“纠结点”来展开分析我的理解,希望这些分析理解能对还在纠结的你有所启发。

1、必填项的星号可以用别的颜色吗?

2、表单填写的信息到底是居左显示还是居右显示?

3、表单页面需要有保存按钮吗?


一、必填项的星号可以用别的颜色吗?

建议是:最好不要

必填项星号:一般位于必填信息项的前面,用于提醒用户此项为需要重点关注的必填信息。

首先它的作用是为了提醒用户这个是必填项,一般用红色星号表示,一是比较醒目,再一个这是一个用户共同认可的标示(星号+红色才是必填符号)。现在有些应用为了契合APP的主色,把必填星号颜色设计成了别的颜色,但如果用其他颜色的话,不同用户可能会有不一样的理解,例如一个app的主色为绿色,前面必填星号也是绿色,先不说不同用户会不会有不同的理解,站在产品本身可能就没有很好的向用户传达出这里比较重要,需要关注的意思。也就没有达到不到提醒用户的意思。

左图红星号,右图绿星号


二、表单填写的信息到底是居左显示还是居右显示?

 建议是:分情况;信息少、提示类(辅助信息)居右显示。功能填写类信息与左侧标题隔开固定间距居左显示。

下面我们看几个界面:

图片来自网络(侵删)

界面1:列表填充的信息是居右显示(灰色小字);

此类信息一般为提示类或下级页面的主要信息展示,一般内容较简单,目的是辅助说明、提示

界面2:列表的填充信息是居左显示(跟前面信息项隔开固定间距)

一般为表单填写信息类页面,需要用户输入一些内容以完成任务的操作,输入的内容需要用户重视,该部分填充的内容为页面的主要信息。居左展示1、能很好的与左面的信息标题联系起来、方便对内容的阅读理解 2、遵循大众从左到右的浏览习惯,方便用户检查填写的信息 3、由于标题和右侧的信息距离(界面2中A)是固定的,同时右侧信息也有一个基准线的左对齐位置(界面2中C),符合格式塔心理学中人倾向于固定视觉流的浏览模式,此时浏览效率也就最高。

界面3:列表的填充信息是居右显示(折行时也是居右折行)

这么设计的目的主要是为了让界面视觉上显得左右平衡;由于浏览时需要跟左侧的信息标题联系起来,当内容少时(标题在最左边,信息在最右边),视觉距离上离得较远,阅读时不能很好的连接;当右侧信息较多时居右折行,这时折行信息的浏览就产生了视觉差(界面3中的D),  这里的视觉差可以理解为每次用户换行浏览信息时,主内容左侧的位置是不固定的,尤其是页面内容较多时,用户浏览起来就易产生疲劳感,操作效率较低,同时也违背了大众的浏览习惯。

界面4:填写类信息是居左显示,选择类是居右显示

这类界面是两种形式的结合,在这个界面里填写项信息居左显示,选择类信息居右显示;我的建议是没太必要:1、人的浏览习惯还是从左至右,固定的浏览模式效率是最高的 2、有的居左右的居右,视觉上也会感觉比较凌乱。


三、表单页面需要有保存按钮吗?

建议是:设置类不需要,功能操作类需求。

有些同学分不清可操作表单页面什么该有保存/提交按钮,什么情况下不需要;这就说到前段时间在公司接到产品的一个需求,需求里的操作表单里全部没有按钮,就是当前页面操作完成后,直接点击左上角的返回,之前的操作就被保存了;需求交给我时还特意给我说了这点,“操作页面就不要保存按钮了,我看iOS系统页面就是这么做的”,到这我想说的是我们在参考别人的设计时,不能只是看到表面的东西,要理解并分析别人这么做的理由什么?用户在用的时候是基于什么样的场景?有什么利弊?下面就这个问题简单谈下我的理解:

先来看下面两张图,第1个操作界面没有保存按钮,第2个操作界面有保存按钮,为什么?真的是个人喜好决定的吗?它俩一样吗?

图片来自网络(侵删)

页面操作是否需要保存/提交按钮,我的理解是以下几点作为判断依据:

放大查看

 其实判断标准很简单,就是它是不是一个完整的功能/任务操作页,需要有各种校验判断,需要有一定的逻辑性和必须性。


 总结:

还是那句话,在做页面设计时,不要只看到表象的层面、盲目跟随;要结合产品功能和设计目的来考虑最佳的设计方案,我们产品的服务对象是“人”,那么就要结合大众的认真和对人的理解(心理学)的角度去分析考虑问题;

还有一点很重要,如果没有更好的设计方案(且这个设计方案是经过验证的),就不要轻易的去改变大众已经形成固定模式的认知习惯,在你看来这是一个创新,但在用户的角度看来这有可能是一个“不友好”的设计。

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