交互设计:谈谈那些极具争议的设计方法

作者:中大yzh全文共 2556 字,阅读需要 6 分钟———— / BEGIN / ————交互设计是一门有关设计学、用户心理学、图形学和计算机理论的综合型新兴领域,由于其及其复杂的学科交叉性,以及在不同的情景下,对同一类组件的要求经常会有所不同,导致目前在该领域内有时会出现一些看似正确其实极富争议的设计方法。在这里,我们就讨论一下这些具有争议的设计方法。争议方法1:在线填表时应该标注“可选填”的填表项在线填表时,需要在表格上面注明“...

交互设计:谈谈那些极具争议的设计方法

作者:中大yzh

全文共 2556 字,阅读需要 6 分钟

———— / BEGIN / ————

交互设计是一门有关设计学、用户心理学、图形学和计算机理论的综合型新兴领域,由于其及其复杂的学科交叉性,以及在不同的情景下,对同一类组件的要求经常会有所不同,导致目前在该领域内有时会出现一些看似正确其实极富争议的设计方法。

在这里,我们就讨论一下这些具有争议的设计方法。

争议方法1:

在线填表时应该标注“可选填”的填表项

在线填表时,需要在表格上面注明“必填”和“可选填”是一个需要注意的问题,部分交互设计人员曾提出,应该标出“可选填”项,这样会让用户有更好的体验,对此我们做了一次问卷调查。

调查结果为:

  • 31%的调查对象喜欢”只标明必填项的问卷“

  • 10%的调查对象喜欢”只标明可选填项的问卷“

  • 32%的调查对象喜欢”必填项、可选填项都标明的问卷“

  • 另有27%的调查对象”无所谓“(见下表1)

与之前提出的“在线填表时应该标注‘可选填’的填表项“不相符。

交互设计:谈谈那些极具争议的设计方法

表1,问卷调查结果

分析原因:

  1. “必填项”、“可选填项”有其中一个不去标明就会让用户对该项是否必填产生不安全感。

  2. 上述的不安全感可能会变成一种厌烦感,因为用户往往很忙,本身就不愿意去填这个表格,这种连“必填“和”可选填“都没有标完整的方法可能会加重这种不愿意的感觉。

  3. 用户在繁忙时,可能只关注“必填项”,想着把必填项填完就立刻离开。


相关案例:

1.如下图所示的在线填表界面,由于设计人员把每一个待填项都做出了“必填”的标识,使得用户在填表时不会有其他想法,只会专心填表,避免了用户的思考和烦躁情绪。


交互设计:谈谈那些极具争议的设计方法

2.在一些非常重要的在线填表系统中(例如:学生基本信息表),一些看似很重要的待填项如果没有被清楚的标识为“可选填”,也有可能造成用户的疑虑。


交互设计:谈谈那些极具争议的设计方法

上图中的待填项,出现在对用户非常重要的在线招聘网站上时,用户可能会对上面的两条产生疑虑,因为这两个待填项似乎很重要,可能有必要填,但是又没有标明为“必填”,所以用户会去思考到底要不要去填这两项,加之如果真要填这两项又需要用户去颇费周折地寻找可靠的“紧急事故调整人”和输入冗长的“备用银行账户”,这会加重用户抉择的压力,使用户烦躁,该系统也可能因此而失去至关重要的安全感。

如下图,未表明是否可选填却又看似很重要的“自我陈述”待填框也因为其需要费事费力地填写而增加用户的抉择压力,使用户的体验度降低。

交互设计:谈谈那些极具争议的设计方法


小结:

对在线填表的”必填“、”可选填“的标注,要充分考虑到具体的实际情况,结合用户的繁忙程度、待填项的重要程度、待填项填写的繁杂程度等等,最保险的做法是把”必填“和”可选填“都标注出来,即便是选择只标注”必填“或”可选填“中的一种,也要根据情况具体考虑,以免出现让用户犹豫不决的情况,从而能够真正地提高用户体验,切勿盲目听从一些个别化的言论。

争议方法2:

在用户大拇指的触碰区(见下图)放置最常用的按键

交互设计:谈谈那些极具争议的设计方法

只要条件允许,人们使用app的姿势一般就很可能是双手持机,此时触碰屏幕的主要是右手的食指或中指。

这种情况下,人们最方便触碰的区域其实是屏幕中心的那片区域,应该在设计App时考虑到这样的情况,说不定这款App的主流用户大部分情况下就是用双手持机的(能有闲暇看新闻、玩p图、在线聊天的时候,人们往往都能抽出双手来,因为这会让他们感觉拿的平稳一点)。

另外,对于亚洲地区的用户,由于亚洲人手小并且也喜欢用大屏幕手机,他们在使用移动设备时往往是用手掌夹住手机中间靠下的机身部分,并不能完全做到像欧美人那样用手掌包住机身下部。

这时的拇指触碰区变成了手机的中下部区域(见下图红色区域),而不是底部(尤其是亚洲女性,有部分身材矮小的亚洲女性因为手掌面积小导致很难在单手持机的情况下正常使用手机)。

交互设计:谈谈那些极具争议的设计方法


分析原因:

用户的使用姿势很多时候不一定是单手的,不同情况下,用户的最方便触碰的区域其实并不一样,很多使用大屏手机的用户已经适应了双手持机。

同时,不同体型的人握住手机的姿态也可能不太一样,亚洲人手掌小,喜欢双手持机,并且持机的手握位置也因为手掌大小问题与欧美人存在差异,然而欧美的设计人员似乎没有考虑到这个问题,他们做出来的产品似乎也没有考虑到。

相关案例:

1. 只要条件允许,人们使用app的姿势一般就很可能是双手持机,如下图所示,大部分人都比较喜欢双手持机,此时最方便的触碰屏幕的方式是用中指或食指触碰屏幕中间的那片区域。

交互设计:谈谈那些极具争议的设计方法

很多时候,人们会选择双手持机

2. 亚洲人往往不能完全做到像欧美人那样用手掌包住机身下部,这时的拇指触碰区变成了手机的中下部区域(见下图)。

交互设计:谈谈那些极具争议的设计方法

部分身材矮小的亚洲女性因为手掌面积小,导致很难在单手持机的情况下正常使用手机(见下图,这位女士的大拇指很难碰到手机偏上位置的几个应用图标)。

交互设计:谈谈那些极具争议的设计方法


小结:

移动应用的用户在不同的情境之下会有不同的使用习惯,不同人种、性别也可能会有不同的使用习惯,App设计人员应该考虑到这一点,从而精准对待用户,国内的设计人员尤其要注意从欧美人的持机习惯中得到的设计规律。从而能够做出变通。

争议方法3:

PC版网页转成移动版网页不是最好的方法,应该改用App版

其实用户只是想要浏览一下内容,当他们对浏览器上移动端网页感到厌烦时,就已经看不下去网页了,更不会花费手机珍贵的内存专门下一个App。

分析原因:

当移动版的网页已经让用户很不满意时,他们应该不太会去下一个App去解决问题,他们往往会换个网站或者干脆不看了。

用户往往都很忙,他们在忙乱之中看看网页,不满意的东西他们一般会选择丢弃而不是多费点事情解决它。

使用App的潜在用户往往是对移动端网页版很满意,因此经常使用移动端网页版,从而成为忠实用户的那部分人,他们可能会在形成对移动端网页版的使用习惯后,自愿去下载移动App版。

举例说明:

产生App版用户的过程:

交互设计:谈谈那些极具争议的设计方法

移动App版做得很好,却忽视了移动端网页版的用户体验时的情况:

交互设计:谈谈那些极具争议的设计方法


小结:

对移动端网页版的设计还是应该有足够的重视,因为移动端网页版往往是决定用户是否会成为忠实用户,并且下载移动端App的连接点和推荐器。

总结:

以上总结起来:不要盲目跟随、根据具体情况考虑用户体验、设计人员也要考虑推广等业务的流程。

———— / END / ————

作者:中大yzh,中大数据院,2年用户体验,4年IT技术,从程序员和设计人员的角度综合分析互联网产品。

本文由 @中大yzh 原创发布于人人都是产品经理。未经许可,禁止转载

交互设计:谈谈那些极具争议的设计方法

点击“阅读原文”下载APP

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/34974/

(0)
交互精选交互精选
上一篇 2018-02-01
下一篇 2018-02-01

相关推荐

  • 艺术留学新宠—交互设计选"综合类"院校和"艺术类"院校有何差别?

    在当下这个数字智能急速发展的时代,交互设计成为了热门探索领域,同时它也是当下最受欢迎的留学专业之一。相较国外,国内开设交互设计专业的院校较少,即便有,也是和工业设计专业剪不断理还乱。而真正的交互设计包含的范畴更广,这一点从国外不同院校的交互类专业方向上可以看出,其教育框架完全在APP这一分支之上,而表现形式也不局限于媒体、数字、艺术、装置等。对于想要申请国外顶级交互专业院校的同学来说,确定好自己想要探究的专业领域是选校时的重要参考标准。...

    2018-05-07
  • Google 内部资料:提升用户体验的三大设计原则

    想提升用户体验?在你运用自己的创意和设计思路时,请考虑这些由 Android 用户体验团队秉承用户体验至上的理念而制定的 Android 设计原则。一、让人着迷1. 以意想不到的方式让人眼前一亮漂亮的界面、精心布置的动画,或恰到好处的声效,都会带来快乐的体验。精细的效果能产生一种轻松的氛围,让人感觉自己拥有强大的力量。2. 实际对象要比按钮和菜单更有趣让用户可以直接触摸和操作你应用中的对象,这样,可以让执行任务更轻松,让用户更满意。3....

    2018-02-06
  • 做你女朋友,用户体验真差

    点上方蓝字关注「晚安少年」每晚十点,一位少年陪你说晚安文/陈大力经作者授权发布01先说件有趣的事。我前两天跟gay蜜吐槽我男朋友。内容是:不会夸人,半句甜言蜜语都说不得。明明本人是腿模级别身材,偏偏他一个劲儿挑出不足为道的赘肉来取笑。以及,起争执的时候,退化成“我就静静看你发疯”的不解意选手,仿佛眼前这一场不是他该来的比赛。gay蜜的回答是:嗯是有点过分了,女生不就喜欢被哄哄嘛。同一个情感问题,我也问了基友,直男小学弟一只。我这边慷慨激...

    2018-02-02
  • ​ 不尊重用户体验如何“携程”丨每日时评

    高考作文干货/素材/知识/热点如果你想要作文素材、资料...加我微信:13261345736备注下你想要解决的问题点播时间(今天的歌单车是@光芒点播给大家的,如果你也想点歌,请留言:歌名+歌手~)当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放单车陈奕迅 - Shall We Dance? Shall We Talk!作文君说昨天刚和同学们说完OTA(在线旅行社)网站搭售的问题,今天我们再来具体看看,携程在用户体验上面临的问题...

    微信热点 2018-02-10
  • 纽约大学交互设计研究生

    恭喜马同学收到纽约大学(NYU)Interactive Telecommunications 研究生offerOFFER展示:学生作品展示:作品集要求:CREATIVE PORTFOLIOSubmission of a creative portfolio is optional due to the diversity of applicant backgrounds. Portfolio materials need not be ...

    2018-03-09
  • 阅读类产品中的交互设计逻辑分析

    ↑  点击上方蓝字,加个关注吧~ ↑话题:阅读类产品的交互设计该怎么做?本文共1285字25图,预计阅读时间: 4分钟阅读体验阅读类的产品交互核心所有阅读类产品围绕的产品核心是:阅读体验好的阅读体验会让用户感到熟悉性,由于用户习惯长久的累积,对于阅读产品的使用逻辑,在用户脑海中已经有了一个基础的操作定位。在阅读体验中,不同习惯的交互动作设计所带来体验也不同,通过分析阅读产品中的交互方式,来解剖其交互中设计逻辑。阅读方式我们参考了三款阅读...

    2018-02-27
  • 酱课程丨交互设计第③期 · 原来交互设计师是这样工作的,和你想的一样吗?

    交互课程第三期来啦!查看前两期点击这里——交互设计第①期 · 这个老师只用一张图,就解决了所有设计专业都会遇到的问题!交互设计第②期 · UI/UX傻傻分不清楚?分分钟带你搞懂交互设计下的六大Job Titles!通过前两期课程,同学们了解了双钻图——一套完整的设计流程指导框架、定义了什么是交互设计、它所涉及到的领域以及与交互设计相关的六大Job titles。现在大家对交互设计已经有了一个大致的理解,设计流程框架也是现成的,下面就要进...

    2018-05-04
  • 小白学Axure,这样学更高效,还能提升产品交互,更容易拿高薪

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第6期开启报名!从第1期到现在,1400多位同学学习成长,好评如潮。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)先来看看学习效果全程实操,学完高效制作原型,做出高保真认真学完,原型效率提升,更...

    2018-03-04
  • D4-交互设计工作困惑答疑

    作者:飞阿婷(公众号:飞阿婷的交互设计生活)自我成长1.面试攻略为什么强调说,不能把自己的不足归咎于之前公司没给自己带来很大成长?抛开你有推卸责任的人品问题来说,其实还有科学依据证明很多事情都是可以事在人为的。费斯汀格法则:“生活中的10%是由发生在你身上的事情组成,而另外的90%则是由你对所发生的事情如何反应所决定。”我的理解是那10%就是不受我们控制的自然发生的事情,而90%就是我们面对这10%的事情选择接下来要做的事情,而这个选择...

    微信热点 2018-04-12
  • 想快速玩转Axure,同时提升产品和交互能力,试试这个秘密武器

    腾讯课堂&起点学院联合打造的给产品经理的Axure课程如果你想学好Axure,不让Axure阻碍自己的发展,却苦于这些问题?1、没人监督指导,自学还没到一个周,就想放弃2、按教程操作,却出不了效果,又不知错在哪里3、难的知识内容看着费劲,不会技巧,效率低浪费时间那么这个课程很适合你,2280位同学已经通过这个课程摆脱了Axure困扰。这个课程能带给你什么如果你是产品新人,还没有很好的产品作品,axure实战班里做的原型作品,学到的axu...

    2018-04-30