打开网易新闻 查看更多图片

本文授权转自:菜心设计铺(ID:caixinshejipu)‍‍‍‍‍‍‍‍‍‍‍‍‍‍

APP已成为我们生活中不可或缺的一部分,无论是购物、社交、娱乐还是学习,它都以其独特的魅力深入我们的日常。然而,在我们谈论优秀APP时,我们往往首先关注的是其视觉上的美观。但真正的优秀设计,并不仅限于此。它更是用户体验与品牌理念的深度融合,是每一个设计细节背后的匠心独运。

案例分析(设计让界面更有灵魂)

1. 马蜂窝 - 空状态(创新设计)

打开网易新闻 查看更多图片

① 案例简介:

马蜂窝通过在页面上显示文案提示「这里空空如也~」,并添加真实摄影图片及其地点,来展示空状态。「点击图片时还会刷新成另一张风景图喔」

② 设计目的:
解决了页面无内容时,用户体验较差的问题,营造了愉悦的界面氛围,降低了用户的失望情绪。

③ 设计魅力:
采用符合产品定位的设计元素,打造更具趣味性和吸引力的用户界面。带给用户愉悦体验的同时,提升了产品的趣味性,促使用户更久的停留,激发用户深入探索产品的兴趣。

④ 复用场景与注意点:场景:此类微交互设计适用于大部分面临页面空白或内容缺失问题的场景。注意点:选用的图片应紧密贴合产品定位,能够激发用户的兴趣。同时,要保证图片加载的高效性,避免用户因加载延迟而产生不满。

2. fabrie - 加载动画(情感化设计)

打开网易新闻 查看更多图片

① 案例简介:
当用户在使用fabrie平台时,会遇到等待页面加载的过程。而在这个过程中,fabrie巧妙地融入了经典设计作品作为其动画加载元素。并标注了作品名称及年份,让用户在等待中收获知识与美的享受。

② 设计目的:
缓解用户在加载等待过程中可能感受到的无聊与焦急情绪;打破了传统加载页面的刻板印象,将等待时间变成了一种学习和欣赏的过程。

③ 设计魅力:
通过创新的加载动画设计,不仅提升了用户的使用体验,还增强了用户对于平台的黏性和忠诚度。同时,也体现了设计师的创新思维和人文关怀,促进了设计文化的传播和普及。

④ 复用场景与注意点:场景:适用于本身就具备较高艺术性的平台或APP,比如专注于文物介绍的APP,采用这种加载动画设计能有效提升品牌格调。注意点:用户可能对作品认知度不一,可以根据用户反馈和数据分析,灵活调整加载动画展示时长与频率。

3. 美团外卖 - 外卖柜指引(情感化设计)

打开网易新闻 查看更多图片

① 案例简介:

美团外卖柜取外卖的引导示例图, 采用了直观的图形界面设计,仅展示柜门编号和与之相对应的位置,便于用户快速找到外卖位置。

② 设计目的:
有效引导用户迅速定位自己的外卖,减轻用户的认知负担,加速取餐流程。

③ 设计魅力:
提升了用户的满意度,增强了产品的易用性和用户友好体验。

④ 复用场景与注意点:场景:可适用于其他物品寄存或存取的场景,如:健身房储物柜、火车站/机场行李寄存等。此外,这种图形化的设计思路还可用于其他需要快速识别、操作或理解的场景。注意点:需注意图形的简洁性和直观性,且用户对于图形化与文字化提示的接受程度可能存在差异,因此,需要进行用户测试并收集其反馈意见。

4. 网易云 - 播放器样式(跨界融合设计)

打开网易新闻 查看更多图片

① 案例简介:
网易云音乐推出的「艺术家系列播放器」,用精心的融合与创新设计,将梵高的《星夜》、王希孟的《千里江山图》以及莫奈的《日出·印象》等世界级的名画作品,巧妙地融入黑胶播放器的个性化皮肤之中,创造出了多款独具魅力的播放器界面,为用户开辟了一种全新的艺术欣赏体验途径。

② 设计目的:
提供了独特的艺术体验,满足了用户对于个性化音乐播放界面的需求,提升品牌形象以及拓展市场潜力。

③ 设计魅力:
通过将艺术与音乐相结合,进一步提升了网易云音乐的品牌形象和知名度,同时也体现了其作为音乐平台的独特魅力和创新精神

④ 复用场景与注意点:
场景:可适用于与艺术家或设计品牌合作,推出联名商品或活动页面;社交类app的个性化主页等偏重视觉需求的场景。注意点:使用有版权的作品时需要确保获得相关版权方的授权和许可,避免纠纷。

5. 馬伍旺 - 品牌基因(一致性原则)

打开网易新闻 查看更多图片

① 案例简介:

馬伍旺小程序对品牌设计做得很细心,在界面中随处可见的品牌基因。如空状态、加载动画、icon、会员等级卡片等等,特别具有统一性与品牌记忆。

② 设计目的:
让用户更容易记住这款产品,并对其产生一定的品牌印象,用无处不在的品牌基因促进用户产生的产品价值,如传播、粘性、留存等。

③ 设计魅力:
此设计方案可以提高用户对产品的品牌记忆和认知,增加用户对产品的好感度,提高产品的使用粘性和留存率,从而对产品的业务价值产生积极的影响。

④ 复用场景与注意点:
场景:这种设计方案可以应用于各种品牌形象较为重要的产品,如电商平台、金融产品等。注意点:需要注意品牌设计元素的适度运用,避免过度设计或不协调的情况。

结语(不断探索、不断前行)

综上,优秀的设计不仅仅是视觉上的美观,更是用户体验与品牌理念的深度融合。每一个设计细节都承载着设计师的匠心和用户的期待。通过深入剖析这些设计案例,我们不难发现,优秀的设计往往能够精准把握用户需求,提升用户体验,同时塑造独特的品牌形象。展望未来,设计将呈现更加智能化和个性化的趋势。我们有理由相信,在未来的日子里,优秀的设计将为我们带来更加美好、便捷和愉悦的数字生活。

文章转载:菜心设计铺,版权归原作者所有

原文链接:https://mp.weixin.qq.com/s/mE2LPxDVuPPGUKIfdi9z5A

版权声明:“IXDC”所推送的文章,除非确实无法确认,我们都会注明作者和来源,本公众号对转载、分享的内容、陈述、观点判断保持中立,不对所包含内容的准确性、可靠性或完善性提供任何明或暗示的保证,仅供读者参考。部分文章推送时未能与原作者取得联系,若涉及内容或作品等版权问题,烦请原作者联系我们,给出内容所在的网址并提供相关证明资料,我们会核查后立即更正或者删除有关内容!本公众号不承担任何责任,并拥有对此声明的最终解释权。

联系微信:18802086168

联系电话:18802086168

编排 | 罗家欢

终审 | 苏 菁

点这里,学习更多设计知识!