UI交互设计

Halo，这里是设计夹，今天为大家分享的是「动效格式」。文章来源于设计师「三长老」对于 UI 动效输出格式的设计研究。 作为用户体验领域不可缺少的一部分，动效随处可见。日常工作中，我们可能只用 1-2 种动效格式…

签到的存在不仅可以增加用户的黏性，也是激活用户参与度的关键因素之一。签到按钮在 UI 设计场景中，算是较为常见的一个类型，一个好的签到按钮不仅可以提高用户的关注度，也能激发用户的点击欲。这就是给你的一个…

卡片设计在 UI 中有非常多的优势，相关的文章我已经写过几篇了，结合往期文章可以更系统地学习卡片设计规范：在做卡片设计时什么才是最重要的？这篇文章中我将会分享 8 个最关键的细节。在这之前，我们一起来对 UI …

今年以来，京东购物小程序围绕"一键发现 万物好店"的产品心智，从消费链路的上游提升可逛性出发进行了一系列产品&营销设计升级。1.0 致力于打造更契合微信域的用户体验；2.0 尝试以一种有趣的姿态留…

作为设计师，你一定遇到过这样的情况，自己做的设计稿，被开发出来后却完全换了一个模样。不仅视觉上有问题，交互上也有错误。而要想避免这样的情况，我们就一定要重视还原度走查这个阶段。它是我们产品上线前的必…

作为一名交互设计师，我经历过国内零售电商产品，后又从进口转战出口。用户群从国内用户变成欧美用户，一开始固执地保留着很多"中式"设计方式，导致我屡屡碰壁。 其实中西方电商网站在体验设计上有很多显…

Hi 大家好，在半年前我和亚辉、Shadow 一起主编的《智能座舱的人因与人机交互设计》（书名待定）的撰写工作已接近尾声，和大家商议后，在此我来提前共享书中的部分初稿，希望能对读者有所帮助，以下进入正文。笔者…

对于 B 端数字产品来说，建立一套企业级的 Design Systems 可以提升团队生产力为企业赋能，这当中会沉淀很多设计资产（设计资产指设计体系中的所有产出物）。在有了设计资产后，如何确保使用者能够正确使用？如何维…

编者按：本文从启蒙、基础、强化、进阶4个方面，列举了UI设计师学习交互的路径和方法。一、为什么 UI 设计师要懂交互？近几年的互联网市场，有不少公司提出了"全链路设计师"、"用户体验设计师"…

任务处理是体验设计师的一项基本功，任务处理的原则是提高任务完成的效率，同时满足用户体验的要求。 任务通常指的是有目的性的工作与行为，例如领导给你一个买烟的任务，妈妈给你一个去菜场买西红柿的任务，这些都…

产品文档/交互方案里往往需要对某个功能的产生逻辑、交互方式等进行说明。比如一个 Loading：加载前/中/后的状态该如何显示？展示范围是多少？先出文字还是图片?不写明白、有忽略的话，开发就会按照自己的想法去做…

自媒体正在深刻地影响着每个人的生活，刷抖音、看资讯、看视频成为了大众生活中必不缺少的内容。地铁上、吃饭时、睡觉前，甚至上厕所都会不由自主地打开各种 App。 各大平台都在绞尽脑汁争夺用户的时间，不仅要满足…

什么是交互动效 界面交互动效： 用户与界面进行交流互动时以动效的形式进行信息传达。用户与产品交流过程中，信息的传递是双向的——用户向系统发出操作指令，系统接收信号后，系统发出的信号以动效或其他用户可识别…

如何判断一个交互作品的专业性？我归纳了 4 个层次：图 1 交互作品专业性的四个层次1. 设计流程完整、方法得当设计是有章法的，我们总结了那么多设计流程，设计方法论，就是希望设计师能够学习借鉴，并运用到自己的…

编者按：按钮设计是 UI/UX 设计的一个基础问题，设计师 Eduard Kuric 为此专门深入地撰写了这个系列文章，这篇是系列的第一篇。他在文章中深入分析了按钮的基础特性，并且深入细致的设置了一套完整的测试，试图彻底…

用户旅程，顾名思义，是用户旅行的过程。所以在讲用户旅程图之前，我们先了解一下现实世界的用户旅程，方便大家类比迁移理解。 我们以大家熟悉的旅游攻略为例来了解用户旅程： 图 1 旅游攻略 旅游攻略清晰的传达了…

编者按：本文从用户流程设计的定义、为什么要做用户流程设计以及如何做用户流程设计3个方面，帮你掌握用户流程设计。 用户流程设计，是用户与产品互动的内在交互逻辑，用户能感受到，但却不能直观地看见，它通常是…

信息架构设计是每个交互设计师都必须要掌握的基本功，那到底什么是信息架构设计？为什么要进行信息架构设计，以及如何进行信息架构设计呢？下面我们一一来看。从用户体验设计的 5 个层次来看，结构层和框架层是交互…

编者按：本文从《无界面交互》一书说起，总结了场景化设计思维的知识点，帮读者掌握场景化设计。 一、从《无界面交互》开始 最近又翻了翻《无界面交互》这本书，不过与上次阅读却有了些不一样的反思与收获，这本书…

本文从微交互的定义、与交互设计的区别、作用、动效设计、常见工具等9个章节，帮你从零开始掌握微交互的知识点。一、什么是微交互微交互是聚焦于完成单个任务或单个事件，辅助用户专注于完成某个单独任务的产品元素…