- 综合排序
- 最热优先
- 最新优先
- 来自专栏程序员笔记
设计交互界面
接口数据流 玩家所体验的游戏世界其实是在他们的脑海中的，而玩家融入进游戏所通过的界面，就是交互界面。交互界面的设计目标就是让玩家「感到」他能够自如地控制自己的体验。 一共是四种交互，其中只有一种交互是连接玩家的，也即玩家操作物理输入端（手柄，鼠键），接受物理输出端（显示器显示图像）。 交互当中最关键的仍是玩家与物理 IO 的那对交互，「当玩家沉浸在游戏中时，对他们而言，不再是按按钮或者看屏幕，相反，他们是在狂奔，在飞跃，在挥舞着手中的剑」。交互界面的最高境界是透明。 总结 lens #53 控制：询问自己如下问题来测试你的界面设计能让玩家沉浸在人机交互中： 交互界面是否提供了玩家期望的功能？ 你的界面是否直观，简单？ 玩家是否能感觉到自己的操控对结果有重要影响？ 物理 IO 是如何跟玩家、虚拟 IO、游戏世界进行交互，能否更直接？ 玩家如何感知游戏世界？如何设计物理接口让玩家想象出更真实的世界？
1.9K90发布于 2018-06-14 - 来自专栏BestSDK
5个要点，决定你的交互设计是否成功！
交互设计（Interaction Design）：定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。 交互设计在于定义人造物的行为方式(the interaction, 即人工制品在特定场景下的反应方式)相关的界面。 ---维基百科 ? Allen Cooper在《软件观念革命：交互设计精髓》（About Face）中提到一个国际上广为认可的交互设计流程： 定性研究（Qualitative Research）： 针对可能使用你的产品的人 比较常用的评测方法是启发式评估法（Heuristic Evaluation），而这种方法比较常见的标准是尼尔森交互设计法则（Nielsen Heuristic）。 以下是十条尼尔森交互设计法则： 1、系统状态是否可见2、系统是否符合现实世界的习惯3、用户是否能自由地控制系统（User control and freedom）4、统一与标准5、错误防范6、减轻低用户的记忆负担
1.1K70发布于 2018-02-28 - 来自专栏BestSDK
交互新趋势，如何设计语音交互？
值得注意的是，最近几年针对语音交互的体验设计研究开始兴起：Android 和iOS 手机开始构建自己的语音交互生态，智能汽车为了解放双手，也开始研究语音交互的玩法。 预防错误和及时更正 对于设计师与开发工程师来说语音设计中最困难的就是要面对大量无用的语音输入信息。交互过程中的语音输入是无法像GUI 那样规范化的。 相比之下，语音交互的流程显得更加直接。在语音交互中，用户只能依靠有限的语音提示以及短期记忆来完成操作，这就需要设计师将流程简洁化。 在心理学设计中已经提到，人类的短暂记忆只能记住最多4到5个事物，这就限制了语音交互产品每次向用户展示的信息数量。 善于引导 尼尔森的另一个启发式可用性原则：“引导强于记忆”。 交互设计师在GUI 设计中会想方设法的通过使用隐喻式设计来引导用户去操作，减轻了用户的记忆负担。
2.7K90发布于 2018-02-27 - 来自专栏互联网杂技
走进交互设计——感受生活中的交互设计
交互设计（英文Interaction Design, 缩写IXD)，是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。 交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔·摩格理吉（Bill Moggridge）在1984年一次设计会议上提出，他一开始给它命名为“软面（Soft Face 小结： 随着技术的发展，新产品的增多，用户对产品认知的巨大变化，交互设计这门学科应运而生。它连接了科技与体验，产品与用户，商业与人们日常的生活。可以说交互设计在当今社会扮演了越来越重要的角色。 交互产品的好坏可以影响我们日常的情绪，而用户体验的质量又会作用于产品的商业价值。交互设计正悄悄深入我们的生活，改变我们的生活。因此，走进交互设计，认识交互设计也变得和我们每个人息息相关。 读完这篇小文相信你已经初步了解了交互设计，那不妨再去寻找和体验一下自己身边的交互设计吧
3.3K80发布于 2018-04-03 - 来自专栏PHP在线
交互设计分享：浅谈交互设计的一切
原文出处： 四四四毛 什么是交互设计 用户界面有两部分的设计：交互设计和视觉设计。在下图中，左边和右边分别是微信的交互设计和视觉设计。 交互设计 vs. 视觉设计 交互设计的产出物是可交互的低保真原型，设计内容包括： 信息架构； 页面布局； 流程跳转。 1. [5] 为什么要先把工具用熟呢？道理很简单，如果工具还不熟悉，大脑会把主要精力都耗费在工具的使用上，根本腾不出空间来思考设计的事。 当工具使用没有任何问题后，做真实的产品设计。 5.可用性测试，调整设计 做完动态的、可交互的原型后，找三个用户试用下（不一定要真实的最终用户，另外，不用太多用户，三个用户就已经能够发现70%关键问题），观察他们在使用的时候会碰到什么问题，找出最关键的问题 》 ↩ [5]: 工具入门见《交互设计入门指南》 ↩
1.8K50发布于 2018-03-07 - 来自专栏互联网杂技
交互设计控件之按钮设计
关于移动端的底部导航设计，有几个原则可以参考借鉴。 1.只使用3~5个最重要的导航按钮。 1,2个就太少了，如果只有1,2块主要内容，那根本不用导航栏，直接切换即可。 5个是导航按钮的极限。 2.要让用户知道自己现在在哪里： 每个导航按钮都要有状态切换——被点击进入时显示高亮（或者颜色改变）的状态，而点击了其他的导航按钮后，切换回原本未被点中时的状态。 四.按钮设计 按钮是最重要的交互控件，在设计按钮的时候以下的建议可以作为参考。 1.让按钮看上去像一个按钮。 大小的设计需要参考手指的触摸点大小。 一个比较糟糕的体验来自腾讯的应用宝。 如果你真的要使用，你最好先认真了解一下google 的 Material Design的设计规范。
2K50发布于 2018-04-03 - 来自专栏体验主义
交互设计的本质
交互设计的对象：行为 设计在传统意义上一般被理解为造物，也就是对物的设计。交互设计则不同，是在创造“行为”。它也需要物，但只是把物当作实现行为的媒介。 比如iPhone，它以本身简洁克制的工业设计作为媒介，承载了被人津津乐道的交互设计，一直被业界作为成功的典范。 自此，这个定义明确地指出了交互设计的对象是人的行为，而且这个定义也成功地指导了卡耐基梅隆大学的交互设计学科的发展。 2. 交互设计改变了以往工业设计、平面设计、空间设计中以物为对象的传统，直接把人类的行为作为 设计对象。在交互行为过程里，器物包括软硬件只是实现行为的媒介、 工具或手段。 交互设计的五要素 物理逻辑去思考设计时，要考虑物的结构、色彩、质感、材料等等。那用行为逻辑来设计数字世界的产品时需要考虑哪些因素？ ?
1.5K20发布于 2020-04-08 - 来自专栏FREE SOLO
交互设计规范
当产品规模大了之后就需要多个产品设计师协作完成整个产品，由于不同产品设计师之间的设计理念、设计方法、设计习惯的不同，协作完成的产品往往会导致产品一致性差，质量参差不齐。 这个时候会需要一份交互设计规范来规范和指导产品设计，从而保证产品设计的一致性，提升整体产品质量。 本文就来说一说交互设计规范应该包含的一些内容： 一、页面信息规范 页面信息规范主要指页面的静态信息应该遵循的规则，包括： 1.标题规范 用于规定整个产品中所有不同层级不同功能的页面应该使用的标题的规则 二、交互信息规范 交互提示规范主要用于规定在交互过程中交互的方式及其信息提示，包括： 1.预先信息提示 所有交互进行前需要提供充分给用户的预先应该知道的提示信息。 有了页面信息规范、交互信息规范、通用控件规范就能保证页面信息的一致、交互方式及提示的一致、通用功能模块一致。从而保证产品的一致性，并提高产品质量。
1.4K21编辑于 2022-01-06 - 来自专栏Netkiller
谈谈用户交互设计
谈谈用户交互设计 交互设计的由来 交互设计（Interaction Design）这一概念，最初是由IDEO创始人之一Bill.Moggridge（莫格里奇）1984年在一次会议上提出。 他设计了世界上第一台笔记本电脑Compass，并写作出版了在交互设计领域影响深远的《Designing Interactions》一书，被称为交互设计之父。 《交互设计》一书中，对交互设计是这么描述的：交互设计是定义、设计人造系统的行为的设计领域。它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。 交互设计努力去创造和建立的是人与产品及服务之间有意义的关系。 交互行为所需的五个基本要素：人、动作、目的、媒介、场景，被交互领域广泛认可和推崇。 交互(interaction)是因为有了"动作"(action)和相应的"反馈"(reaction)才形成一个回合的交互行为，这种对交互行为过程的设计，与传统概念强调物理属性的工业设计是有明显区别的。
94720编辑于 2022-12-01 - 来自专栏喔家ArchiSelf
再看语音交互设计
语音交互设计的原则 保持用户参与度是最高原则，VUI设计应该围绕如何让用户进入下一步来进行，如果某些信息当前还用不到，就不要问用户。 N-Best 列表 是一系列用户可能说的内容，并根据（通常是前5个或前10种可能）或按置信度排序。 如果用户会定期使用你的系统，那么在设计中就需要包含一个不同的策略。 VUI的调研与评估 VUI是持续演进和迭代的，可用性专家Jakob Nielson 推荐选择5名用户进行测试，他的研究发现，5人以上的测试并没有额外的益处，随着测试人数的增加，ROI会一落千丈。 VUI测试有5个关键的衡量指标：准确性与响应速度，认知程度，清晰/混乱，友好度和声音。 总之，语音交互设计的结果使得交互是省时、高效的，能够使用上下文语境，优先考虑的是个性化，而不是所谓的“个性”。 ?
2.1K20发布于 2019-08-23 - 来自专栏腾讯大讲堂的专栏
交互微动效设计指南
导语 | 本设计指南适用于UI界面中交互微动效，涵盖入场、出场动效，过渡动效和加载动效，在时间和缓动曲线的选择上提供了一些通用的设计建议，帮助设计师理清动效设计思路，提高设计效率。 一、本指南的适用范围 本指南适用于UI界面中交互微动效，属于功能性动效。 动效范围涵盖： 入场\出场动效（enter & exit）、过渡动效（transition）和加载动效（loading） 二、设计原则和设计考量 一个优秀的交互微动效，在设计上应该遵循以下三个核心原则 2曲线变化 曲线包含多种类型，在交互微动效设计中，缓动曲线（easing）的应用范围最广、效果最自然、对用户的干扰也较小，多用于与物理属性相关的属性变化中，常用场景如下： 结语 交互微动效以功能性为主， 李嘉娜 腾讯交互设计师 腾讯社交用户体验设计部-商业产品中心交互设计师。爱生活爱记录，喜欢一切鲜活有趣的事物。
1.9K60发布于 2018-03-01 - 来自专栏FREE SOLO
交互设计学习笔记
• 产品设计 – 关注的是功能、结构、人因、形态、色彩，环境等设计要素以及采用的技术、方法和功能的实现手段等， 是间接影响产品最终用户的设计 • 以用户为中心的设计 – 是在设计过程中以用户体验为设计决策的中心 ，强调用户优先的设计模式。 • 用户体验 – 目标，即我们努力应该去为用户创造良好的感受，参考15，16课内容 • 交互设计 – 注重产品和使用者行为上的交互以及交互的过程，强调的是设计理念和方法。 侧重的是交互双方信息表 达方式和情感，是直接影响产品最终用户的设计 • 人机交互 – 人与计算机的交互，交互的对象特指计算机，是交互设计里面的一种。 • 界面设计 – 主要指人和机器交互界面的设计。 • 可用性 – 评测用户体验的标准 常用交互设计的原则
57420编辑于 2022-01-11 - 来自专栏Netkiller
谈谈软件交互设计
谈谈软件交互设计 交互设计的由来 交互设计（Interaction Design）这一概念，最初是由IDEO创始人之一Bill.Moggridge（莫格里奇）1984年在一次会议上提出。 他设计了世界上第一台笔记本电脑Compass，并写作出版了在交互设计领域影响深远的《Designing Interactions》一书，被称为交互设计之父。 《交互设计》一书中，对交互设计是这么描述的： 交互设计是定义、设计人造系统的行为的设计领域。它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。 GUI（图形用户界面），Windows, MacOS, OS/2 等等 如今大家所说的 UI 更多是指浏览器端HTML5绘制的用户界面和移动设备APP的界面。 重新定义UI用户界面？ 因为苹果手机提供了非视觉交互设计，是手机中做的最好。 产品经理做交互设计，不能局限于视觉设计，除了视觉交互之外，还应该考虑： 触觉：不仅限于触摸屏，例如盲文。
1.4K10编辑于 2022-03-30 - 来自专栏BestSDK
5分钟掌握8个常用交互组件，轻松进阶原型设计
一、弹出菜单 弹出菜单是原型设计中最常用的组件，许多组件的使用方法也与它类似，熟练使用弹出菜单将会给您带来莫大的帮助。接下来我们从实际案例来看一看如何使用弹出菜单。 1. 二、弹窗 弹窗与弹出面板的操作步骤基本一致，区别在于弹出菜单的四个菜单项都可再设置交互动作，而弹窗仅有“是”、“否”两个选项可供设置交互动作。 ? 三、抽屉 抽屉是一个常用的容器型组件，其特点为高度封装、高度可调节性、高度可容纳性，换句话说，您无需自行设计抽屉的细节，只需简单设置几下即可的到一个以多种方式滑出。 ? 六、弹出面板 弹出面板是最为灵活的交互组件。拖入一个弹出面板，双击打开，你会发现它里面什么也没有，但是利用它，我们完全可以自己制作出需要的弹窗、消息框、提示框等许多交互组件。 ?
1.5K100发布于 2018-03-01 - 来自专栏静Design
Apple 的设计哲学 · 交互篇
苹果是一家为数不多以设计驱动的公司。 如今，当我们谈论起产品设计、谈论起用户体验，总是离不开苹果，它所坚持的设计哲学是对细节和质量的极致追求。下面，我就带大家看看 Apple 在交互方面做的努力。 和触控一样，苹果把交互动画放在了极高的位置。 ? Apple Music Apple Music 模态弹窗的动画曲线设计非常严谨。在屏幕底栏有个迷你播放器，点击它，可以查看播放详情。 如无必要, 勿增实体 2017年，苹果发布了 iPhone X，由 Face ID 取代了 Touch ID，确立了新的人机交互解锁方式。 但刘海的工业设计，被用户疯狂吐槽。有没有别的办法呢？ 重新定向 在使用设备中，用户的操作是一直在改变的，所以交互的中间过程，同样需要重新定向。 ? 为用户创造一系列的愉悦体验，这也许就是苹果的设计哲学。 作者：阿洋，网易资深设计师，每周原创设计干货 本文首发自公众号：洋爷（ID：yangye365）
1.6K20发布于 2019-11-12 - 来自专栏互联网杂技
体感交互的设计原则
那么对于用户体验设计来说，手势交互又意味着什么呢？ 改变使用习惯：手势交互和手势识别 用户通常都会有惯性思考，我们设计师也同样如此。 在进行手势交互设计时，经常会落入一下误区： 表面上实施手势交互，但实际上是触摸版的“鼠标+键盘”操作模式，鼠标被手指取代了而已。 还有些设计师天真的认为，一套手势交互系统，就能通吃全部项目。 ? 新的输入模式需要新的设计规则运动跟踪+手势识别，构成了全新的交互模式。 通过对NUI大量研究，我们发现了5条关键设计心得，能够让你高效的构建NUI界面。当然，这份列表还有待补充。 1. 而且，与触摸屏交互和鼠标交互是二维的，没有所谓的Z轴。但是体感类交互，却能提供X-Y-Z三轴。在界面设计上，我们也需要添加相应的反馈。 第二，三维感可以为人机交互带来更多的趣味性。 5. 合理预判用户行为 通过3D摄像机，我们可以实现手势识别，同样的，还可以预测用户意图。
2.1K160发布于 2018-04-03 - 来自专栏体验主义
数字未来设计趋势｜交互篇
回顾互联网发展历程，从桌面端拨号上网到高速5G的移动互联网，随时随地互联互通对现实生活的影响力也逐步提升，虚拟与现实的距离也逐渐缩小。 我们尝试把Roblox在招股书里描述的8个关键词：“身份，朋友，沉浸感，多样性，低延迟，随地，经济，文明”进行提炼，从虚拟世界的5个视角，对设计挑战和机遇进行总结和预测。 本文是系列文的第三篇：交互篇。第一篇｜人物篇，请点这里阅读。第二篇｜空间篇，请点这里阅读。 3. 虚拟世界交互方式：更丰富和自然 随着交互设计的发展，虚拟世界中中的交互方式会越来越趋向丰富和自然。 就像点触交互逐渐替代按键交互一样，眼控、语音、手势等自然交互也一定会逐渐替代点触交互成为主流。 在 VR 领域内，语音交互更可能替代现有固化的 UI 界面。只需要通过简单的语音交流就能完成繁复的操作，无需再去点击屏幕上放置好的浮动界面图标，这样的设计或许才是未来虚拟世界玩家所需要的。
1K30编辑于 2022-04-28 - 来自专栏White feathe 的博客
Native与H5交互-WebViewJavascriptBridge
native与H5的交互 1、JS与native的交互 JS与native的交互需要用到WebViewJavascriptBridge来交互，其实底层就是WebView。 responseData为native的回调 } //JS回调给native可通过responseCallback来执行 responseCallback(dataStr); </script> PS：native跟H5交互 ，需要确定一些协议，在native调用H5的时候，native会通过WebViewJavascriptBridge组件 来创建好bridge，此时，你会发现H5页面中存在一个iframe。 此时你就可以使用bridge来跟native交互。 ----
72730编辑于 2021-12-08 - 来自专栏无原型不设计
交互设计是什么：一篇文章推开交互设计的大门
如果我现在问你：交互设计是什么。 大部分人应该都说不出来吧，于是我们去网上搜索下，比如在百度次条对交互设计的解释是这样的： 交互设计（英文Interaction Design，缩写IXD)，是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构 然而，即使把这个定义背的滚瓜烂熟，我们依然无法理解交互设计是什么，又为何是这样定义的。 那么我们再来自问两个问题： ·一瓶水的包装设计能不能被称为交互设计？ 如此一来，判断交互设计的好坏标准也就浮出了水面——人造物是否能被人脑快速理解。 那交互设计是如何做到让人脑快速理解并使用人造物的呢？ 从1984年“交互设计”这个名词第一次被提出，到现在已经近40年了，交互设计的概念也不断更新迭代中，从键盘鼠标交互到现在触控交互也不过20多年。
76211编辑于 2022-05-11 - 来自专栏腾讯大讲堂的专栏
鹅厂交互设计师如何写交互文案
引导用户是交互文案在产品设计流程中的重要目标。以最简单的广告图为例，在纷杂的信息中，图片吸引了用户的注意力，但文案却可以引导用户进行下一步操作，引导用户完成整个产品的体验。 5促成点击 ? 优秀的文案并不是一定要同时满足各种条件，在一般的交互需求中，只要能够促成用户的点击，文案的作用就达到了。上图中的两个banner图都是作为活动入口存在，是为了吸引用户点击进入活动页面而设计。 文案也是一种交互，如何设计文案？ 互联网时代，信息获取成本极大降低，信息泛滥，受众注意力不断变短；如何最大化利用文案吸引目标用户的注意，传递完整信息，进而引导用户完成点击？ 1提炼用户痛点 文案设计是产品交互中的一部分，存在目的同样是满足目标用户的痛点，因此文案设计的第一步与交互设计是一致的，即立足于需求背景，分析目标用户。 下图是两期半年设计总结的标题。设计“听说你们在搞SNS？！”这个标题时是第一次做设计总结交互，当时觉得标题还算有趣，但现在看来却完全没考虑真正受众的实际情况。
1.4K100发布于 2018-02-12
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号