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

设计点滴58同城部落设计思维解密

7月15日 吴梦筱投稿
  在这个信息内容至上的年代,产品除了让用户更高效地获取所需内容,还要为用户生产更多的价值。
  1。项目背景
  同城部落作为58同城平台全新功能模块之一,有着平台用户需求目标性强且具有群体性的特征,它是将相同兴趣、目的和地理位置的用户聚集到一起形成的交流平台,用户可以在这里更容易找到共同目标,促进用户之间的交流与沟通,从而撮合用户的共有需求,在用户的沟通过程中通过明确主题与形式的引导,产生有价值的内容来辅助用户决策,增加用户粘性,并逐渐形成用户层级及更立体的用户。对于一个社区,这是一个很重要的前提,意味着这个平台能给对某类事情感兴趣的人找到一个有价值的交流场所。
  同城部落目前涵盖了招聘和房产两个业务功能,同时由此又发散出一些强相关的不同主题和内容,包括话题、讨论、发布等用户进行社交的功能。
  2。设计思路
  2。1设计思维解密
  在设计初期,首先需要用系统性设计思维去思考,这个方法分为业务、体验和品牌三个方向,同时也是设计中比较容易有所突破的地方,它强调从整体出发,先综合,后分析,再综合的思维模式。
  因为同城部落的主要入口在首页腰部位置,而在首页的头部已经有比较强的品牌露出的展示10个入口图标,所以在这个项目中更多的是需要思考业务和体验两个方向,通过这两个方向来寻求设计上的一些突破点。
  2。2用户需求分析
  58同城部落的目标用户年龄集中在1930岁,并且以蓝领阶层为主,占整个年龄段的近八成。而这个年龄段的人群面临着刚毕业需要找工作,或者是去外地打工,需要租房,由于身处异地社交圈窄,迫切需要稳定生活、交友等等,因此我们得出了以下关键词:
  通过把这些关键词分为两类,一个是对物质追求上面的需求,另一个就是情感共鸣上的需求,由这两个点依次细分为效率高、品类多、分类准、互动强,通过这四点分别对应着设计目标提高设计一致性,提升体验与效率,以及增强页面设计活力;产品目标促使人与人之间更快达成“交易”和丰富平台内容,提高留存率。
  在入口页增强了内容的扩展性和强化了入口分类,由于同城部落目前只涵盖房产和招聘两个内容,在统一颜色背景上如何更好的区分不同属性的内容呢?就需要在内容上做些区别,招聘是与人相关的,房产是与地理位置相关的,因此,分别用“头像”和“坐标”的图形元素来表示跟人相关的招聘和跟地理位置相关的房产,让用户能第一时间感知并快速找到自己的需求目标。
  首先需要思考的是如何与整体58同城平台的页面相融合,并且页面整体设计基调能保持一致,因此,在部落卡片颜色上舍弃了高亮与高饱和度的颜色,用浅灰色作为背景颜色,与整个页面能更协调,并且能在视觉效果上突出上面图标入口内容,从而产生自上而下的阅读习惯,与下面其他模块内容也能相呼应。
  同时,在这两种类型的图标颜色上延续了58Logo的四种品牌色蓝、红、橘、绿,并对这四种颜色进行轮换的形式。为了不使图标在整体页面中显得突兀,因此在品牌色基础上适度降低了颜色饱和度,这样就衍生出了8种不同组合状态,并且与顶部轮播图标的颜色相呼应,又能给用户一种强感知的视觉体验。通过这种形式可以在同样颜色背景上避免对不同内容产生混淆,更容易让用户通过形状来加深和巩固记忆,更快速高效达到目标。
  2。3详情页排版节奏把控
  进入详情页后,整个页面分为上下两个层级:分类信息区和信息内容区。分类信息区是商圈名或具体职业信息的展示地方,并且也有着个人的一些操作内容,如自己发布和回复的帖子入口、消息提醒以及切换商圈等;信息内容区则是用户积极讨论的区域,由于信息量很大,如何更好的将信息归纳和分类成了这部分最关键的部分。
  由于同城部落整体属于社区性质,文字信息较多,因此在字号上不能太小,以免对用户造成识别干扰。在用户讨论上做了三个层次,首先为标题,也是用户最关心和最先看到的内容,因此这部分文字内容需要着重突出;第二则是正文内容,属于标题的附属信息,所以这部分需要稍弱化于标题,但是也要在用户可视范围内;第三则是辅助信息,包括用户id、浏览历史、时间、回贴量等,这部分是附带信息,在用户迫切想得到目标信息时需要把这部分内容做出退让,由于这部分内容不能进行操作,所以需要弱化于标题和正文信息。在这部分内容之间会穿插些话题卡片,既能为产品导量,让用户对自己感兴趣的话题有参与感,又能缓解信息过于密集的现状,让用户在浏览信息期间能有节奏的阅读,不会过于枯燥。
  底部button用大圆角矩形代替以往拉通的长方形形式,增加友好型,促使用户点击,并且由于长期置底,在视觉层面上可以显得更通透,并且对底部内容也不会全部遮挡。
  3。思考与总结
  同城部落最终目标是让用户在58除了找工作找房子之外,还希望通过它能拉近用户之间的距离,让用户之间无缝联系。在这个信息内容至上的年代,通过此产品让用户更高效地获取所需内容,同时为用户生产更多的价值。
投诉 评论 转载

智能电视:UI设计快速上手指南最近有小伙伴私信我关于电视端的设计问题,遂整理了一些个人最近在TV端应用的一些设计经验,供大家交流学习。以下是我在起初接触TV设计的过程中整理的一些方法,结合自己有限的经验后总……译文如何通过声音设计增强移动交互?本文主要关注交互式声音设计,这还是一个鲜为人知的学科领域,那如何通过声音设计增强移动交互呢?当我和别人讨论声音设计及它在Facebook所扮演的角色时,很多人一开始是看起……设计点滴58同城部落设计思维解密在这个信息内容至上的年代,产品除了让用户更高效地获取所需内容,还要为用户生产更多的价值。1。项目背景同城部落作为58同城平台全新功能模块之一,有着平台用户需求目标性……移动端界面设计模式:导航设计的各个类型随着移动互联网的不断发展,以移动为中心的理念和战略也不断渗透,互联网的短、平、快往往使设计师们无法长时间停下来思考可用性设计,快速找到最佳的设计方式是对我们一大挑战。移动端界面……品牌设定黄钻十年:QQ空间的那些青葱岁月,是否还记得?2018年我们迎来了黄钻十岁生日。回顾过去,黄钻默默地陪伴我们走过了甜蜜而青涩的青春,留下了最珍贵的记忆。黄钻特权让我的空间装扮更绚丽,日志花样更繁多,朋友投来的羡慕目光至今仍……从GUI发展史,分析桌面UI设计的基本要素本文主要是从GUI的诞生和进化,来看桌面应用设计有哪些基本要素。很高兴你能打开标题,进来阅读这篇关于桌面应用设计的文章。阅读过我前两篇文章的朋友,可以看出那两篇其实……交互设计的最后一公里(一)动效设计动效设计在交互稿的逻辑展示及提高可读性方面是很有必要的,当然其作用也不限于交互稿的展示,还有很多富有创意的设计点都可以用动效设计来进行表现。对于交互设计师而言,主要的交付……UI设计中,用户故事起到什么样的作用?用户故事是特定于敏捷方法的,当应用到UI设计过程时,它们为设计的后续阶段提供了一个重要的基础。一个精简版的用户故事几乎不需要花费时间来实现,但是却可以让项目保持在正轨上。……网站大型页脚的设计技巧和注意事项编者按:CARRIECOUSINS写了不少各种网站和UI设计的最佳实践,虽然很多UI元素的设计并不复杂,但是许多细节都值得注意。今天的文章帮你梳理了如今流行的网站大型页脚的设计……通用设计法则1:好的无障碍设计,具有四大要素优秀的设计师有时会无视设计法则。但当他们这样做的时候,通常会有一些补偿性的措施。除非你确定你能做得那么好,否则最好还是遵守这些法则。威廉斯特伦克(WilliamStrunk)……如何将不同的图标,纳入到同一个系统中?想要将不同的图标纳入到一个系统当中来,设计师主要的工作目标就是确保一致性。找图标这个事情,对于设计师而言,其实都不是太大的问题了。不仅有大把的网站提供免费的图标下载,而且……三种界面交互类型,四种隐喻设计方法本文作者归纳了隐喻设计类型和隐喻设计方法,与你分享,enjoy隐喻设计是一种常用却很少有人提及的概念,人们往往身在其中却不知究竟为何物。简单说,隐喻设计它可以将现实生活中……
如何签出合法有效的电子合同?看这篇就够了!那些10年前经典的设计,现在如何(上)重塑做事逻辑:两种用户体验设计思路全面解析如何做好产品可用性测试?拆解开关背后的设计细节解析营销中台产品模型5个细节,带你看看大厂产品的精彩设计蚂蚁森林的游戏化(下篇)语音交互设计探究以车载场景为例从防错到容错,设计思维升级AB测试中12个常见的误区(下)在知乎做产品设计,是一种什么样的体验?不去厦门,不去九寨,这才是国内最美的人间天堂,你去对了几个?面料支数(40支和60支的哪个厚实)豇豆圆葱炒鸡蛋的家常做法洗面奶弱酸性值是多少打败馒头和包子,6道懒人早餐!随便一煎,外焦里嫩,鲜香四溢在异地诉讼离婚要啥证件高考物理超全重点难点知识梳理一每日背诗瀑布联句校长对学生讲话也需娓娓动听TCL薄嵌冰箱亮相只有橱柜厚度,左右无需散热引产后喝鸡汤会涨奶吗风车和高几十米的风力涡轮机的区别是什么?

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