用好的交互设计来管理复杂-“个人中心”

“复杂是世界的一部分,但它不应该令人困惑,好的设计能够帮助我们驯服复杂,不是让事物变得简单(如果复杂是符合需求的),而是去管理复杂”。复杂是可以被管理的,但要做到这一点,我们都必须做好自己该做的那部分工作。


“复杂是世界的一部分,但它不应该令人困惑,好的设计能够帮助我们驯服复杂,不是让事物变得简单(如果复杂是符合需求的),而是去管理复杂”。复杂是可以被管理的,但要做到这一点,我们都必须做好自己该做的那部分工作。

用好的交互设计来管理复杂-“个人中心”

在探讨如何用好的交互设计来管理复杂篇章中,我们第一篇讲了“筛选器”,可参考用好的交互设计来管理复杂-“筛选器”。今天我们来分析另外一个产品中大家都会遇到的复杂点:个人中心。

抽屉式、二级导航

偏工具化的App,默认的首页通常会提供产品最核心的内容,从而使得用户每次在需要使用都感觉非常轻松,一打开APP就可以快速使用。当某件东西的运转、可选项和外观与人们的概念模型相匹配,它就会被认为是简单的。

产品设计,应该是降低用户学习成本,符合用户的使用习惯,了解用户大脑中已存在的概念模型非常重要。那么“个人中心”作为一个二级模块,被放置左上方,为核心的工具化功能做辅助,且不宣兵夺主,又可以令用户能形成感觉登记,在用户需要查看个人信息或者设置工具项时,方便打开即可。因为人们在浏览信息或布局时,视线往往趋向于从左上角移动到右下角。

古腾堡图表简单的说明了阅读产品时的习惯性轨迹。

用好的交互设计来管理复杂-“个人中心”

譬如滴滴打车的核心常用功能是“打车”,多看阅读的核心常用功能就是“阅读”(书架),那么把“个人中心”用这种模式放置工具界面的导航上,就比较合适。这样的交互设计会让主界面清爽,并收拾了很多属于个人中心的复杂内容,放置二级界面,感觉主次分明,管理合理。

独立Tab,多层列表

当产品有较多的信息,需要展示在个人中心,同时个人中心是用户对比核心模块而言,并行存在的一级入口时,通常我们可以用独立的Tab来放置“我/我的”(个人中心)这个模块。对于个人中心中的分类较多,条目需要较为清晰时,建议使用多层的列表呈现内容,多层的列表会显出内容与内容之间的阶层关系。一般情况下,这类列表主要适用于文字信息为主要内容的列表,列表内容里面没有图片或者图片不是很重要的信息。

另外,除了文字外可能还会用到一些按钮,选择框等一些交互控件来辅助列表的交互。多层列表的方式,高效且具有极佳的视觉可视性,能够一眼看出整体信息架构能够同时浏览与处理多个阶层的内容。如下图所示的案例:

用好的交互设计来管理复杂-“个人中心”

模块化,网格缩图

与前一个交互设计对比,把列表替换为用网格缩图的方式呈现,让用户可以使用视觉图片的方式浏览内容。 这样的设计,图像比文字还容易辨识,而且更容易的区分。 因为详细内容与列表呈现在同一个画面,能轻松的阅读信息。当然模块化设计有个需要注意的地方,那就是当用户需要依赖文字来寻找的内容时,就不适合使用了,因为使用者必须不断跳跃浏览。

如果你的产品的个人中心模块,众多内容中,有部分模块需要强调,那么使用网格缩图的方式,就会比多层列表方式更加容易突出优先级或者重点,譬如下图所示,当你想要突出订单模块的内容,就可以通过留白和布局,从界面设计本身就区隔化,让用户一目了然。

用好的交互设计来管理复杂-“个人中心”

综合上面三类常见模式,我们可以看到,无论选择哪种方式,在设计个人中心之前,首先应该思考,本交互动作的设计是否已满足内容的需要,同时也要考虑整个产品交互的一致性以及平台的兼容性。另外,交互方式要符合用户的操作习惯。只有从根本上管理复杂,才能够设计出简单的产品。从此思考自己的产品的需求是什么,打造一款产品满足自己的需求。

 

作者:权莉,微信昵称:Mandy权。一名快乐的产品经理!

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

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

(0)
CatherineCatherine
上一篇 2017-05-19 03:44
下一篇 2017-05-19 05:35

相关推荐

  • 空状态的设计值得更多关注

    空状态,或称零数据状态,很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下,因为从表现上来看,空状态给人的感觉就是临时性的,有些微不足道。“用户会尝试多个同类app,然后在接下来的3到7天内决定其中的哪些不合适。对于’像样的’app,一旦用户决定保留超过7天,那么将会比较长久的存留下去。成功的关键在于怎样使产品在这3到7天当中保持与用户的良好互动。” Ankit Jain – Quettra“很多时候,人们放弃一款产品的原因其实都是我们可控的,例如他们无法一目了然的看出与你的app产生互动之后能给他们带来什么好处。” – Patrick Mckenzie

    2017-06-05
  • ​从零开始做交互:第一章 交互设计基础知识

    [button type="primary" text="百度阅读:阅读全书" url="http://yuedu.baidu.com/ebook/6d8b975a49649b6648d7479d" open_new_tab="true"] [button type="primary" text="网易云课堂:阅读全书" url="http://study.…

    2015-08-07
  • 多款智能手表的对比

    终于 Apple Watch 将要在下个月上市了。在目前还不知道这款产品售价的情况下,相信设计会成为不少消费者朋友选择产品的重要标准之一。Apple Watch 已经获得了 iF 设计金奖,不过可能有人觉得这无法令他们信服,他们…

    交互设计 2015-03-10
  • 产品设计中关于表格设计的一些经验分享

    由于长时间主导后台产品的设计服务,表格的大量应用,总结了些许经验,通过半个月的断断续续的整理归纳,希望对你有所帮助,欢迎阅读!

    2017-05-18
  • 交互设计套路之——导航设计

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放Five Hundred MilesThe Shadows - Dance With The Shadows/The Sound Of The Shadows亲爱的小伙伴们好久不见啦你们的涂涂回来啦!!不知是时间太快还是指缝太粗总是留都留不住总之感谢小伙伴们的不离不弃话不多说赶快准备好小板凳和瓜子嗑着瓜子咱们就开聊吧下面开始分享app的套路之一导航设计一、导航的分类1.标签式导航...

    2018-02-11
  • 6个简单的方法,设计出漂亮的重叠色彩效果

    颜色对设计来说是非常重要的要素。只要有鲜明的颜色,就算是极简的单色设计,也能表现出引人注目的独特魅力。本文将参考一些网页设计,看看各种各样的颜色重叠效果的设计方法。

    2017-05-14
  • Focus Group 焦点小组访谈

      焦点小组访谈法源于精神病医生所用的群体疗法。目前的焦点小组一般由8-12人组成,在一名主持人的引导下对某一主题或观念进行深入讨论。焦点小组调研的目的:在于了解和理解人们心中的想法及其原因。调研的关…

    2015-12-28
  • UX设计师们,扔掉那些UX设计工具吧!

    “你以你的方式做你的事,我们想让你以完全相同的方式做你的事,但是是用更少的时间并且和更多的远程的人一起做这件事。““如果产品设计是为在各自职务中被束缚的人们解决问题,那么很多自称产品设计师、UX设计师的人事实上是职业的数字艺术家。他们是艺术家、是装饰上的设计师、是美工,但是不是一个职业的产品设计师……”仅仅是目前服务于我们设计师的技术,是不再会领导我们走向成功的。“我们相信制造降低软件开发门槛的产品是非常有必要的。事实上,我们对这类新的程序非常感兴趣。这可能是人们编写程序的更好方式,一旦诞生就将带来巨大的冲击。构架更合理,语言更精简,但很可能我们会去做同样的事。思考这样一个事情:程序语言接下来会面临什么呢?”

    2017-05-26
  • 从交互层面探讨:不一样的 App 该如何设计?

    针对APP同质化现象,本文作者从从交互层面探索了不一样的 App 该如何设计,且谈及自己的解决方案。值得一读。     “首先占据人们大多数时间的同类型APP内容高度同质化,而风格取决于内容,在平庸的内容下只能诞生风格平庸的APP设计。其次,对于以商业目标为根本的APP应用设计开发,设计风格的投入产出比并不高(游戏依然除外),设计模式的流行以及交互方式的单一使得保守的设计投入产出更高。最后在现今的消费领域,功能主义盛行,界面设计中理性居于主导地位,设计风格显示不是理性思考的首要考量目标。”

    2017-05-04
  • 交互设计师的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