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

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


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

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

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

抽屉式、二级导航

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

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

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

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

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

独立Tab,多层列表

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

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

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

模块化,网格缩图

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

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

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

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

 

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

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

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

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

相关推荐

  • 超全面!一个完整的交互设计稿有哪些必备元素?

    交互稿是交互设计师的主要产出。在实际工作中,交互设计师的主要职责就是根据产品提出的不同需求,用交互稿的形式给出交互方案。而且,交互方案会在产品、UI、开发、测试同学中流转,因此也成为他们评判一个交互设计师能力的重要依据。因此可以这样说,交互方案质量的高低,会成为一个交互设计师能力高低的重要体现之一。

    2017-10-17
  • 今天的扁平化设计中,值得注意的4个要点

    扁平化设计本身在不断进化过程中,会在逐步根据需求和实际状况而进化,事实上它也正是不停地向着更实用、更有用的方向前进着。极简主义是形式和功能的完美结合。内容为王,而色彩服务于内容。文本已经成为一种重要的可视化设计元素。你总不希望用户被你的字体诱导分心了吧?

    2017-05-08
  • 硅谷设计师看苹果交互设计趋势:如何适应大屏?

    来源:用户体验联盟 本文作者:Jiaxin Yu 苹果终于顺应市场潮流,推出了大屏手机,而且销量前所未有的火爆!苹果大屏手机的推出,必然影响其交互设计的改变,其中有怎样的趋势?请看硅谷设计师的看法! 今年夏天,…

    交互设计 2014-10-11
  • 交互设计师也要懂心理学?我读书少,你不要骗我!

    交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学习一定的心理学将是很有帮助也是很有…

    2016-09-06
  • 谁说GIF就不是艺术?2014年海外最佳艺术GIF动画作品

    GIF动画与艺术是一对完美的搭配,它们将过去和现在混合起来并配以幽默,通过Photoshop的处理为我们带来了惊艳生动的图画。日前,Tumblr网站评选出了2014年一些最好的数码动画艺术作品。我们从中筛选了一部分,从艺…

    2015-01-08
  • 用户体验至上?也许并非如此 | 动点圆桌会

    动点科技 | ID:technode大家晚上好,我是动点君~近日,有网友反馈,微信朋友圈疑似屏蔽抖音短视频的内容,内容仅本人可见。但当晚24点之后,抖音小视频的内容分享到朋友圈又恢复了“所有人可见”。对于网友反映的这件事,微信团队已经做出了回应。腾讯公关总监张军发微博称:“朋友圈一直有防刷频机制,过了阀值就自动不可见了。过了凌晨12点自动恢复正常。屏蔽之说不存在哈。”虽然微信方面对网友的这一质疑做出了否定的回应,但是竞争平台疑似屏蔽竞品...

    2018-03-26
  • 一“平”到底

    随着 IOS8 的更新,以及更多 APPLE 产品的出现,扁平化设计已经成为了 UI 类设计的大方向。抛开扁平大战拟物的观点,让我们看看扁平设计之路应该如何越走越远。正好因为这个风格的流行,花瓣上也积累了非常多设计师朋友们的 素材 ,来看看他们都收藏了哪些精致好素材吧。

    2015-01-04
  • 关于用户体验&交互设计的视频分享【日常思考0001】

    (。・∀・)ノ゙嗨这里是Chiki的深夜抽风小记录,做个日常思(bing)考(zheng)收集。公众号取名“Design for What"是希望以后自己做设计的时候可以多思考设计是为什么Find your passion,and let it kill you那么开始今天的开场首秀!今晚本想磕磕榛子垫垫肚子就……就开始做事来着,结果不小心打开平板……看了会视频(明明是好久……都是借口😭)不过视频不错分享给大家👇视频在这:截了有点不一样...

    2018-04-14
  • 网友吐槽,各种“小玩具”用户体验很失败!

    据说关注了「没完没了官方」很多人丁丁变大了女票更黏人了一夜3次也不累了好像前几天曼曼更新的那篇硅胶娃娃一样大家一定也经常听说各种小玩具但是真正体验过的其实很少今天曼曼总结了一些网友的用后评价(来源:某博,某宝评价,某圈)『蝴蝶』听到这个名字,应该都很陌生大概就是一种带振动摩擦感的小东西配有蓝牙功能是为了在户外制造情调用的大概就是女生提前塞进去到了户外通过蓝牙控制振动从而达到一种刺激感实际上内.裤和小妹妹之间的空隙很小根本放不了这个玩意儿...

    2018-03-14
  • 交互设计不是你以为的那样,思考过这些才能入门

    作者:UI中国会员 呆呆丶, 交互设计师转载请务必注明。原文链接:http://www.ui.cn/detail/138186.html封面题图 by 设计师 Ken Lo1  新手对交互设计的几个误区  交互设计是做动效的(如果你是这么认为的…

    2017-07-31