浅析手机交互设计中的“拇指法则”

你有没有遇到过一款APP让你用的很不舒服？你的拇指必须要伸得老远才能够得到菜单，或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受，或者更学术化点说，没有考虑到“拇指法则”。“拇指法则”是资深交互设计大神Steven Hoober在2013年对1300名手机用户的调查研究后提出来一个新名词。他通过研究发现，49%的用户都是单手拿着手机，

产品 2017年04月20日

界面交互动效核心知识的分类与总结

这篇文章是基于我自己的理解对界面交互动进行了分类整理和总结。什么是界面交互动效？界面交互动效是展现界面间的转换和界面内元素变化的交互反馈。而效果就表现在触发与结束的过程中，表现清晰的层级关系，自然的引出与结束。交互动效有着承上启下的重要作用。界面交互动效是用来干什么的？让用户清晰地感受到当前所处场景和层级关系。多种UI元素之间的相互转换。给用户制造惊喜感使用户愉悦。界面交互

产品经理 2017年04月24日

Apps 交互式字体地图 视觉设计新帮手

IDEO 利用人工智能与卷积神经网络提取出更高水准的视觉模式识别，创造出一款名为“字体地图（font map）”的交互式界面，其中包含了超过 750 种字体，使用者可以用数字方式自由取用字体并进行探索在一次关于机器学习如何应用在多种创造性挑战的研究练习中， ideo设计公司的设计师们尝试将人工智能带入到字体的世界中。考虑到字体选择一直是设计师需要做出的最频繁的视觉决策，id

产品 2017年04月25日

汽车 HMI 下的智能语音交互设计趋势分析

facecar正在对汽车智能驾舱人机界面即HMI进行系统研究：第一篇我们对车内中控系统的人机交互体验进行了分析，可检索《未来车载中控HMI设计趋势分析丨facecar图文报告》；本期分享为第二篇，着重介绍了近来大热的车载语音交互，以及其如何与车内其他交互方式互相配合的问题。未来，我们还将持续推出第三篇、第四篇等系列研究内容，其中包括汽车数字仪表、HUD、车联网产品服务、车载

业界综合 2017年04月25日

人工智能时代的终极交互

未来的人工智能交互形式随着人工智能越来越受到追捧，在可预见的未来，可能会有一大批的青年会投入到这个领域。而站在产品的角度我们如何去理解人工智能时代的人机交互呢？先来介绍一下与人工智能相关的不同的交互形态：1.对话交互《her》在人工智能电影《her》中主人公与人工智能萨曼莎的交互形式就是语音，甚至萨曼莎都没有一个具体的形象。现在进行时：会话式交互 各大企业和媒体平台都已纷纷

业界综合 2017年04月26日

交互设计——让垃圾回收变成一件有意思的事

ReFILL回收箱项目，将打破原有垃圾回收的方式，通过交互设计，打造一个全新的体验。ReFILL回收箱，是通过openFrameworks，OpenCV，Box2D和Arduino等技术共同制作而成。它的操作很简单，将可回收物品放在ReFILL机柜内的“检验门”的顶部，然后按绿色按钮进行处理。在“检验门‘打开之前的第二秒，ReFILL对物品进行拍照，并使用计算机视觉软件对其

产品经理 2017年04月27日

别再闭门造车——交互设计师也该有用研思维

最近团队正在设计一个全新的产品，大家都对这个产品抱着很高的期待。从定位上看，它确实填补上了现有业务的一大空缺，满足了大家的期待和想象。于是乎团队摩拳擦掌倾力而为，产品经理和设计师也花了很长时间讨论和修改方案。但是我们问过用户的意思吗？正是因为这个产品很重要，团队也打算投入较大资源去做，才最是不能闭门造车。去问问用户，看看用户怎么操作，如果产品概念或者设计上存在什么问题，就可

用户研究 2017年04月27日

单手操作不方便？来看这两个新颖的交互方式是怎么做的！

编者按：当手机屏幕越来越大时，该如何保持单手操作的便携性？今天这篇文章提到了两个新的交互方式，值得一看，说不定有启发哟。大屏手机有很多优势，大屏手机的趋势未来还会持续下去。但大屏也不是什么都好，更大的显示屏幕并没有承载更多的内容。实际尺寸和功能多少对于高、低分辨率显示是相同的。Steven Hoober 2013年的手机设备研究报告发现：49%的用户通过单手持机操作，36%

产品 2017年04月28日

华为官网首页交互：移动和透明度动画应用

华为手机越来越爱到众多消费者的喜爱，体验方面无论从手机终端，还是官网设计，都体现出一个知名企业所拥有的品质。以华为官网首页的交互为例，交互虽然简单却体现了对细节的追求。我们就以这个简单的交互来说一说Axure的动画交互应用。华为官网交互说明官网首页的下方是以大副图片拼接的方式显示了网站的内容，默认显示了图片和图片内容的标题，鼠标经过时标题向上移动，然后向上移动显示图片的详细

产品经理 2017年04月29日

交互七大定律之菲茨定律

我们先来看看雅虎ued绘制的关于Fitts’ Law的Q版小漫画：Fitts’ Law / 菲茨定律（费茨法则）1、一句话描述：任意一点移动到目标中心位置所需时间与该点到目标的距离和大小有关，距离越大时间越长，目标越大时间越短。2、定律内容：从一个起始位置移动到一个最终目标所需的时间由两个参数来决定，到目标的距离和目标的大小（上图中的 D与 W），用数学公

产品经理 2017年04月29日