童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

用好的交互设计来管理复杂“筛选器”

12月28日 尘世客投稿
  我们必须按照人们的行为方式来设计,而不是按照我们希望他们应有的行为来设计。
  好的设计不是让事情变得简单(如果复杂是符合需求的),而是去管理复杂。在《在做交互设计时,你需要知道这几大定律》中我们总结了Tesler’Law泰思勒定律(复杂性守恒定律),这个定律告诉我们:每个应用程序都有固有的不可简化的复杂性,问题需要是由用户还是设计者去处理需要产品经理用心思考。有时复杂仅仅来源于那些应该经过过滤的大量信息。我们必须按照人们的行为方式来设计,而不是按照我们希望他们应有的行为来设计。
  正如诺曼所说“复杂是世界的一部分,但它不应该令人困惑”好的设计能够帮助我们驯服复杂,不是让事物变得简单,而是去管理复杂。产品经理需要保持“设计者产品用户”的合作关系,让设计与复杂共生,使得复杂的内容变得简单易用且交互清晰。在诸多展示大量信息的功能中,“分类筛选”就是一个典型的Feature。今天我们就来分析几类“筛选器”的交互设计,并剖析下他们的优劣。
  第一类:分层级筛选
  下拉菜单,浮层模式(目前较为常见的模式)
  这类展示模式更适合筛选内容分类较少,且分类层级不超过两层,通常情况下标签筛选内容不多于10个,同时能在23排展示完全。
  常见App类型:云盘类、购物类、健身类、打车类等,如图所示:
  当筛选内容足够具体化,能高度的概括为耦合度较低的信息分类的情况下,建议使用本类筛选交互模式。因为这类模式的信息展示足够直接明显,用户操作步骤较少而且清晰。
  全新浮层,全屏展示:
  这类筛选器,一般来讲会囊括关键词筛选,同类信息排序两种内容。与其分散展现,不如聚合在一个整页做选择。这类交互模式更偏向筛选的关键词足够简洁易懂,同时有一定的定制思维在里面。通常情况下,关键词的覆盖内容更加贴合产品的核心表现,或者产品经理需要突出展示某类信息。
  另外筛选的类型仅为一种,或者需要定制化。譬如地理位置、定位城市、O2O的不同模式及优势,与此同时,展示的信息需要不断扩充,或者有计划增加、修改的情况。如上的情况下选用新增一页的模式,扩展性更强,同时对版本交互稳定性会更高。
  常见App类型:游记类、垂直电商类,如图所示:
  第二类:综合性筛选
  底部Bar,抽屉模式:
  用户习惯性的浏览方式,一般来讲是“F”的形状,即自左向右,自上而下。当这些关键区域被头条,副题,热点以及重要文章之类的核心入口占据时,
  “筛选”这类重置页面内容的功能放置底部位置,就显得更加干净,且不喧兵夺主。同时基于用户操作习惯的考虑,抽屉式的页面弹出,扩展性会更强,内容聚合度会更高。
  常见App类型:旅行类
  由于对内容筛选的要求较多,因此需要高度整合的筛选器,同时展示的区域普遍要求较大,信息承载较多,在选择筛选器设计交互形式的时候,通常会使用底部Bar,抽屉式的展示方式。
  当需要筛选的内容为多种类型,且多层级,譬如:“国家省份城市”这类层层嵌套的模式,就建议使用底部Bar的展示方式。相对于“大众点评”及其他O2O的应用,选择自上而下的抽屉模式筛选器来说,更建议使用底部Bar的模式,因为底部Bar的筛选,当刷新数据时会更直接的看到内容的展示,而自上而下的抽屉模式会遮盖底部的内容展示,相对而言,信息筛选的及时性就降低了。
  新开界面,复合嵌套:
  当品类多,且分类细的时候,通常需要把类别做第一层框架的分类,然后在第一层框架中再进行一次分类,表现形式可以是Tab或者抽屉收起。
  《设计心理学2》中提到:“日常的生活通常是复杂的,但并非由于某个特定活动时复杂的,而是因为有那么多表面上简单的活动,每一个都有它自己的一套特定的需求,把大量的简单活动合在一起,结果就会是复杂和令人困惑的:整体大于它各部分的总和”。所以对于大量内容及品类需要展示给用户的时候,产品设计不能过分简单,简单本身不一定是良性的,简单也不意味着更少的功能。
  常见App类型:百货类
  对于不同的App应用,选择合适的内容筛选模式。对产品经理在交互设计及产品框架上的理解要求是比较高的,如何把零散且重要的信息聚合整理在一个小小的筛选器中,需要我们从产品功能的具体要求出发,考虑场景化及易用性的前提下,尽量做到合理。
投诉 评论 转载

用好的交互设计来管理复杂“个人中心”“复杂是世界的一部分,但它不应该令人困惑,好的设计能够帮助我们驯服复杂,不是让事物变得简单(如果复杂是符合需求的),而是去管理复杂”。复杂是可以被管理的,但要做到这一点,我们都……Sketch的一些常用技巧谈不上译文,汇总了一些文章当中介绍的tips,包括常用快捷键和一些小技巧。最后一条还蛮亮的,很实用,我怎么没想到这样做。1。“插入”的常用快捷键你在使用Sketch……一个用户体验设计师的转化率优化准则优化,作为一种服务,正变的无处不在。那么,对于通讯公司和专业的优化公司来说这两者有什么区别呢?笔者在理解转化率优化问题的时候碰巧遇到了TomAdams,CodeCompu……走心!优秀的移动端UI应当如何用微交互打磨细节?UI设计的细节很重要,它不仅仅体现在静态的元素上,动效和微交互也是如今UI和UX设计中最重要的细节。想要打造优秀的移动端UI设计,微交互和动效设计是绕不开的问题,今天的文章我们……为什么用户会无视网站首页的轮播图?数据显示:在三百万个网站中只有大约1的网站首页上的轮播图会被点击。一个在首页上如此之醒目的元素竟然只有这么低的点击率到底怎么回事?个中原因相比会让你大吃一惊。绝大多数轮播……交互设计规范分享:页面信息展示、信息交互和通用组件规范本规范按web交互属性分三个部分:页面信息规范、信息交互规范、通用组件规范。前些时间正准备写交互规范,就去网上搜罗了一下交互规范的一些范本,想作为借鉴参考,但却没能找到比……逐渐兴起的对话式设计,你了解多少?对话式交互将逐渐改变人类的生活和习惯,未来的生活是怎样的正是我们所兴奋和期待的:)对话式交互的崛起计算机从简单的CLI(Commandlineinterface,命……用好的交互设计来管理复杂“筛选器”我们必须按照人们的行为方式来设计,而不是按照我们希望他们应有的行为来设计。好的设计不是让事情变得简单(如果复杂是符合需求的),而是去管理复杂。在《在做交互设计时,你需要知……产品经理的UX移动端的输入操作设计UX是Userexperience的缩写,指用户体验,UX设计指以用户体验为中心的设计。UXPlanet(uxplanet。org)上面讨论很多关于移动设计里做好UX的技巧,很……做好用户体验,掌握这些要素就够(一)我在人人都是产品经理这个平台上,没看到更全面概括原则与思想的文章,所以我想在这系统的说说。考虑到篇幅太长,用户看的可能会比较费劲,所以我会分成几篇文章来讲。有时我们在做用……平面设计中,有哪些简单好用的排版技巧和方法?当两张图片中应用的构成元素都相同,画布尺寸也相同的情况下,排版的好坏就决定你整张图片的质量了,这就好比两个厨师,同样的食材做同一道菜,味道却可能截然不同。一、版式首……不一样的方法论:从迪斯尼动画学到的五大UX设计原则本文作者RebeccaU,成文于她和迪斯尼首席动画师GlenKeane在SXSWpanel合作的一次干货分享之后,文章讨论了UX设计师能从迪斯尼动画……
7步盖房法:B端产品设计调研攻略设计师,如何做好项目管理?APP中的悬浮球设计总结蓝牙智能开锁系统项目复盘如何让你的设计稿做到95还原?常见APP的夜间模式梳理和设计方法暗黑模式设计原则你和QQ一起度过多少天QQ20周年H5刷屏幕后用户需求洞察:产品设计中有哪些心理学现象?B端产品:中后台产品如何设计?不同产品的差异化设计:B端与C端的区别好评引导设计:让用户心甘情愿献出五星好评

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界