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

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

5月21日 虎狼旗投稿
  “复杂是世界的一部分,但它不应该令人困惑,好的设计能够帮助我们驯服复杂,不是让事物变得简单(如果复杂是符合需求的),而是去管理复杂”。复杂是可以被管理的,但要做到这一点,我们都必须做好自己该做的那部分工作。
  在探讨如何用好的交互设计来管理复杂篇章中,我们第一篇讲了“筛选器”,可参考用好的交互设计来管理复杂“筛选器”。今天我们来分析另外一个产品中大家都会遇到的复杂点:个人中心。
  抽屉式、二级导航
  偏工具化的App,默认的首页通常会提供产品最核心的内容,从而使得用户每次在需要使用都感觉非常轻松,一打开APP就可以快速使用。当某件东西的运转、可选项和外观与人们的概念模型相匹配,它就会被认为是简单的。
  产品设计,应该是降低用户学习成本,符合用户的使用习惯,了解用户大脑中已存在的概念模型非常重要。那么“个人中心”作为一个二级模块,被放置左上方,为核心的工具化功能做辅助,且不宣兵夺主,又可以令用户能形成感觉登记,在用户需要查看个人信息或者设置工具项时,方便打开即可。因为人们在浏览信息或布局时,视线往往趋向于从左上角移动到右下角。
  古腾堡图表简单的说明了阅读产品时的习惯性轨迹。
  譬如滴滴打车的核心常用功能是“打车”,多看阅读的核心常用功能就是“阅读”(书架),那么把“个人中心”用这种模式放置工具界面的导航上,就比较合适。这样的交互设计会让主界面清爽,并收拾了很多属于个人中心的复杂内容,放置二级界面,感觉主次分明,管理合理。
  独立Tab,多层列表
  当产品有较多的信息,需要展示在个人中心,同时个人中心是用户对比核心模块而言,并行存在的一级入口时,通常我们可以用独立的Tab来放置“我我的”(个人中心)这个模块。对于个人中心中的分类较多,条目需要较为清晰时,建议使用多层的列表呈现内容,多层的列表会显出内容与内容之间的阶层关系。一般情况下,这类列表主要适用于文字信息为主要内容的列表,列表内容里面没有图片或者图片不是很重要的信息。
  另外,除了文字外可能还会用到一些按钮,选择框等一些交互控件来辅助列表的交互。多层列表的方式,高效且具有极佳的视觉可视性,能够一眼看出整体信息架构能够同时浏览与处理多个阶层的内容。如下图所示的案例:
  模块化,网格缩图
  与前一个交互设计对比,把列表替换为用网格缩图的方式呈现,让用户可以使用视觉图片的方式浏览内容。这样的设计,图像比文字还容易辨识,而且更容易的区分。因为详细内容与列表呈现在同一个画面,能轻松的阅读信息。当然模块化设计有个需要注意的地方,那就是当用户需要依赖文字来寻找的内容时,就不适合使用了,因为使用者必须不断跳跃浏览。
  如果你的产品的个人中心模块,众多内容中,有部分模块需要强调,那么使用网格缩图的方式,就会比多层列表方式更加容易突出优先级或者重点,譬如下图所示,当你想要突出订单模块的内容,就可以通过留白和布局,从界面设计本身就区隔化,让用户一目了然。
  综合上面三类常见模式,我们可以看到,无论选择哪种方式,在设计个人中心之前,首先应该思考,本交互动作的设计是否已满足内容的需要,同时也要考虑整个产品交互的一致性以及平台的兼容性。另外,交互方式要符合用户的操作习惯。只有从根本上管理复杂,才能够设计出简单的产品。从此思考自己的产品的需求是什么,打造一款产品满足自己的需求。
投诉 评论 转载

用好的交互设计来管理复杂“个人中心”“复杂是世界的一部分,但它不应该令人困惑,好的设计能够帮助我们驯服复杂,不是让事物变得简单(如果复杂是符合需求的),而是去管理复杂”。复杂是可以被管理的,但要做到这一点,我们都……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设计师能从迪斯尼动画……
对功能经理sayno的3条原则一份开发喜欢的文档,应具备的4个特点对产品经理而言,工作重点是如何让用户陷入热恋伴生性需求之案例分析一个交友App将死,作为创始人的他说:手机应用市场更像一个应场景入口知识浅析:从马斯洛层次理论出发的用户场景分类产品经理如何push别人?从产品角度,浅谈“智慧农庄”解决方案产品人对末来科技的构想与思考从微信更新大杂烩看小程序悖论为什么大多数产品经理看不清自己的未来?需求性质:如何正确响应用户需求(下)早春皮肤干燥吃什么好?教你巧妙饮食防干燥圣诞节里的爱情故事网络安全防护措施有哪些vivoV1963A新机现身工信部,确认为5G手机一路成长2。1万亿美元期权今晚到期!美股多空激战4000点?有意境文艺范说说悬挂造句用悬挂造句大全论中韩合资企业领导人领导艺术特殊的升旗仪式小学作文3月11日凌晨,一觉醒来,中国传来22个新消息,有人欢喜有人南征北战的故事

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