近期在工作中遇到两件小事，让我对用户场景与设计的关系有了更多的思考。

- 1 -

前段时间设计了一个ETC身份信息验证页面，如下图A

最下方有个提交按钮，开发跑过来问我按钮是否吸底，他先是说我们公司app所有信息填写有关页面的按钮都是吸底的（其实并不是，我怀疑开发想偷懒沿用上次的样式），理由没有被我采纳；后又说他没见过不吸底的，别人家的都是吸底的，我说也有不吸底的，两种都有，又被我拒了；后来又（上升到理论）提出质疑，说若不吸底，当用户填写到刚好一屏，而列表内容又没有遮挡时（如上图B），用户会不知道信息已填完、或让用户误以为刚好填完，而不知道下面还有按钮。

最后一条听上去非常有道理，加上开发咄咄逼人的架势，另一个女设计也过来帮开发说话，说没见过不吸底的，整的我一脸懵逼，一时不知道怎么回答了，甚至怀疑自己当初怎么想的？

开发的质疑也成了我的疑惑，后来我静下来一想发现，卧槽，不对啊开发看似严谨的逻辑完全脱离了用户使用场景的前提：

用户是点击“新办理etc”按钮进来的，打开的页面是上传身份信息页面，页面有明显的“上传”字样，（即使没有上传，用户也可以明确的感知到这是一个填写上传页面）在这里用户有一个对应的心理模型（“存在于用户头脑中对一个产品应具有的概念和行为的认知。这种知识可能来源于用户以前使用类似产品沉淀下来的经验，或者是用户根据使用该产品要达到的目标而对产品概念和行为的一种期望”《设计心理学》中的解释），即用户已经知道这是上传信息认证页面，在填完信息后会自然的寻找上传按钮，看不到按钮时必然会下滑页面，这是带有明确目的、有下意识行为的操作；在这个过程中，这个页面的功能场景和用户的心理模型，决定了会主动滑动页面而看到按钮，只要用户滑动页面也就不存在误以为只有第一屏有内容的情况了。

总结下为什么不吸底：

⊙ 用户在填写完内容之前看到按钮是没有用的（即不能提交）

⊙ 一直悬在底部干啥，告诉用户还没填完？那如果被遮挡的都是非必填项呢？用户岂不是没看到就提交了？

⊙ 按钮和协议吸底有点过多占用内容区域

⊙ 不吸底才符合用户的心智模型

什么时候吸底更恰当？当你准备让用户随时都可以提交时就可以。（简单概括，未验证，不在此讨论）

- 2 -

刚换工作，诸事不顺，刚被开发质疑完又被另一个设计师质疑。

上传身份证后有一个删除按钮, 我放的位置如上图C，在图片区域内的右上角； 提出质疑的设计师说，所有的这种删除都是如上图D那样设计的，也就是放在右上角（别人不一定，她确实是这么做的。真令人无语，什么叫“所有”，你把所有同类型的设计都看了么，说话要不要严谨点，做设计也这样可还行，还怎么进步呀！）

扯远了，回到问题上来，他说要放在图片区域外的理由是，可以防止用户误点。是不是感觉很有道理，我也差点信了她的鬼话。

我不认同的原因

⊙ 点击区域的问题应该由开发把可点区域写大，因为即使放在图片外，删除按钮本身很小也不易点击

⊙ 单从审美上，个人认为放在图片区域外视觉上没有放在图片区域内舒服

为什么说可以不要？试想一下用户操作场景：

① 上传图片——直接点击上传图片区域

② 更改图片——直接点击上传图片区域

③ 删除图片-不上传——不存在：上传是必填项，不上传无法提交

④ 删除图片-重新上传——点击删除按钮再点击上传图片区域

等等为什么要删除图片？直接修改不是一样的效果么，更改图片其实就是删除+上传；删除后再上传反而多做了一步无用功，降低了操作效率。

我保留了删除按钮（一是为了照顾老年用户、提高容错率，二是产品要求要有，作为新人不想有过于激烈的争论，这点不要向我学习），点删除按钮和整个图片区域都是直接修改图片。虽然删除按钮没有删除功能，用户在使用的时候却也察觉不到，因为用户删除行为背后的目的是要替换。

我检索了下，通常对用户使用场景的定义，大概是Who When Where What How 五要素，即谁在什么时间什么地方做什么事以及感受如何 如：我中午在户外阳光下看小说，感觉阅读文字很吃力。

我觉得这个场景是比较宏观的，或者说更适用于产品经理，在具体设计中很难对应。设计执行时我理解的Who即用户，设计师有时需要考虑考虑用户属性、特征对设计的影响，如用户年龄、性别、经验、喜好等；Where即用户所在的页面，需要考虑从哪来，到哪去；When&What即当用户在这个页面、在用某个功能时要干什么，完成什么任务；How即我们帮助用户怎样更好地完成任务。

在整个使用场景中好的用户体验需要设计、产品、开发共同合作完成。

被人质疑虽然有点不爽，但却能激发我们独立思考。

关于UI方面的内容，以后会更多的以思考的形式记录；更倾向于记录和思考，不是教程、也不刻意追求结论；欢迎讨论拍砖，共同进步！

微信关注“小桔设计"，免费送你追波邀请码：

1. 视错觉与视觉平衡

2. 用Sketch画图标的正确姿势

3.100M的PDF作品集无损压缩到10M的方法

Powered by Froala Editor