案例|设置是查看还是修改?

本文作者将浅析网站设置和手机设置,且针对“设置是查看还是修改?”的问题提出了她的解决方案,一起来看看~


本文作者将浅析网站设置和手机设置,且针对“设置是查看还是修改?”的问题提出了她的解决方案,一起来看看~

案例|设置是查看还是修改?

最近做了很多设置相关的工作,期间发现一个矛盾,那就是查看与修改难以取舍。

尤其是对于包含多个维很多设置项目,例如,手机的“音量”设置可能包含静音模式、震动模式、铃声音量、媒体音量、闹钟音量和通话音量。由于信息层次、数量较多,给设置页面的设计带来更大的条件。

常见网站设置

如果把手机音量设置用常见网站的形式展示出来也许是这个样子:

案例|设置是查看还是修改?

相比查看参数,常见的网站设置页面更加侧重修改参数。因为这种方式将所有信息平等地铺展出来,每一个都可以随时修改。

  • 好处:不用切换页面,所见即所得。
  • 坏处:信息展示没有重点,看起来费力。这种方式还衍生出来一个问题,就是页面上所有东西都是可编辑状态,为了避免误操作,通常使用确定取消按钮来保存设置。

常见手机设置

综合了一下常见手机的设置方式:

案例|设置是查看还是修改?

常见手机对于多维项目的设置页面,与常见网站相比,主要有三点不同:

  1. 将一个个多维项目从页面上分开,必须点击才能进入多维项目单独的设置页面;
  2. 因为每一个只展示一个多维项目的设置内容,所以信息没那么多,不用确定取消按钮来防止误操作了;
  3. 设置控件更加简洁清晰了。
  • 好处:每次载入的项目不会太多,保证页面的简介清晰。
  • 坏处:增加了一个层级,而且除非点入多维项目的单独设置页面,否则没法看到任何参数。除此之外,手机为了简洁而放弃了滑块的精确性。

我的方案

我根据自己的期望设计出来的一套方案:

案例|设置是查看还是修改?

我的期望只有两点:

  1. 查看的时候够清晰
  2. 修改的时候不放弃精确性

如果用户只想看一看该项的参数,那么在收起状态就能看到主要参数。如果用户想要修改,那么展开后他能看到该项目的单独修改内容。这样就兼顾了查看与修改

这个方案需要注意的是,收起状态的关键词提取。这些关键词不但要选取最主要的,而且要抓住关键结果,而非设置方式。例如,上图中收起状态的的第一个关键词是“振动”,而不是“静音模式,静音时振动”。因为不论这个振动模式是通过什么样的逻辑判断出来的,用户关心的是最终结果。

假设整个手机的设置都用这种方式,那么看起来大概是这样:

案例|设置是查看还是修改?

 

作者:Z Yuhan

来源:https://zhuanlan.zhihu.com/p/26755332?group_id=844254583084679169

本文由 @Z Yuhan 授权发布于人人都是产品经理,未经作者许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/22275/

(0)
CatherineCatherine
上一篇 2017-05-01 04:12
下一篇 2017-05-01 06:06

相关推荐

  • 在进入网易后,我对用户体验界限的思考

    作为一个用户体验设计师,除了接需求做需求之外,需要定期的对自己的项目进行反思,在反思的过程中,总结经验教训,这是在专业上成长的一个重要方式。这篇文章,就是来自于对自己进入网易后的一个反思。在我日常的反思中,比较天马行空,并没有特定的线索,也许是页面上一个按钮的使用方式,也许是当前业务的商业化路线。而本文的这个题目是今年最常思考的一个问题,主要关于自己对于界限的理解。

    2017-05-10
  • 移动视觉与交互设计10项法则自查表

    转自:设计夹(ID:sezign)英文:medium译者:孙怡娜Photo by Medium近年来,移动手机风靡全球。用户们也已经习惯依照一定的法则在移动端获取信息。在这个微渺的事物就可以定胜负的世里,开发者们需要去了解并迎合…

    2017-08-01
  • 在设计过程中,设计师如何输出一个更落地的动效呢?

    优秀的动效设计更能让用户从中感到惊喜,让用户感受到产品的温度和调性。

    2017-05-05
  • Axure RP 8 入门手册 – 第6章(三)

    第8节检视功能-元件属性Alice.:小楼大大好!小楼大大帅!我有些小困惑,想请你帮我指点下。可以吗?小楼:你诚实直白的我无法拒绝。Alice.:嘻嘻!我的问题有点多哦。小楼:来嘛!Alice.:我想做个密码输入框,就是输入文字时只能看到圆点那种。帅帅的小楼老师,这个怎么实现呢?小楼:这个是文本框的类型,看来你对这个元件的属性不太了解呀!我给你详细讲解吧!在检视功能的属性面板中有每个元件的属性设置,不同元件的属性会有差别。这里我对各类元...

    2018-04-22
  • 18清美考研交叉学科交互设计高分学员黎娜经验分享

    Dream Big,Work Hard黎娜本科广州美术学院  工业设计我的一些基本情况:我本科毕业于广州美术学院工业产品设计系。大学期间由服装设计转为产品设计,产品设计主要是偏向于生活家居类小产品。我大概是在去年快毕业的那段时间第一次从考研的同学那里了解到“信息艺术设计交叉学科”,2018年6月底就决定报考这个专业。7月到10月:7月刚刚来北京备考时的状态大概处于仅仅很想考“信息艺术设计”这个专业,但是根本不知道考试内容是什么,更不用说...

    2018-04-17
  • 交互设计师的60日计划之第二天

    此次分享的[button type="info" text="交互设计师的60日计划" url="https://www.iamue.com/tag/interaction-designers-of-60-days" open_new_tab="false"] 来自 Killa.G 让我们一起跟着学习和并学会做自己的总结与…

    交互专题 2015-08-20
  • 怎么理解信息架构,什么是信息架构?

      之前一直有朋友(初学者)问我什么是信息架构,什么是流程图等等,一直没有很好的答案回答对方。后来举例以下的例子,她说终于明白大概是什么意思了,在这里将回答分享给大家(或许可以帮助妹子们更好的理解…

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

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

    2018-03-04
  • 交互设计快速检查清单 Interaction Design Quick Checklist

    #交互学堂#交互设计快速检查清单 Interaction Design Quick Checklist [one_half_col] 架构和导航Architecture and navigation Note 􀂅 是否采用了用户熟悉或容易理解的结构? 􀂅 是否能识别当前在网站中的位置? 􀂅 …

    2016-11-09
  • 《用户体验要素》读书笔记:要理解为何这样做产品

    《用户体验要素》是一本实用类书,试图回答如何以用户体验为中心进行产品设计。作者通过构建自下而上的五层模型:战略层,范围层,结构层,框架层,表现层;来将以用户体验用户需求为中心的设计方式层次清晰的表达出来。并指出;一开始对战略层的深思熟虑,会帮助我们在整个产品设计中节约大量的时间。作者这本书写于pc时代,大多案例都是网站的建设。但是整个思考产品的思路,直到今天;都没有过时。一、 以用户体验为中心设计产品用户体验是指产品如何与外界发生接触,...

    2018-04-08