交互设计

国内的产品设计同质化严重，将众多同类产品放在一起，去除图标和主题色的话，很难区分是哪个App。 设计师的视野如果长期只关注国内，那么设计创新能力很容易被束缚，导致创新能力下降。 应…

大屏幕在移动设备上的应用，使得插件得到了广泛的应用。在iOS 14的发布会中，苹果甚至将小组件作为非常重要的部分来介绍。用户在系统里的行为是复杂的，通常是多线程的，小插件起到的作用…

Nathan Yau 在《数据之美》中写到，可视化并不仅仅是一种工具，而更像是一种媒介，能最大化帮助我们挖掘数字背后的信息，让数据「开口」讲故事。 可视化设计将信息和数据转化为用户…

本文分享一套实用高效的 Sketch 交互说明库，帮你快速、专业地添加交互说明。 交互说明注意点 所有页面、交互信息罗列，不要隐藏 制定全局的约定 仅写必要的说明 图文、表格展示，…

身边有些朋友想要学习交互设计，又怕平时工作琐碎学不好，问到我该如何学习和开展交互设计工作？交互设计的市场与发展又是如何？ 于是乎做了一些线上研讨跟问卷调查，并围绕初学者或想要深入学…

坊间多为流传七大定律，但实际随着体系的不断完善，有很多新的理论产生，个人总结了九大定律。如有错误，还望指证。 上期回顾： 先举个例子来理解一下：我要点击手机上的确认按钮所需要的时间…

移动端多项筛选中的不限选项到底该怎么用？ 如图所示，这是比较常见的移动端多项筛选样式： 工作中的你，在做下拉筛选时，是否对多项筛选进行过思考呢？如： 1、为什么多选时需要重置和确认…

什么是「设计自查」？ 设计自查是设计师常用的检验工具，经常以“自查表”形式呈现，可以帮助我们快速遍历设计方案，修正遗漏或不周。善用设计自查，不止可以避免在“设计评审”时被指出错误的…

QQ-自习室是一款以学习为特色，基于手机QQ平台的陪伴型多人直播产品，简单来说就是一个线上的自习室。作为疫情期间诞生的创新小产品，它在资源有限的前提下也拿到了还算不错的成绩。作为独…

最近国外的设计平台频繁出现一类内容，大概类似于「产品设计中的伦理道德与用户体验」，里面的内容有引起我的一些思考。 我先给大家举个例子，来解释一下上面这句话的意思。 以前，我们聊界面…

一直很喜欢苹果系统的交互设计，因为绝大多数设计点都考虑得周到且成熟，体现出苹果作为顶级大厂的范儿。 研究优秀的设计，学习他们的方案，会使我们也更优秀。 下面就带大家看看，苹果系统这…

节前有一位读者问了一个关于单选与复选框样式选择的问题，大概是： 看到很多单选与多选的设计形式，多种多样，以前看到「圆点+圆圈」就知道是单选，但是为什么现在单选与多选的设计样式五花八…

所谓的“左右横滑”交互英文名叫做“Horizontal Scrolling Lists”，最早可能起源于 Windows Phone 的横向内容滑动设计。用于在同一个页面的 X 轴…

你知道吗？按钮位置的设计会影响用户完成任务的速度。更快地完成任务会带来更满意的用户体验。如果你也想带给用户更满意的用户体验，那你应当把按钮放在用户所希望看到的地方。 下面是对一些你…

前言 随着直播的发展，秀场直播出现了各种形式，在直播间里衍生出了越来越丰富多样的玩法，多人连麦直播则是近年来衍生出的另一种直播形式，且这种形式已经在企鹅电竞实现并受到主播及用户的好…

缘起 最近组内设计评审，视频和小说两个业务都涉及到在图片上显示标签（Tag）的设计，但是Tag的样式和位置却不完全不同，如下图所示： 加之对其他产品中图片上Tag的位置和样式各异的…

今日头条的出现颠覆了传统新闻产品（如网易、新浪和搜狐新闻）。 传统新闻依靠着编辑人员的推荐，将新闻触达给用户，而今日头条则依靠着新闻算法，抛弃传统人工分发的思路，使分发效率数以万计…

编辑导语：由于手机尺寸的限制，我们在进行内容浏览时会进行一些滑动操作，不同类型的内容操作也各不相同，比如图片会选择左右滑动操作，文字会选择上下滑动；本文就介绍了在设计中的“左”和“…

由于设计师、产品经理使用的移动设备大部分是iPhone，所以在做设计时，容易忽略Android和iOS的差异，按照iOS的规范进行设计，两端只做一套。 只做一套的会存在两个问题： …

B端产品信息具有：信息量大、关联关系复杂，最终达到目的是用户高效率的理解信息并完成任务。本文借鉴佐藤可士的超级整理术，帮你梳理好复杂的B端信息。 上期回顾： 组装、排序 承载画布：…

B端浪潮下设计师的「尴尬」 供应链资源整合是企业发展态势。企业对内部多岗位协作、企业与企业间的协作效率有更多诉求。 企业级服务系统的智能在线处理、数据准确、信息安全等特征，成为企业…

文本框的出现几乎可以追溯到可视化交互诞生的源头，是一个再经典不过的「鼻祖」控件了。我们每天都在和文本框打交道，不论你是产品设计者还是用户。 越是显而易见的东西越容易被我们忽略掉细节…

在这个项目中，主要任务是为旧金山最古老的玩具品牌 Jeffrey’s Toys 设计一个全新的品牌电商网站。 新电商网站最主要的目的是吸引顾客前往线下店铺选购商品，同时也希望通过快…

大家好，我是Clippp。今天为大家带来的文章是「搜索」设计。可能很多人认为搜索设计很简单：在主页顶部设计一个搜索框或者搜索图标，就可以完成操作。但搜索前、中、后的体验大家有没有仔…

一套完整且比较优秀的移动端交互文档，我认为可以包含以下部分： 业务背景、产品目标、用户人群和用户目标 业务规则定义 用户流程图 设计原则 交互流程标注 当然也可以增加产品概况和更新…

本文将结合贝壳平台B端产品特点，针对当前使用频率高的列表编辑模式进行归纳和抽象，重组典型可复用的交互行为与功能流程，促进提升平台产品体验一致性。 本文转自「贝壳KEDC」 简介 列…

大家好，我是Clippp。今天为大家带来的文章是「导航」设计。如何在顶部导航和侧边导航之间做出合理的选择呢？两种不同的设计方式能带来完全差异化的体验效果。 先来了解一下项目的背景。…

写在前面 在平时的设计过程当中，你可能会有这样的疑惑，为什么在大部分APP中，当单个按钮和多个按钮同时存在时，最重要的按钮一般都会放置在页面的右侧呢？如果最重要的按钮放在左侧又有什…

列表页是构成后台使用界面的重要组成之一，聚合了众多信息并提供操作入口。区别于小而美的C端产品列表，后台系统的用户希望列表的内容又多又全面（表格），但在操作时又能支持快速定位（搜索，…

列表页是构成后台使用界面的重要组成之一，聚合了众多信息并提供操作入口。区别于小而美的C端产品列表，后台系统的用户希望列表的内容又多又全面（表格），但在操作时又能支持快速定位（搜索，…

B端产品信息具有：信息量大、关联关系复杂，最终达到目的是用户高效率的理解信息并完成任务： 这是什么？-信息与角色对应 我要做什么？-状态+操作 会达成怎样的结果？(信息引导) 佐藤…

Echo ：本文将以酷狗K歌ios版（虚构）为载体举例说明，什么样的原型图才能算得上专业而细致？希望各位可以很清晰的感知这套方法。 什么样的原型图才能算得上专业而细致？ 在我看来至…

Echo ：本文将以酷狗K歌ios版（虚构）为载体举例说明，什么样的原型图才能算得上专业而细致？希望各位可以很清晰的感知这套方法。 什么样的原型图才能算得上专业而细致？ 在我看来至…

网易UEDC – 张书超 : 在过去一年多的时间里，我有幸参与了电视端大屏幕的项目。在不断的尝试、探索和设计中，也收获了一些关于电视端的设计经验，因此将这些「电视交互设计的一些事」…

为什么会出现下拉刷新，以及在下拉刷新出现之前为什么没有下拉刷新？这些问题的答案似乎显而易见，却又总能带来更多疑问。追究这些问题似乎可以让我们更加接近真相，却又总让人确信一切分析都是…

为什么会有语音交互？它适用于什么场景？不适用于哪些？文章为你解读。 一. 什么是语音交互 在没有机器之前，人类最早的交互方式就是语言和动作。如今，在自然交互方式的趋势下，我们又回到…

交互设计之父阿兰·库珀说过这样一句话：“除非有更好的选择，否则就遵从标准”。在交互设计领域中，有很多被时间和前人验证过的设计法则，这些法则是从用户的行为逻辑中总结出来的，掌握这些法…

网易UEDC – 魏辛逸 ：过度设计，一般是说过度满足用户需求的设计。用户想要A，你给了他ABCDE，结果BCDE全部用不上。既让用户选择困难，又浪费了团队开发时间。 即使是有经验…

@Daidai丶呆 ：随着互联网的发展，国内设计知识的沉淀是越来越深，许多设计师已经慢慢培养起新的设计理念，如「基于交互模式的设计」、「公司业务驱动的设计」等等。用一句话来概括的话…

编者按：随着亚马逊、小米、阿里巴巴等大公司都推出了智能语音产品，如何为这类以语音交互为核心的智能产品做设计也成了一个值得探索的领域。今天这篇总结非常全面，建议收藏哟。 我们终将以自…

前段时间把谷歌语音交互设计规范看完了，整个设计规范比较长，初看的时候比较懵，但是回过头看还是蛮干货满满的。 为了自我梳理和造福想偷懒的同学们，在这里把10篇文章的框架内容整理出来，…

Jakob Nielsen（雅各布·尼尔森）的十大交互设计原则。它们被称为「启发式」，因为它们是广泛的经验法则，而不是特定的可用性指导原则。因此，我们不能把它上升为一种标准，而是应…

区分取消与关闭，可以很大程度上避免丢失用户已操作的内容。在关闭视图之前保存用户的更改，使用文本标签而不是「X」图标，并在破坏性操作之前提供确认对话框。 让人迷惑的「X」图标 很久以…

在做交互文档之前，我们先要明白什么是交互文档、为什么要做以及做了给谁看。 什么是交互文档 交互文档，即交互设计说明文档。英文 Design Requirement Document…

最近花了一个多月的时间阅读、整理iOS人机界面指南，起因是发现在招聘岗位要求上“熟悉iOS/Android/Web端设计规范”频繁被提及，读完的确会有一种醍翻灌顶的感觉，让你在产品…

@C7210 ：图文版 WWDC，由 Apple 的设计师 Cas Lemmens 为我们讲解如何面向 Apple 生态体系中的多种设备进行设计。上周话题聚焦于目标平台的选择，错过…

日常工作中，经常听到交互和视觉同学有着如下对话： 视觉同学：「这个内容我想换个位置，可以吗？」「我可以用另外一种布局方式嘛？」… 交互同学：「你这里的表达有些歧义，用户容易误解，需…

入职WY两个月以来，发现了很多游戏交互工作和以前的不同。工作期间，经常会感受到这些不一样的地方刺激到我的专业神经，让我想要梳理一下。 我所在的工作室，每个项目的职责分工有：游戏策划…

在交互设计领域，有很多经过时间检验过的定律及法则，来作为设计的指导原理，它能够帮助产品设计者对界面上的各种视觉元素进行合理评估，从而发现一些使用过程中的可用性问题，还可以根据这些法…

王M争：工作以来参与了很多次改版，从界面上来看，的确比之前的版本好看了很多。但是新版本上线后，收到了用户的很多吐槽。界面改得乱七八糟，原来的东西都找不到了。其实这个反映了多数改版的…

随着用户体验被愈发的重视，更多的 App 偏向于使用多手势优化用户的操作流程，降低使用阻力。点击某个确定的按钮的手势操作虽然被普遍使用并被用户熟知，但是增加更快捷的手势操作可以大大…

如今单一视觉感官的体验已很难满足大家日益增长的情绪感知阈值。越来越多的产品会在设计中加入触觉体验与声音元素。连Google都在今年5月的开发者大会公布的设计规范更新版增加了「声音设…

「啊，要崩溃，这是个按钮吗？怎么点不动？」 「我要卸载这个难用的app！」 「啊，这个细节设计的太棒了吧！」 …… 相信你也有过如上经历，当你在使用一款App或者浏览一个网页的时候…

网易 UEDC  – 崇书庆 ：经常被人问起「如何入门交互设计」，也做过很多次解答，今天便系统地和大家聊聊。 提示：这篇文章会很长，如果一次看不完，可以收藏一下；这篇文章主要是为新…

关于设计师的职位和头衔，设计行业的从业者是非常在意，也经常讨论的。在过去的几十年当中，交互设计领域经历了一系列的变化，而承担交互设计相关职能的称谓，也随着时间推移发生了一系列的变化…

前言 最近半年，一直有设计师请教我如何培养交互思维，在行业日渐饱和的情况下，设计师们也意识到了「交互思维」的重要性，不约而同的希望我能帮助他们更好的在工作中或者作品集中体现交互思维…

工作流程 交互设计师的工作，不仅仅是输出设计方案，还需要参与前期的需求讨论、后期开发、测试验收等等产品设计与实现的多个环节。拿到一个新的项目需求后，从设计思考开始，产品前期分析，设…

需求整理的现状 写这篇文章的初衷，是在实际工作中遇到 PRD & DRD 文档，对于一些交互设计图，会产生不理解，或者说在实际落地画图的时候会发现一些前后不一致的问题，解释…

网易UEDC – 杨倩 ：对于非交互设计的同学，要怎么去学习交互设计呢？在其中要着重关注哪些问题点呢？ 销售同学：想了解设计相关知识，有没有什么好的课程？或者推荐的链接学习下？ 市…

@Daidai丶呆 ：业内有很多人觉得手势交互没必要拿出来深究，觉得用户使用产品的过程中，自然而然就会去使用拇指，进行手势操作。但这种说法，就跟「用户心理模型」类似。当然，对于用户…