0

jongde的个人空间

 2 years ago
source link: https://my.oschina.net/u/2008098/blog/5047265
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Instagram的UX和UI的演变史 - jongde的个人空间 - OSCHINA - 中文开源技术交流社区

介绍

用户体验(UX)和用户界面(UI)有着千丝万缕的联系。 这两个术语的意义常常被误解: UX设计师需要平衡业务目标和产品目标,同时对用户的需求也有深刻的理解。 UI设计师确保产品的界面直观,响应迅速并且尽可能吸引人。
为了使app能满足对标人群不断变化的需求,需要定期对UX和UI进行更新。 在本文中,我们将深入研究Instagram(一款非常流行的社交网络应用程序)在过去十年来UI和UX的发展和演变。

背景

Instagram最初是一个照片共享社区。最开始的愿景是要将亲朋好友们聚集在同一个地方来分享回忆,那时候用户们也主要使用app内提供一些比较基础的滤镜,然后发布照片。
自2012年被Facebook收购后,它已从基础的照片共享服务发展成为如今的文化制造点。 我2011年以来就一直是它的用户,这些年见证了它飞速发展,无论是功能本身还是软件设计本身,变化是非常大的。

Logo

Logo是一个对公司品牌举足轻重的东西,在用户界面设计中是至关重要的一点。 一个logo在界面设计中能起到重要的作用,与设计界面相协调的logo能够大大增加产品的识别度,可以吸引到更多用户。
近年来的设计趋势颇有从大胆,复杂的设计向扁平化,简约方向发展的倾向。 Instagram的设计也不例外。

3735013.png
相比之下,原始logo有更多的细节,配色也相对柔和。现在的logo外观看起来符合现在审美,色彩更鲜艳,跟它整体的vi视觉更匹配。 但是,Instagram logo的字体十年内一直保持不变。

3735014.png

功能更改+辅助功能

Instagram从来没中断过对产品的更新和迭代。功能的添加、删除或移动也是常常发生的事情。

3735015.png

Instagram 2012 vs 2021

导航栏

在第一个版本(2010)中,底部导航栏上的主要为Feed,Popular,Share,News和Profile。 现在的导航栏从蓝色和灰色统一成为白色,这样一来整体外观更加简洁。 此外,图标也变得更简洁大方。

“通知”改为“购物”
导航栏的一项重大更改是删除了心形图标的通知选项。 取而代之的是“商店”图标。放在这个位置上,用户会经常在查看通知的时候不小心按到它。通知图标在界面的右上角,在“Direct”图标旁边。

3735016.png

这个更新让老用户们非常不悦,这是非常可以理解的。以前可以从导航栏直接看到新信息提示,他们现在必须要到顶部栏上才能查看其通知。 Instagram用“商店”图标替换掉了最常用的“通知”标签,这是Instagram的一个战略性的做法,旨在将用户更多地引导至Instagram新的购物功能上去。

“Reels”

“Reels”是一项视频功能,允许用户拍摄并上传最长30秒的视频,这是Instagram试图与TikTok竞争的功能。它的按钮位置取代了中心的“新帖子”按钮。 这个更新同样是被许多的用户诟病。

3735017.png

3735018.png被删的功能:“Following Activity”
这个选项卡从2011年以来就一直存在,算得上一个关键功能。为了实现更简化界面,在2019年被删除掉了。根据Instagram发言人的说法,普通Instagram用户几乎不会去看Following Activity,觉得它是一项隐藏的功能,并不是特别有用。

3735019.png
用户开始越来越介意自己产生的数据,比如“喜欢”和日常最常关注的内容希望可以对他人保密。 站在对立面的用户觉得,他们无法再跟踪自己朋友的互动的帖子,降低了产品可用度。

“Stories”

Instagram在2016年推出的“Stories”是直接照着Snapchat的“Stories”搬过来的。与Snapchat一样,用户发布的所有内容都会在24小时后被删除。 它做得非常好,超过了竞争对手。 首次亮相后的一年内,它每天有2.5亿活跃用户。

3735020.pngInstagram “Stories”的成功让Facebook在2017年推出了自己的“Stories”,引发了网民的一系列的meme.

3735021.png回过头来,Instagram “Stories”凭借早就广泛使用AI筛选和积累丰富的消费者基础,让这个功能能够吸引人们的关注,甚至迅速飙升的使用率也就不足为奇了。

隐藏“赞”

作为一个大平台,Instagram承担了一些社会责任。在一些国家(例如澳大利亚,日本和新加坡)为了用户形成更健康的社媒使用心理,Instagram进行了“隐藏赞(like)"的实验。 这项举动被视为积极正面的发展。社媒上,点的赞被视为社交货币,“隐藏赞“则减少了用户之间肤浅的竞争。 这样一来,人们可以更自由地在平台上表达自己,而不必不断寻求观者的认同。

3735022.jpg

但是,KOL和广告商则对这项优化抱有不同的看法,因为KOL无法向公众展示他们的活跃度了。 此外,尽管无法看到的发布被点了多少次赞,用户仍然可以看自己被点赞的次数,但是这不会对他们的心理健康造成影响。 用户还提到,隐藏了“赞”之后,他们不会像之前这么去关注当前的热门话题或者搜索等内容。

广告+ Feed算法带来的抱怨

最近,用户发现stories之间的广告疯狂轰炸。 feed当中,出现了嵌入式的广告帖,将本来流畅的观感和使用体验给破坏掉了。

3735027.png这个问题其实是因为Instagram Feed算法的变化而产生的。现在用户没办法像从前一样,按帖子的发布时间顺序来查看,而是根据Instagram上的参与度和覆盖率来显示帖子。 许多用户一直要求恢复到初始状态,但无济于事。

3735050.jpg

这个功能导致用户会错过他们订阅或者关注的更新,而且随着关注人数的增加,这个情况会更加明显,让本来就有怨言的用户负面情绪有增无减。当用户为了查看更新帖子而滚动到feed的底部时,显示的仍然是更多的“猜你喜欢”这类的帖子。而这个功能本来就已经重复了,在“浏览”页下,已经根据用户兴趣推荐了帖子。

3735059.png结论

Instagram已经超越照片分享平台,而发展成为文化趋势的发源地了。这一点,随着时间的推移在用户体验和用户界面更新中也能看到端倪。但是许多Instagram用户越来越不满意这款产品,不少用户也发现自己的反馈并不被采纳。 Instagram越来越多倾向一个什么都能做的平台,却忘了它的初衷是为了通过社媒,让人们能轻松地参与彼此的生活。

但是,在新的社交照片共享大头出现之前,我们还是不得不依靠Instagram作为主要的视觉内容分享平台。

文章由摹客团队翻译整理,“摹客,协作交付+原型设计一站式平台”。

原文地址:https://haikalrzn.medium.com/evolution-of-instagrams-ux-ui-6f8cced3f1f


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK