幼儿饰品瑜伽美体用品微软
投稿投诉
微软创意
爱情通信
用品婚姻
爱好看病
美体软件
影音星座
瑜伽周边
星座办公
饰品塑形
搞笑减肥
幼儿两性
智家潮品

产品设计套路三详情页设计

  回顾一下上一篇中讲到的:我们可以通过数据统计、表格、详情页配合筛选、搜索实现查和显的操作,达到从不同维度向用户输出的目的。从数据的概括抽象程度角度看:数据统计amp;gt;表格amp;gt;详情页。这一篇就来继续总结下详情页的设计。
  几个详情页的例子
  相较前边的表格和表单,详情页简直是五花八门,可以是图片、数据、表格、图表各类元素的各种排列组合。详情页这个概念在电商系统中运用的比较多,每个商品介绍就是一个详情页。
  (某宝网页)
  之前看到过一个栗子,举得是财经类网站中某只股票的详情页面,也比较具有代表性。
  (某股票网页)
  再举个栗子,就是项目管理软件中某个项目的详情。
  (teambition)
  以上这些页面都差别很大,所以相对的设计时候的套路就少很多,但我们仍然可以总结出一些共性
  详情页的入口
  详情页内容较多,通常需要单独的一个页面弹窗来承载,所以打开它就需要一个入口。
  这个入口很大几率是在表格页中的。为什么呢?
  想象一下,一般用户的浏览顺序是从宽泛到具体,只有对某个对象的概况感兴趣,才会点击进入详情页了解它的全部信息。比如我想买一件毛衣,首先会浏览毛衣相关的商品列表,觉得某件毛衣还不错后才会点击查看详情。
  B端系统中最常见的是通过按钮,或者直接点击名称标题进入详情页的;有些列表中,信息是以卡片化的形式展现的,点击卡片也可以进入详情页;还有些内容比较少的详情页是以弹窗、折叠面板等形式展现的。
  分块
  个人认为分块是详情页设计中最核心的思想。
  首先为什么要分块?
  因为详情页的特点就是包含的信息非常多样,为了让这些多样的信息看起来更加有序,让用户能更方便的找到想要的信息,最好把同一类或者比较相关的的信息放在一起,把不同类的信息从视觉上区分开,这样信息就被分成了一块一块的了。在前边的表单设计中也有提到过填写信息时候要分块分步,其实详情页显示信息是一样的。
  还是举资产的例子,资产的属性进过归类后分为基本信息、使用信息、采购信息、折旧信息四类。详情页中显示的时候也是分为四块来显示,这样看起来就一目了然了。
  如果每一类的内容很多,可以采用tab分页的形式。比如上边提到的某项目管理软件中,一个项目下分别有任务、分享、文件、群聊多个模块,每个模块都是较为复杂的功能,所以采用tab分页,可以灵活的在这几个模块间切换。
  突出重点
  也是由于详情页内容繁杂,除了分块之外,最好把用户最关心的内容放到最显眼的地方。显眼可以通过元素的位置、大小、颜色等来实现,这是更偏重UI设计的范畴了,我就不展开啦
  举个栗子吧,用户第一次打开某股票的详情页,很容易不知所措,因为内容实在太多了。一眼望过去最显眼的信息一是股票名称、二是当前的价格,这也是这个页面中最最重要的信息,还有图表信息也在一堆文字中脱颖而出。
  基于分块突出重点的思路,一直用来举栗子的资产详情页也可以优化下。现在是这样的:
  把用户最关心的信息(资产名称、位置、使用人)和直观的资产照片放在最顶端,大概是这样的:
  详情编辑
  在编辑功能比较低频的时候,我会把编辑直接放在详情页而不是放在表格页里。有些字段本身在表格中没有显示,要想编辑肯定要先进详情页查看,所以把编辑直接放在详情页也符合用户的操作流程。
  这样做的好处是在表格页中可以给更高频的操作留出空间,坏处是编辑的入口比较深。
  相关阅读
  2B产品设计套路一:表单设计
  2B产品设计套路二:表格页设计

校园春色春天春天来了,我们每天汲取知识的校园也发生了巨大的变化。你瞧,原来赤裸裸的樱花树变成了穿上轻纱的少女,少女身上佩戴着玉勺似的洁白花瓣,像是披上了一层春雪。春雪下,小草萌芽……小雨爱你所以无能为力我喜欢花,看它绽放,一种莫名的开心,对着花,我会笑。这与我对人是不一样的,在人群中,我的表情就是没有表情。我不怎么懂植物,但是并不妨碍我喜欢。曾经在别人手里面拿过来一朵被……男士养生保持私处健康常识1、男人会用什么标准来衡量他们的男子气概?肌肉、气力、抑或是阴茎的长度?其实东方人的阴茎也相差无几,勃起后也大概在10至15公分左右。其实性能力与阴茎的长短并没有关联。2……嘉峪关我来了昨天我才知道要出发去嘉峪关,今天我们就要坐动车出发了!因为爸爸买了一大早的车次,所以我们很早就要出发!吃过早饭,我们步行到了地铁站。本来以为早上头趟地铁人会很少,但是走到……慢跑减肥需要每天都跑吗慢跑是一种有氧运动,配合上合理的饮食,可以有效的减肥。每天慢跑半个小时到一个小时,挥发的汗水一定可以和瘦下去的体重成正比。需要注意的是,慢跑瘦身一定要每一天都坚持,如果三天打鱼……如今社会几乎人手一部手机那自媒体创业怎么起步如今社会几乎人手一部手机,再加之互联网的不断升级,手机逐渐成了大多数人日常生活必不可少的一部分。看新闻、浏览资讯、买东西、出行等都可以靠手机完成;更重要的一点,手机似乎成为了当……让非在岗党员夕阳更红2008年以来,针对大庆油田非在岗党员多、居住分散、原单位党组织开展教育管理工作难度大、非在岗党员作用难发挥的实际,大庆油田矿区服务事业部党委按照油田党委的要求,紧密结合建设和……老人糖尿病治疗应考虑哪两个方面在糖尿病的发病人群中,老年人是个核心人群,老年人群的糖尿病治疗主要应考虑两个方面,那么老人糖尿病治疗应考虑哪两个方面呢?一是个体化治疗。个体化是老年人必须要强调的,尤其一……细如造句用细如造句大全(91)对了单勇,你送给我父亲的那十二个生肖填仓馍做得就非常不错,很有地方特色,我父亲说能做出来的人肯定是心细如发,很有艺术造诣的人,对你他的评价很高。(92)娘子真是心……爱争吵的一对小狗树林里住着一对小狗。他们自以为是,整天互相争吵不休,各不相让。有一次,他们起早贪黑,给自己盖了一座新木屋。房子刚落成,争吵就开始了:该谁第一个迈进门槛呢?他们都觉得应该是……美好阳光的早安心语导语:心有猛虎,细嗅蔷薇。下面是美文网小编收集整理的美好的,欢迎大家阅读参考!心有明灯,便不会迷路,便可拒绝黑暗、胆怯,拥有一份明朗的心情,一份必胜的信念,一份坦荡的胸怀……为什么你的目标和执行都没有问题产品却越做越差如果产品经理仅仅凭自己的直觉经验和理解来设计产品,自以为懂得用户所想,反而会离用户的真实需求越来越远。对于很多产品经理来说,用户体验是一个重要的考量标准,因此产品经理往往……
结婚台灯是男方买还是女方买结婚台灯是很多新人必备的,据说台灯也可以用作陪嫁,女方在嫁进男方后,会带上一对台灯放在新房里,有着很美好的寓意。那么,结婚台灯买一个还是一对?具体可以看看本站提供的介绍。……晚上蜻蜓飞到家里征兆风水学上认为送福上门代表好运蜻蜓从古至今都是被人们认为是一种吉祥的象征,而蜻蜓飞入家中基本上都代表着家中将发生好事,不过这主要是风水学上被认可的一种说法,实际上蜻蜓飞入家中在农村的家庭是非常常见的事情,那……海产造句用海产造句大全【海产hichn】:海洋里出产的:~植物。海洋里出产的动植物,如海蜇、海藻等。1、二哥是卖海产品的,他一年四季风里来雨里去,起早贪黑,非常辛苦。他个子不高,长相也不怎么太……煮香椿的水能泡脚吗香椿不仅有很好的食用价值,还具有很好的药用效果,它可以起到很好的功效与作用,除了吃以外,还会有其他的用途,有些人会用香椿煮水泡脚,那么香椿煮水泡脚有什么作用呢?下面让我们具体来……舌头溃疡的原因和治疗方法是什么无论是什么样的疾病在发作的时候都是会有一些先兆症状的,只不过很多人们对于先兆症状并不算是那么清楚的,所以总是会错过治疗的最佳时间,这样的话就会给疾病的治疗增加不少的难度,尤其是……古代女性避孕用这十种办法社会逐渐进步,现代女性为防止意外怀孕有很多办法可以选择,不但方便可行效率高,而且不会有什么痛苦。相比而言,古代女人的避孕方法更像酷刑,令人闻所未闻!1、汤药避孕在现……哪些疾病会引发嗓子疼1、细菌细菌的感染也是诱发嗓子疼的主要因素之一。导致人体细菌感染的途径有很多,比如像呼吸、进餐等,一旦出现细菌感染的情况就容易导致人体患有链球菌咽炎、扁桃腺炎、会厌炎、悬……爱发脾气的领导是好领导吗领导实力强但爱发脾气如何遇到实力强但爱发脾气的领导,其实是好事,尤其是你有实力的话,不打不成交。所以当领导分配的任务,第一时间完成,第一时间反馈,也要学会察言观色,别在领导心情不好的时候去汇报工作,请……爱从未走远不知从何时起,我觉得世间所有人都对我有敌意,包括我的父母、同学。那段时间,我很敏感,总觉得人人都在背后议论我,没有人会真的爱我。于是那时的我把自己封闭起来,一点也不想接触……如何从到打造云客服产品的客户订单管理系统订单管理是客户运营管理的一部分,是客户运营的核心部分,它承载着客户服务与客户交互的整个过程记录。那么,如何从0到1打造云客服产品的客户订单管理系统?云客服产品是指SaaS……空开跳闸的检测及处理方法家庭当中需要安全用电,跳闸是常见问题之一,那究竟空开跳闸的检验及处理方法,跳闸原因是什么,跳闸怎么呢?随本站小编来了解一下。空开跳闸的检测及处理方法有以下两点:首先……宝宝穿开裆裤有大隐患宝宝穿开裆裤是一件很平常的事情,但对于大一点的宝宝,如果还继续穿开裆裤,可能就不太适合了,因此,大点的宝宝穿开裆裤可能会有以下这3大隐患,一起来看看详细内容吧。隐患一:宝……
友情链接:易事利快生活快传网聚热点七猫云快好知快百科中准网快好找文好找中准网快软网