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

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


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

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

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

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

常见网站设置

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

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

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

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

常见手机设置

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

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

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

  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

相关推荐

  • 几何动图采集,设计师数学能力大爆发!

    原文作者:Adam Plouff 分享自微博:@Victoria_ia   哎呀妈呀,我要去补习一下几何学了。  

    2015-07-08
  • 如何发现交互设计中的思维盲区

    在一个项目中,交互设计起着承上启下的作用。开发人员根据交互文档搭建初步的程序框架,视觉设计师基于交互设计进行精细的界面设计,之后再交付开发。交互设计方案的改动涉及多方的调整,虽然不及产品需求变更那样…

    2015-08-26
  • UX不是UI

    2015-07-11
  • 说句心里话,这5种常见的设计模式还是挺闹心的

    本文所提到的这5种设计模式确实有其恼人的一面,但是它们同样存在特定的优势。在许多设计项目中,在特定的需求之下,它们也可能是最佳的解决方案。另一方面,学会根据实际的状况来寻求优化的方案,也是设计师应当做到的事情。

    2017-04-28
  • 交互设计的知识体系架构 做好产品与人的“翻译官”

    面临毕业季想从事交互设计这个行业,但毫无头绪?交互设计是什么鬼?工作一段时间发现转业交互设计,一直找不到学习的途径。接到一个需求,兴奋地开始画图,提交后产品和开发向你提出一大堆问题,你不停自否定的改图陷入死循环。互联网交互行业越来越受到追捧,看似入门的门槛很低,会画线框图就可以了。事实上交互设计师大部分是输出抽象方面的东西,对象是行为。一位知名人士曾将人与系统交互的过程分为五个要素:用户、行为、目标、场景、媒介,这些你曾了解过吗?这次M...

    2018-02-09
  • 新手学交互----必看书籍之《微交互》

    最近有很多童鞋想学习交互设计,问我有什么好的书籍可以看看,今天小编为大家推荐一本好书《微交互》---细节设计成就卓越产品。由Smart Design的交互设计总监Dan Saffer所创作的,通过这本书展示怎么设计微交互,即…

    交互设计 2015-04-29
  • 用户体验五要素

    01战略层什么是用户体验:用户在使用产品过程中建立起来的一种纯主观感受。用户体验的重要性:给用户一个积极、高效的体验,他们会持续使用你的产品,产品满足用户某方面的需求并来盈利,帮助人们提高生活质量,提高工作效率,改善人际关系,等等。五要素:战略层、范围层、结构层、框架层、表现层用户体验要素的作用:要素之间相互作用完成任务,创建一个总体的用户体验设计。适用场景:设计:战略层→范围层→结构层→框架层→表现层用户体验:表现层→框架层→结构层→...

    2018-02-06
  • 交互设计中几个要注意的关键词

    作者:Guibin@DesignGB   sprint “罗马不是一天建成的。” “千里之行,始于足下。” 将一个大问题,拆解成很多小问题,一点一点实现并验证可行性,一个版本一个版本改善,用迭代的思想输出成果。越早交付价值,就越早…

    交互专题 2017-08-07
  • 体验不仅是界面——百度UE大讲堂笔记整理

    一、从注册页面看移动端交互设计 不知道你有没有过这样的经历,碰到一个好奇的软件,或者为了下载某个资源需要注册,当看到繁琐的注册页面时,或者是一看到页面就觉得令人心累的注册过程,你就立马放弃了使用这款软…

    2016-03-02
  • 淘宝双12亲亲节:活动视觉分析(预热期)

    双12对比双11,最大的区别是双11更强调品牌的狂欢、而双12更强调年轻、有趣、活力。本文作者将为大家分析一些观点,仅供参考!亲,能包邮吗?亲,还能在便宜点吗?

    2017-05-14