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

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


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

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

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

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

常见网站设置

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

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

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

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

常见手机设置

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

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

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

  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

相关推荐

  • 【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交互设计之父阿兰·库珀”

    作为交互设计之父的阿兰·库珀最为人熟知的或许就是这句“除非有更好的选择,否则就遵从标准”了,在交互设计领域有很多经过了时间的验证的法则定律被认作了标准,那么你都知道都有哪些吗? 1. Fitts’ Law / 菲茨定律…

    2015-01-27
  • 交互设计的5个常见错误

    交互设计从来都不容易。它包括了用户行为的深度分析,和一丝不苟的规划。随着新技术和交互设计模式的出现,事情并不会变容易。 艳丽的图片、顺畅的鼠标悬停效果和意外的动画,不再那么容易引起用户注意了。但难题却…

    2015-11-09
  • 十步交互设计方法

    理清业务逻辑是交互设计的第一步,你必须得拥有非常清晰的逻辑思维,因为某些产品往往伴随着海量的功能、大量的模块、错综复杂的交互流程以及难以理解的业务技术背景,这些都是对设计师逻辑思维的一个挑战。如果你没有清晰的清晰的逻辑思维,那可能就不适合做交互设计了。

    2017-05-27
  • 2018酒店行业该如何提高用户体验

    大数据人工智能原本只以为会在IT互联网界出现的词,近几年被各个领域广泛应用,酒店同样也不会例外,目前酒店应用比较多的是在对客服务上,收集客人的喜好,制定个性化的服务,在酒店的其他方面提到甚少。接下来我们谈一谈新技术真正对酒店有什么影响,酒店可以在那些方面应用到新技术。在之前很多酒店都在搜集客人的反馈信息,喜好以及客人的消费习惯,用以提高用户体验,在酒店长期运作的过程中,因为人力成本的控制,人员流动大,导致很多酒店已经慢慢忽略了这份工作,...

    2018-02-01
  • 【读书笔记】方寸指间——实战指导手册

    导航设计 标签式:能让用户直观地了解到App的核心功能。根据逻辑和重要性控制在5个以内,通过视觉表现用户的当前位置,页面之间的切换快速又不容易迷失,简单高效。 桌面式:类似于手机桌面各个应用入口的导航方式…

    2015-07-17
  • 从细节看分析-购物车的跳转设计

      小编推荐:难得在知乎上看到一个特别具体的问题还有不同观点的,本文是一篇关于购物车到底应该是本页弹窗还是页面跳转的讨论,如果你也喜欢从细节入手考虑问题,一定要看呦。 问题: 点击产品详情页面的”添…

    2015-12-23
  • 一只交互设计喵在工作过程中的几种思维方式

    这篇文章来自于《为真实的世界设计》读书笔记。文中罗列了设计师的几种思维方式,但是在实际的过程中,这几种方式是交错出现的,在本喵实际的搬砖过程中发现,不同的思维方式会出现在不同工作流程中。先简述一下,…

    交互设计 2016-07-01
  • sketch 也能快速绘制轴测视角

    轴测图(isometric),这种能同时反映物体三个坐标面形状的表现手法,让原本停留在二维空间的构想扩展到了三维世界。宛如蛟龙得水,一跃获得了大家青睐。除了具有差异性的展示效果,其应用范围也很广。插画、图标、界面…… 不用惊讶,我们早晚是要步入虚拟化时代,三维呈现是大势所趋,轴测图是这场革命中一个微妙的平衡点。作品来源:追波Shirley for UIGREAT很多朋友绘制轴测图都愿意用 AI,其次也是 PS。但实际上,Sketch 也...

    2018-03-10
  • APPLE WATCH 中文手册:Apple Watch应用程序的体系结构

    Apple Watch应用程序包含两个部分:Watch应用和WatchKit应用扩展。Watch应用驻留在用户的Apple Watch中,只含有故事板和资源文件,要注意它并不包含任何代码。而WatchKit应用扩展驻留在用户的iPhone上(在关联的iOS…

    2015-06-15
  • 从用户体验设计的角度,学习服务设计的思考方式和闪光点

    初学服务设计,读了一本好书——《This is Service Design Thinking: Basics, Tools, Cases》(by Marc Stickdorn,Jakob Schneider),推荐并笔记。而本文基本描述了我对服务设计的初步理解,以及服务设计给我带来的在用户体验设计领域的灵感触发。“服务设计是有效的计划和组织一项服务中所涉及的人、基础设施、通信交流以及物料等相关因素,从而提高用户体验和服务质量的设计活动。…… 服务设计将人与其他诸如沟通、环境、行为、物料等相互融合,并将以人为本的理念贯穿于始终。…… 简单来说,服务设计是一种设计思维方式 ,为人与人一起创造与改善服务体验。…… 服务设计强调合作以使得共同创造成为可能,让服务变得更加有用,可用,高效,有效和被需要 ,是全新的、整体性强、多学科交融的综合领域。…… 服务设计的关键是“用户为先 + 追踪体验流程 + 涉及所有接触点 + 致力于打造完美的用户体验”。”——百度百科“When you have two coffee shops right next to each other, and each sells the exact same coffee at the exact same price, service design is what makes you walk into one and not the other.” – 31 volts service design, 2008“However, creativity is not so much a gift as a process of listening to the ideas “flowing” through one’s head and being prepared to articulate them.”

    2017-05-07