HOME 首页
SERVICE 服务产品
XINMEITI 新媒体代运营
CASE 服务案例
NEWS 热点资讯
ABOUT 关于我们
CONTACT 联系我们
创意岭
让品牌有温度、有情感
专注品牌策划15年

    小红书app界面设计优缺点(小红书app界面设计优缺点有哪些)

    发布时间:2023-03-18 12:04:57     稿源: 创意岭    阅读: 539        问大家

    大家好!今天让创意岭的小编来大家介绍下关于小红书app界面设计优缺点的问题,以下是小编对此问题的归纳整理,让我们一起来看看吧。

    开始之前先推荐一个非常厉害的Ai人工智能工具,一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

    只需要输入关键词,就能返回你想要的内容,越精准,写出的就越详细,有微信小程序端、在线网页版、PC客户端

    官网:https://ai.de1919.com

    如需咨询小红书相关业务请拨打175-8598-2043,或微信:1454722008

    本文目录:

    小红书app界面设计优缺点(小红书app界面设计优缺点有哪些)

    一、爆红的小红书为了让用户买买买,都做了哪些事?

    随着互联网行业的逐步成熟,BAT三大巨头三足鼎立,再加上资本寒冬来袭,很多创业公司都举步维艰。但在这种情况下,小红书APP去年火遍了大江南北,引得无数妹子争相拥有,今年3月更是拿下1亿美元C轮投资,进军“独角兽俱乐部”。

    在不到三年的时间里,它从“海淘版知乎”进军跨境电商,并在国内移动跨境电商APP类目排行榜上占据第一,7月日均活跃用户达148万。小红书究竟是如何做到的?它有什么样的魅力?从用户需求挖掘、产品分析、产品运营、产品团队,给小红书来个大解剖,最后再聊聊小红书的挑战与发展。

    • 体验时间:2016.10.18

    • 体验产品:小红书

    • 体验版本:v4.10

    • 设备型号:iphone6S

    • 操作系统:ISO 10.0.2

    目录:

    1. 拨开云雾,寻找用户的痛点(需求挖掘)

    2. 小红书的产品进化论(产品分析)

    3. 以用户体验为中心,小步快跑(产品运营)

    4. 小红书背后的大团队(产品团队)

    5. 风口浪尖,小红书走向哪里(挑战与发展)

    一、拨开云雾,寻找用户的痛点

    1.1现象:境外购物热

    近几年随着中国经济的发展,新中产阶级不断扩大,消费能力得到显著提升,人们对生活品质也有了更高要求。但国内整体产品品质和企业创新能力较弱,且食品安全问题频发。随着出境政策的开放,出现了留学潮,境外旅游热,人们的国际视野得以扩大。

    大家发现国外商品不仅品质优良、设计新颖,同样的品牌国内国外价格差了一截,随即开始关注国际消费品。以上种种因素导致了消费者对境外购物热情持续高涨,但与此同时也产生了一系列的问题。

    1.2问题:境外购物难

    这一系列的问题都可以归结为“境外购物难”,也是迫切需要被满足的需求

    1.3切入点:

    小红书初期选择了从解决用户“难选择”的问题切入,这是看似并非核心的切入点。然而正是这个切入点,让小红在这场跨境之争中打了一个漂亮的侧翼战。

    周鸿祎在《我的互联网方法论》中提到:在体验经济时代,要从用户的角度来看问题,从巨头们看不到、看不懂、看不起的小处着眼切入市场,通过快速地、持续地改进产品的用户体验,从而达到颠覆市场格局的目标,这种持续不断的创新就叫微创新。小红书很好的诠释了这段话。

    1.4小红书的用户是谁?

    1.4.1用户分析

    数据来源:易观千帆APP分析(统计时间:2016年7月)

    采集时间:2016年10月18日

    根据易观千帆的数据显示:小红书的女性用户高达87%,超一线、一线城市用户超过60%,主要分布在沿海一带。另据小红书CEO毛文超透露,小红书的用户年龄集中分布在18到30岁之间,职业分布包括大城市白领、公务员,以及留学生。女性用户天生对购物、对时尚话题无法抗拒,优质的购物分享,很容易就形成自发的传播。

    而超一线、一线城市的女性用户具有收入较高、高审美、高要求这些特点。85后的人群对互联网依赖度更高,他们对新事物敏感、愿意尝试。留学生们具有国际视野、主见较强、有优越感,他们追求优生活,也很乐于分享,是笔记生产的主力军。此外在小红书的用户中,“辣妈”也是典型用户之一,她们对母婴用品有大量需求。

    1.4.2用户画像

    --------------------------------------------------------

    陈雅琪Charlene | 27岁 | 处女座 | 坐标北京

    温哥华海归留学生 | 珠宝设计专业 | 独立珠宝设计师

    爱好:时尚、瑜伽、摄影、旅行

    基本属性:父亲是企业家,母亲协助父亲管理公司。身边有很多留学生朋友、同学。在北京开了自己的个人珠宝定制工作室。常常在网上PO自己的珠宝设计作品,时尚搭配、旅行照片。对生活品质有较高要求,有自主的审美意识。性格大方,情商较高,懂礼貌,有见地。但时不时会太纠结或对自己要求过高导致小抑郁。有轻微的洁癖,细节控。

    购物习惯:平时逛得起大商场,时不时也会去搜淘宝。对于奢侈品有自己的见解,也会买一些设计师款,喜欢简约时尚有点小设计感的服装。因为工作关系,每1-2个月会飞到深圳或广州,因此总会顺道去香港购物,每次都会打扫特扫。也会去海淘购物,偶尔托国外的朋友帮忙买一些限量的产品。

    常用APP:微信、微博、淘宝、Instagram、Lofter

    --------------------------------------------------------

    王文姗 | 30岁 | 巨蟹座 | 坐标上海

    上海交通大学研究生毕业 | 法律专业 | 外企法务

    爱好:书籍、电影、运动、美食

    基本属性:父亲是公务员,母亲是退休教师,在上海定居。丈夫从事外贸生意,结婚3年,男宝宝1岁零1个月。性格虽然偏内敛,但是做事很有分寸,细致谨慎。工作上勤勤恳恳,生活上井井有条。自从怀孕以来,就疯狂补充育儿经,非常注重孩子的教育和营养健康。

    购物习惯:购物较为理性,注重品质感,喜欢优雅简约的风格。逛商场、购物中心往往是和闺蜜一起,平时线上购物会偏向选择比较大的电商平台。自从宝宝出生后,购物频率大大增加,由于没法经常出国或去香港,所以会海淘一些宝宝用品。老公偶尔去深圳出差时,就将列好的常规物品清单交给他采购,当然对男人购物上期待不能太高。

    常用APP:宝宝树、豆瓣、天猫、微博、微信、淘宝

    --------------------------------------------------------

    1.4.3小红书的应用场景

    用户会在上下班的路上、睡觉前、下课的间隙等碎片时间用手机浏览小红书的笔记推荐、热门话题、时尚信息,打发无聊的时间;期间在大量信息的刺激下,极大地促进了他们的购物欲望。

    有明确的购物目标时,可以在小红书搜索产品的笔记,获取产品的评价、性能、用法等,从而促进用户在小红书购买。用户在境外购买了服装、化妆品、配饰等,可以用小红书编辑图片、标签,进行分享,在获得其他用户认可的同时无形间增加了用户粘性。在出境游之前,用户可以在上面搜索相关的笔记,获取购物攻略,制定购物清单。

    二、小红书的产品进化论

    2.1产品模式的进化

    2.1.1小红书概述与定位

    小红书从创业初期到现在,也经历了许多改变和转换。目前小红书已从海外购物分享社区,转型成为了社区型跨境电商。这个转变也意味着小红书开始了商业变现。它的口号是“找到全世界的好东西”,关注于如何提升用户的生活品质。

    其目前的定位比较明确,以社区为基础,借助大量用户的积累和数据沉淀,精选产品,打造“爆款”,成为新一代社区电商。

    2.1.2从网页版到重点放在移动端

    数据来源:艾瑞咨询《2016年中国移动社交系列研究报告——产业篇》

    来自艾瑞咨询的数据显示09年开始手机网民占整体网民的比例超过60%,智能手机的保有量也将进一步增加。2013年创业初期毛文超曾以PDF购物攻略的形式在PC端试水,虽然反响不错,但却遭到投资人泼冷水,觉得这个产品不够“Sexy”,提醒其已经进入移动时代,随后毛文超才将重点放在了移动端。

    2.1.3从PGC式的单向输出购物攻略到UGC式的海外购物分享社区

    数据来源:艾瑞咨询《2016年中国移动社交系列研究报告——产业篇》

    传统的时尚杂志、导购网站大都在做PGC式的单向输出内容。然而据研究表明,移动用户的需求悄悄在升级,新生代渴望参与、渴望表达并被认同。

    小红书的分享属性能够满足新生代对社交的新需求,她们乐于分享配饰、化妆、搭配心得,希望与人交流并受到关注,以此获得自我价值的体现。与此同时内容、社区与用户相互交织,形成了紧密的联系。从PGC到UGC模式的确立,不仅减少了内容编辑的工作量,用户生产的内容也为日后商业转化提供了极大的参照。

    2.1.4从海外购物分享社区到社区型跨境电商

    ● 社区社群双向共生建立壁垒

    摘取一个网上的例子:你买了某手机,然后你进入某某手机社区,此时你跟其他的用户的唯一关系和连接点只是你们共同购买了此款手机,这一群购买了同一款手机的人组成了社区;而有一群人喜欢看电影,便组成电影群组,讨论点评电影。由此可以发现社区是弱关系,但传播较快,空间大;而社群是强关系,归属感更强,用户更活跃,互动频率更高,UGC输出质量更高更多,但传播慢。

    而小红书的缔结点在于给喜欢海外购物的人群提供了一个社区平台。这些人首先是因为兴趣连接,基于自发性的连接使得用户有更高的参与度,更活跃且互动频繁。而购物的话题点很多,可以衍生出兴趣侧重于美妆、搭配、美发等各类不一样的强关系社群。每个人都有不同的兴趣点和长处,于是建立起一种网状交织的社群关系。这样社区社群双向共生的模式,为小红书建立起了很好的壁垒。

    ● 基于信任为核心的社群经济

    社群经济是指互联网时代,一群有共同兴趣、认知、价值观的用户聚集在一起交流、协作、影响,对产品品牌本身产生反哺的价值关系,这种建立在产品与粉丝群体之间的情感信任和价值反哺,共同作用形成的自运转、自循环的范围经济系统。而其核心其实在于信任感。

    早期小红书采用UGC的购物分享方式,由于用户间没有直接的利益相关,使得分享内容的信任价值更高。其将消费者在购物环节中比较敏感的购物推荐交给了消费者自己。

    这些大量自发的分享内容,为小红书对用户需求采集提供了海量的样本。于是小红书回到“境外购物难”的需求原点,进一步满足用户需求,融入了跨境电商的模块,同时也实现了商业转化。

    2.2仔细看看现在的小红书

    2.2.1产品结构

    闭环结构

    信息结构在这里包含了产品功能和产品内容。高度抽象化后的小红书其实就如上图所示,它像一个粘合剂一样把购物中相关的几个环节联系了起来,形成一个闭环结构。

    流程图

    当然我们还可以进一步细分为上图所示,能够展示出用户的使用流程。这种闭环的结构使得其具有反馈性、持续性、难以击破的优势,但如果有一个环节被击破也将难以修复。

    2.2.2产品框架

    小红书APP前端示意图

    小红书APP页面

    以上是小红书APP前端示意图和APP页面。其中首页和发现页面都是用户的笔记分享,就目前而言,页面布局无论是内容或功能上都还是以购物分享为重点。虽然页面布局侧重点不在电商模块,但大量购物笔记的诱惑下,反而能勾起用户强烈的购物欲。而且在笔记的某些产品标签之下可以引导到商品购买页面,是无数个隐形的导航。

    2.2.3视觉与交互

    界面设计上颜色风格基本与品牌定位相符,但色彩搭配的方式略显单一。五个页面设计都比较平白,对于信息的主次引导有所欠缺,页面整体之间欠缺节奏感,视觉图标不够有特点。字体层次太多或太乱,另外用词可以更考究。存在一些BUG,偶尔会闪退。在交互指引上,还存在比较多的问题,用户完成一些任务的过程不够顺畅。限于篇幅原因,举几个例子说明。

    三、以用户体验为中心,小步快跑

    3.1运营模式

    3.1.1产品迭代

    数据统计自App Store采集时间:2016年10月18日

    上图选取了小红书16年在ISO版本的更新记录,其更新比较频繁,月均1次以上,以轻量式优化的方式,不断快速迭代。一方面可以看出小红书对用户体验的重视,另一方面海量的用户也为其提供了很多优化参考数据。

    查看了小红书上线以来不同时间的各个版本,目前已经走过了三个阶段:以旅游购物攻略为主的初创期、融入“福利社”(电商)的调整期、完成社区跨境电商的蜕变期,可以看出其一直在不断探索,不断优化改进。

    另外早期小红书一直潜伏在APP旅游类目,也设定过生活类目,到现在的购物类目,无论其无心插柳还是有意为之,都或多或少规避了被扼杀在摇篮中的风险,大概那时候的电商的巨头们不会认为一个购物旅游攻略会成为他们造成很大的威胁吧。目前小红书已经在移动跨境电商类目位居第一,且其月活跃人数比第二名高出一倍。

    数据来源:易观千帆APP分析(统计时间:2016年7月)

    采集时间:2016年10月18日

    3.1.2内容运营

    随着用户生产的笔记越来越多,小红书将优质内容整理成了热门话题、品质生活、全球购物、热门专辑几个专栏,便于用户查看相关内容;此外小红书的长笔记栏目,每天发布一篇主题文章,其中会融入用户的笔记,使得用户内容价值扩大,让用户有参与感。

    标签是小红书的一大亮点,其通过对标签的管理,将内容进行了结构化,便于搜索;购买页面对产品进行分类,一目了然;图文编辑器功能比较齐全,可以很好地辅助用户生产更优质的图文笔记;对社区进行规范化管理,避免广告横流。

    优化建议:用户生产的内容会不断扩大,为避免用户产生信息疲劳和迷失,需进一步管理分类。很多长笔记中除了购物分享,还会掺入个人生活描述,用户只能点入笔记并通读全文才能获取购物信息,不够直观。

    可以在编辑器中加入非强制性的产品评分功能。在购物页面,显示产品主要共性评分,可以直观对比不同产品,帮助用户快速找到合适的产品。发现页面整理了几个优质笔记栏目,但下拉式的结构对下面的内容模块有遮挡;或许增加一个二级导航作为辅助,用户可以快速抵达专栏。

    由于用户笔记标签都是自己设置,分类繁琐,笔记只能通过搜索来筛选;或许在笔记编辑的时候,可以给用户提供类目选择,不仅方便内容的分类管理,更重要的是用户可以根据需要筛选不同内容。目前笔记是由图片和文字组成,展示形式还可以拓展小视屏,让内容更加丰富。

    3.1.3用户运营

    ● 用户可以通过通讯录、微博、微信发现好友或系统推荐好友,避免用户的陌生感;

    ● 积极引导新用户发笔记,发表笔记后有积极的反馈,并给出建议;

    ● 去中心化的玩法,鼓励用户发表自己的声音,让用户之间互动和参与度都更高;

    ● 产品页面实时显示用户购买的地点时间,提升用户购物欲和信任值;

    ● 线下不定期邀请用户参与时尚活动,调动了用户积极性。

    目前小红书的用户量已经比较可观,下一步主要活跃用户和提升用户粘性。定时策划一些有趣味的线上线下活动让用户参与,活动可以形成常规化,变成社区特有的文化或仪式。

    3.2市场推广

    3.2.1冷启动

    小红书创始人毛文超具有留学生身份背景,他所处的群体就是小红书的用户群体。因此在初期用户的挖掘上创始人也发挥了比较积极的作用。另外通过邀请大量KOL营造优质社区内容,通过他们的影响力引导流量。同时自主编辑大量的优质内容,吸引用户。而当时的语境下,境外购物大热,得以迅速的积累了一批种子用户。

    3.2.2口碑营销

    小红书上线3个月之内,用户全靠毛文超与团队在网上推广获取。攻略被一部分用户熟悉之后,用户的口口相传和各种热情洋溢的留言扩大了小红书的影响力。毛文超说:”我们小红书福利社最早一批的核心用户,在我看来,是85后、90后这样一代对生活品质有要求的意见领袖。

    因为我们最早提供的是一个海外购物攻略。相信在座很多人都会出国旅游,而购物肯定是必不可少的环节,这个是整个中国的大环境。事实上,你们都是这方面的意见领袖。所以我们小红书很快积累了这样一批用户,并开始发酵。”

    3.2.3事件营销

    ● 《胡歌和小红书的三天三夜》

    2016年4月小红书即将三周年,策划了《胡歌和小红书的三天三夜》系列活动。小红书通过将胡歌打造为一个“普通用户”,跟着小红书的笔记寻找好东西,营造了非常真实、清晰的使用场景,代入感很强。小红书品牌团队认为小红书是一个真实的社区,和真实的人打交道,拿到真实的信息,去做真实的事。

    因此广告片坚持的要呈现“真实感”。在打造社区品牌的概念上,小红书采取了更加立体化的传播方式。在《奔跑吧兄弟》的中插以及部分出租车背后的电子屏广告位。而在微博上更是各种吊粉丝胃口、撩粉丝,吸引大片胡歌粉围观互动。

    另外在其官方公众号上,专门设立了胡歌一栏,包含了活动的视频、胡歌语音回复、照片,整个活动更加鲜活人性,让明星影响最大化,并延续影响。

    ● 小鲜肉送快递

    在这个美男鲜肉霸屏的时代,小红书在2015年6月周年庆中开启了“小鲜肉快递”活动。一个个外国鲜肉裸模,看得脸红心跳,“吸睛”之余,话题十足。同时,这给用户带来非常惊喜的体验,会自发形成传播。小红书特别设计的红色快递盒在视觉上强化了品牌,其相当惹眼,试想在办公室收到这样的快递盒的时候,别的同事也会忍不住过来问吧。

    此外小红书还在2015年圣诞节前夕推出过系列活动“红色星期五”、“红色大巴车”、“小红书全球大赏”,为圣诞节促销做足了戏码。这些活动都体现了好玩、有趣、高颜值、大胆而不落俗、场景化、视觉强烈的特点。

    这种对话方式既是基于小红书的用户,也是小红书品牌的价值输出。人格化的品牌输出,大概是希望用户在使用小红书的时候不是把它当成一个工具,而是鲜活的人与人的连接。

    纵观这几次大型活动,小红书团队无论在时间节点的选取,还是主题的策划上都“心机满满”。

    当产品逐步完善,小红书突出其购物功能推出“小鲜肉送快递”活动,进一步扩大用户认知;接下来圣诞节前夕,抓住机会,做年终大促,获得大笔营收;三周年庆时,借助明星效应,上演“躲猫猫”的戏码,再次扩大品牌影响力;而其B、C轮的融资恰好落在这三次大型活动之间。

    3.3竞品分析

    这部分主要围绕同行业竞品做宏观分析和数据对比分析,竞品选取了网易考拉海购、洋码头、达令全球好货。

    上图是小红书和几个竞品之间的宏观对比分析,2015年上线的网易考拉背靠雄厚的资源和自身媒体基因快速上窜;洋码头的个性化较强,可以满足消费者不同需求;达令侧重新颖个性潮品,价格不高。总体来说网易考拉、洋码头的威胁较大,达令的消费群体和小红书存在一定的差异化。

    数据来源:易观千帆APP分析(统计时间:2016年7月)

    采集时间:2016年10月18日

    以上数据表明,小红书在移动跨境购物类目中占据了比较大的优势,用户量较为庞大。虽然日均活跃人数、日均启动次数、日均使用时长都排在第一位,但这是基于其用户基数较大。

    而从人均单日启动次数和人均单日使用时长来看,小红书没有占据绝对优势,用户活跃和粘性还有很大提升空间。从男女性比重看,都是女性用户偏多,小红书的女性用户占比更是高达87%,这对拓展业务范围也有一定限制。

    四、小红书背后的大团队

    4.1团队介绍

    小红书由毛文超和瞿芳创办于2013年6月。由小红书的官方介绍,可以看出目前其团队实力逐步增强扩大,几位高层负责人基本拥有留学背景。CEO毛文超拥有管理咨询和私募投资经验且曾在美国留学,相信这些经历使得他更好的理解用户和市场,为小红书的发展提供正确的经营策略,也为公司后期的融资奠定了基础。

    小红书的公司文化气氛比较开放,办公环境也很不错。其坚持以用户数据为向导,不断积极优化用户体验。

    4.2融资情况

    图片来源:创业邦

    4.3合作伙伴

    因为拥有大量用户数据作为参考,所以小红书在品牌合作上拥有更多主动权,真正做到以用户需求出发,开创了全新的C2B的口碑营销模式,即用户数据决定卖家的商品选择。目前小红书与澳大利亚保健品品牌Blackmores、日本化妆品排行榜@cosme美容大赏、日本药妆店集团麒麟堂、松下电器、虎牌、卡西欧等多个品牌和贸易商达成了战略合作。

    五、风口浪尖,小红书走向哪里?

    5.1硬币总有两面,小红书的优与劣

    先说说小红书的优势,经过前面的分析,其优势也比较明了了。其初期的购物分享社区模式,建立了良好的口碑和信任度,形成天然的壁垒;UGC的方式,为其提供了大量用户数据,真正做到以用户需求为向导选择产品,是全新的C2B模式。

    基于大量用户,又有了大量用户数据,小红书在品牌合作上有了更多主动权;此外,小红书在郑州和深圳保税区拥有自营仓库,仓库面积在全国跨境电商中排名第二,可以有效缩短从下单到收货的时间。

    接下来说说其劣势,用户数据虽然为选品提供了参照,但通过这种方式选品,其品类和数目会受到限制,导致货品不够丰富,可选择性不强;另外人群特性比较强,对于业务的拓展会造成一定的限制;再者由于小红书的购物分享社区性质,会导致许多商家为推广自身产品,在小红书发布软广告,长久必然会影响用户体验。

    5.2总有困难,总有瓶颈

    小红书稳步发展至今,接下来要面临进一步盈利的问题,平衡用户体验和实现商业目标是一大挑战;随着用户的增长和电商的建立,对整体的运营要求会更高;在产品上如果一直采用自营选品的方式,产品品类和数量问题难以解决,但如果开放平台,对于产品品质又会难以把控。

    5.3生命不息,奋斗不能停

    小红书要进一步盈利,必须结合更多元化的盈利方式。一方面通过数据深度挖掘用户的需求,如提供个人定制化形象管理的增值服务;另一方面可以扩大产业的合作,小红书起源于跨境旅游,开拓旅游方向也是颇有优势。

    面对多元的模式,小红书要加强自身的内容运营,PGC的内容要强化、增加丰富度,UGC的内容要加大维护、拓展其价值;而电商方向的运营还略显薄弱,对于商品的整合及服务都需要加强。对于自营还是开放平台,外界多次向小红书高层提问。但就目前而言,还不是开放平台的时机,如果因为开放平台导致用户体验变差,那会得不偿失,应该继续深耕用户体验。

    跨境电商的商品质量和真假问题一直此起彼伏,在这方面不仅要加强管理,还要通过透明化的流程让用户真正放心。随着跨境电商市场的逐步成形,未来的竞争将会是供应链整合之争,作为没有先天基因的小红书,需要大力强化上游供应链。

    二、app导航设计方式有哪些

    生活中大家或多或少都会有迷路的经验,但你是不是从来没思考过迷路的定义是什么?

    迷路的定义其实有两个核心:

    1.想要到达一个目的地;

    2.不知道自己在哪里,应该往哪走。

    和生活中的迷路一样,我们在使用APP过程中也可能会「迷路」。因为我们使用APP时同样需要到达一个页面,如果没有合适引导,我们很难知道他需要怎么跳转才能到达自己想要的页面。在APP中,导航设计起到的正是这种关键作用:让我们了解自己此时在哪个页面,自己想要到达某个页面应该怎么跳转。

    下面我们通过实例从是什么、为什么、怎么做这三个方面来介绍一下目前APP设计中最常用的几种导航。

    一、底部标签导航

    1.简介

    底部标签导航是APP中最常见的导航。

    为什么它会是最常见的?就像超市把利润最高(最想卖给顾客)的商品摆在顾客触手可及的地方一样,APP最核心的功能通常也应该放在用户触手可及的地方。在我们握持手机时,屏幕底部区域恰好是大拇指最方便触及的区域。因此大多数APP产品才会选择底部标签导航的形式来呈现产品核心功能。

    2.设计特征

    1)通常作为APP的一级导航(主导航)。

    原因同简介里的解释。

    2)标签数通常为3-5个。

    为什么不更多?因为大拇指触摸屏幕时的接触面积较大,一旦标签数超过5个,每个标签的所占面积不足,将会使正确的标签点击选择变得困难,甚至导致误点击。

    3)标签通常是图标+文字形式的。

    标签通常可以有文字、图标、文字加图标这3种设计形式,为什么非要用图标+文字?首先,文字的意义指向性强于图标。举个例子,一个X,可以表示关闭,也可以表示错误,甚至可以表示未知数,但「关闭」这两个字表示的就是关闭。其次,人类作为视觉化动物,对图形比对文字敏感。综合起来,图标+文字的形式是意义指向最准确的形式,也是让我们以最快理解标签含义(功能)的形式。

    4)标签顺序通常按功能优先级从左至右排列,第1个标签显示产品主页面。

    为什么?因为凡有排列,在视觉上必有顺序。有顺序,必有优先级。因此第1个标签通常显示产品主页面,或者说放置最核心的功能。

    5)如果标签数多于5个,但依然要使用底部标签导航,可以把最右侧标签设计为「更多」,然后点击「更多」会显示更多功能。

    这就像产品调研的问卷设计中我们设置选项一样,有时候我们需要让选项互斥,但选项数量又很多,这个时候我们可以把重要性低的几个选项合并成一个选项叫「其它」。

    6)标签对应功能模块间通常有高频次切换需求,且功能层级相当。

    7)通常用户所在页的标签需要突出显示(正常是通过颜色差异和标签图形变化来突出)。

    为什么?因为要让用户在APP中不「迷路」,一个至关重要的点就是让他知道自己现在在哪。

    8)底部标签在特定情况下可以做成沉浸式的。

    为了增加页面的展示空间,让用户能更专注(沉浸)于页面内容,比如说内容阅读类产品,底部导航可以设计成上滑时隐藏、下滑时显示的形式。但这种设计可能会导致使底部标签导航失去其原本在标签切换中的便捷性,使用时需要慎重考虑。

    9)考虑到大屏手机的单手操作,底部导航标签有时会采用左滑右滑切换标签的交互。

    3.优缺点

    1)优点

    可以直观展现APP的核心功能页面及入口;

    我们可以在不同的功能模块间进行快速切换。

    2)缺点

    作为页面固定显示的内容,会挤压页面其它内容的显示区域,进而降低页面的信息承载量。

    4.原型设计实现案例

    底部导航

    点此查看原型实例

     二、舵式导航

    1.简介

    舵式导航本质是底部标签导航的变式。那么舵式导航为什么要叫舵式导航呢?首先是形似,其次是因为舵式导航中最重要的导航就像舵在船的航行中一样重要。即一个底部标签导航中,有一个功能标签相比其它功能标签来说更重要、突出,更需要强调。

    2.设计特征

    1)有一个核心功能比其它功能更重要,更需要强调。常见于UGC产品,比如微博、闲鱼、抖音以及原型案例中的小红书。

    2)算上需要强调的标签,标签数量通常为3个或者5个。

    为什么?和船的控制室的对称式设计一样,当有标签需要突出的话,两边的标签在视觉上则要设计成对称的。

    3)舵这个概念在标签上的呈现,也就是突出的形式。既可以真的有舵的形,也可以只给标签做简单的差异化设计。

    前者的例子:闲鱼。

    后者的例子:微博、抖音、小红书。

    3.优缺点

    1)优点

    可以直观展现APP的核心功能页面及入口;

    我们可以在不同的功能模块间进行快速切换;

    可以凸显核心、频繁使用的功能,引导用户使用该功能(比如产出内容)。

    2)缺点

    作为页面固定显示的内容,会挤压页面其它内容的显示区域,进而降低页面的信息承载量;

    凸显最重要的功能的同时,一定程度上会弱化其它核心功能的使用。

    4.原型设计实现案例

    底部导航

    点此查看原型实例

     三、顶部标签导航

    1.简介

    顶部标签导航通常作为次级导航,配合底部标签导航或舵式导航一起使用。

    2.设计特征

    1)相对底部标签导航而言,标签数量更灵活。

    作为二级导航时,通常可以是2-3个标签。当二级导航的分类数较多时,也可以超过5个标签。

    2)标签通常是文字形式的。

    为什么不像底部标签一样设置成图标+文字的形式?因为图标+文字相比纯文字而言会占据更多的页面面积。如果采用这种形式,再加上底部导航,将极大挤压页面其它内容的显示区域。

    3)当标签分类数量过多时,通常可以设计成左滑滚动标签的形式。

    但需要注意的是,滚动标签意味着在不滚动状态下,页面默认状态下显示的标签数是有限的,这时我们让默认状态下可见的最后一个标签露出一半,以提示我们它可以左滑滚动,一定程度上减少用户的发现成本。

    在电商产品中,通常还会有一种类似于顶部滚动标签导航的侧边分类滚动导航。

    3.优缺点

    1)优点

    我们可以在不同的次级功能模块间进行快速切换。

    2)缺点

    作为页面固定显示的内容,在和底部导航配合使用时,会挤压页面其它内容的显示区域,进而降低页面的信息承载量。

    4.原型设计实现案例

    1)顶部导航

    点此查看原型实例

    2)顶部分类滚动导航

    点此查看原型实例

    3)侧边分类滚动导航

    点此查看原型实例

    四、抽屉导航

    1.简介

    抽屉导航也叫汉堡菜单,是将一个导航页(菜单)隐藏在当前页面,点击汉堡按钮,导航页会像抽屉一样从页面左侧或右侧拉出。我们可以通过现实意义的抽屉来理解这种导航:

    1)抽屉作为收纳物品的容器,通常可以存放多个物品(抽屉导航可以放置多个次级功能入口)

    2)抽屉通常是关起来的,需要时才打开,因此抽屉内的物品通常不可见(抽屉导航只有点击后才能看到次级功能入口)

    2.设计特征

    1)通常用于放置非常用、非核心、低频但必要的功能。如对设置、个人信息等。

    为什么要放置低频、非核心功能?因为抽屉导航具有隐藏的特性,而根据前面的介绍,越是核心、高频的功能,就越应该放在用户容易看到、触及的地方地方。

    2)使用抽屉导航,通常意味着产品的主要功能集中在主页面当中。比如摩拜。

    3.优缺点

    1)优点

    占用页面空间较少,使得主页面能承载更多的信息,页面更简洁,我们可以更专注于使用产品的核心功能。

    具有较强的次级功能扩展性,可以在抽屉导航页放置较多的功能入口。

    2)缺点

    隐藏式设计,可发现性较差,增加了用户的发现成本。

    4.原型设计实现案例

    抽屉导航

    点此查看原型实例

    五、宫格导航

    1.简介

    说到宫格,很多人第一时间想到的会是九宫格。实际上宫格导航不只是九宫格,也可以是其它数量的宫格。宫格导航会以分格、平铺的形式来展示功能,通常作为次级导航使用。

    2.设计特征

    1)宫格对应的功能数量较多。通常用户提供服务较多或者类目较多的APP,如支付宝和微信。

    为什么?因为要组成宫格,宫格数通常是6、9、12或者8、16甚至更多。

    2)通常功能之间层级相同,使用频率相近、彼此独立且切换频率低。

    为什么?因为分格平铺的形式可以让用户一目了然地看到所有功能,彼此之间没有显著的优先级差异。另外因为宫格导航只显示功能入口,不显示实际的功能页面,因此要切换功能时需要退回宫格导航页面才能切换其它功能,不适合作为彼此有关联、切换频繁的功能的导航。

    3)功能间如果具备一定的关联性,可以分类处理。

    为什么要分类处理?因为当宫格数量过多时,依据功能的关联性做分类,可以便于用户更快地找到自己想要的功能,减少用户的寻找成本。

    3.优缺点

    1)优点

    可扩展性强,可以根据需要向下扩展功能入口;

    可以让我们一目了然地知道产品所提供的功能,快速找到自己想要的功能。

    2)缺点

    不展示功能对应页面的内,无法直接执行功能操作;

    功能间切换不方便,要切换功能时需要退回宫格导航页面才能切换其它功能;

    容易形成较深功能层级和功能路径,增加用户的操作成本。

    4.原型设计实现案例

    因设计较简单,未附案例

    六、列表导航

    1.简介

    以列表的形式呈现功能,适用于大量的功能的展现,通常作为次级导航,如网易云音乐的账号页。

    2.设计特征

    1)通常功能之间层级相同。

    2)通常在列的右侧显示箭头表示有二级内容。

    3)当列表功能较多时,可以通过调整间距的方式对功能进行分类。如无合适分类名称,也可以选择不加分类名称。

    3.优缺点

    1)优点

    可扩展性强,可以根据需要向下扩展功能入口。

    2)缺点

    下方的功能可能会被忽略。虽说列表导航的功能间层级相同,但如果列表功能过多,我们需要向下滚动页面才能看到下方的功能,因此这一部分功能容易被忽略。

    4.原型设计实现案例

    因设计较简单,未附案例

    七、总结

    1.我们使用产品是为了满足某种需求(达到某种目的),因此导航最主要的功能在于让我们清楚地知道自己所在页面(所处位置),并帮助我们更快地到达目的页(目的地)。

    2.导航设计的形式服从设计的于目的。每种形式的导航虽然都有常用的使用场景,但这不意味着设计导航时需要严格遵循这些使用场景。在实际的设计当中,还需要根据产品侧及用户侧的需求具体分析。

    3.一款产品通常不会只使用一种导航,而是会根据信息架构以及功能的需求,混合使用多种导航。

    以上原型案例现在我们都可以在墨刀模版区找到并且免费使用哦!随时都可以按自己的需求来编辑模版或者直接复用

    如何查看模版项目,我们可以登陆墨刀:modao.cc,进入工作区,点击“新建项目” 就能在下方看到。

    选择一个模版,点击“使用模版”

    进入项目编辑区,可以随意改动各种元素。

    此外,如果点击“预览模版”,也可以一键查看该原型模版的教程哦!

    “红色”批注区域即为文字教程。

    更多模版信息可参考旧文:再也不用四处找原型模版了 墨刀模版库全面升级!

    三、小红书web端和客户端设计有什么区别

    资源利用的区别:

    客户端产品可以充分利用硬件本地的资源和特点,能实现更多的效果,而网页版由于不能充分利用硬件本地化的资源。

    四、小红书监控用户的优缺点

    小红书对用户进行监控的优点是可以更好地保护用户的隐私和安全,避免出现虚假及有害信息,确保用户正常及安全使用小红书;而缺点是可能会给用户带来一些不便,如干扰用户的正常使用等。

    以上就是关于小红书app界面设计优缺点相关问题的回答。希望能帮到你,如有更多相关问题,您也可以联系我们的客服进行咨询,客服也会为您讲解更多精彩的知识和内容。


    推荐阅读:

    和小红书类似的App软件(和小红书类似的app软件推荐)

    小红书外号叫什么(小红书外号叫什么好听)

    小红书入住(入驻小红书需要什么条件)

    杭州上城区宋韵文化(杭州上城区宋韵文化打卡点)

    微信拍一拍表达喜欢你