本文授权转自:黑马青年(ID:heimauiux)
正文
在日常的产品体验过程中,去观察并发现那些优秀的设计亮点。深入思考这些设计背后的原因,探究它们为何如此呈现。同时,自我反思:如果是我,能否达到这样的设计水准?是否能独立想出这样的创意?通过这样的自我设问,不断沉淀积累,提升个人的设计素养,在设计道路上越走越远,越做越好。
体验目录
一. 品牌形象应用
二. 古韵的缺省页设计
三. 沉浸式测肤体验
四. Tab栏情感设计
五. 底部提醒微动效
六. 多模式应用
七. 多样化的键盘
八. 目录的特殊设计
九. 视觉冲击力激发消费欲
十. 以用户为核心
一. 品牌形象应用
在多抓鱼产品中,IP形象被巧妙地与整体设计融为一体,无时无刻不在深化用户对品牌的记忆点,真正实现了IP运用的极致境界。
二. 古韵的缺省页设计
在每日故宫的缺省页设计中,我们根据产品的独特风格,以古风元素为核心设计点,巧妙地将二者完美交织在一起。这样的设计不仅凸显了产品的文化底蕴,更在用户的视觉体验中留下了深刻而独特的记忆。
三. 沉浸式测肤体验
护肤秘诀在美肤妆台页面,灵感源自真实梳妆台,打造简约虚拟体验。让用户如坐私人妆台,亲历护肤美妆。沉浸式互动设计,超越屏幕界限,探索产品如亲临其境。
四. Tab栏情感设计
在荔枝的声音页面设计中,Tab栏的选中状态创新性地融合了电台音浪的灵动符号。这一构思不仅紧密地将页面美学与声音艺术相结合;更深刻地触动了用户内心深处与声音的共鸣,极大地增强了用户的沉浸式体验。
五. 底部提醒微动效
在当当云阅读的首页设计中,当用户滑动页面直至底部时,用比赞的手势微动效告知用户已到达内容的尽头。这一互动不仅增强了用户体验的连贯性,还以积极的方式与用户进行了沟通,是对用户探索行为的一种温馨提醒与肯定。微动效的运用,不仅激发了用户的情感共鸣,更像是一种无形的鼓励,让用户在享受阅读之旅的同时,也感受到了应用设计的细腻与贴心。
六. 多模式应用
在懒人听书“我的”页面设计中,驾驶模式功能设计,确保用户在驾车过程中也能无缝享受听书体验,极大地减轻他们的操作负担。这一设计不仅提升了用户操作的便捷性,更通过降低使用门槛,使得用户能够以更轻松、更低成本的方式享受听书服务,实现了用户体验的全面升级。
七. 多样化的键盘
在懒猫存钱的支出页面中,结合了产品风格和其独特的IP形象,设计出别具一格的输入键盘,为用户带来了前所未有的视觉体验。相较于传统的键盘输入方式,懒猫存钱的键盘设计,让用户在每一次点击中都能感受到一种轻松愉悦的氛围。这样的设计细节,无疑大大提升了用户体验,让用户在使用过程中倍感贴心与舒适。
八. 目录的特殊设计
纸条在首页设计中,采用了抽屉式侧边栏来呈现目录,这一设计不仅避免了空间占用,还展现出了极高的灵活性。用户只需轻轻点击,即可迅速且便捷地找到所需的目录内容,极大地提升了用户体验的流畅度与满意度。
九. 视觉冲击力激发消费欲
饿了么的领券中心页面设计上,强劲而富有感染力的视觉动效,与使人热血的红色调相结合,精准捕捉用户的注意力;营造浓郁营销氛围,强烈激发消费欲望,有力推动转化升级。
十. 以用户为核心
叮咚买菜“我的”页面设计中,当用户的订单处于分拣阶段时,可以允许用户追加商品。这一设计充分体现了以用户为核心的设计理念,有效避免因多次下单而产生的额外费用。通过这样的细节优化,我们不仅帮助用户解决了潜在的购物困扰,更致力于营造一个流畅、便捷且愉悦的交互体验。
文章转载:黑马青年,版权归原作者所有
原文链接:https://mp.weixin.qq.com/s/j_PfUMGEW2OtOnLbY8xK6A
版权声明:“IXDC”所推送的文章,除非确实无法确认,我们都会注明作者和来源,本公众号对转载、分享的内容、陈述、观点判断保持中立,不对所包含内容的准确性、可靠性或完善性提供任何明或暗示的保证,仅供读者参考。部分文章推送时未能与原作者取得联系,若涉及内容或作品等版权问题,烦请原作者联系我们,给出内容所在的网址并提供相关证明资料,我们会核查后立即更正或者删除有关内容!本公众号不承担任何责任,并拥有对此声明的最终解释权。
联系微信:18802086168
联系电话:18802086168
编排 | 张宝予
终审 | 苏 菁
点这里,学习更多设计知识!
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.