交互

微交互是如何塑造优质的产品细节的?

“最好的产品通常会做好两件事情:功能和细节。功能能够吸引用户关注这个产品,而细节则能够让关注的用户留下来。”Dan Saffer 的这句话阐明了许多成功产品的秘诀。值得注意的是,功能和细节两者都很重要,但是功能居首,细节次之。不过,让用户喜欢或者讨厌一个APP或者网站,往往缘起于细节。随着网站交互设计和动效的大规模普及,我们现在所看到的许多细节设计,都可以归类于微交互。虽然

解放生产力所向的交互设计思考

看大家都睡不着,也随便说说自己这两天在想的事。在整理个人站作品的时候,翻到了之前于patternfly的交互设计规范中,分析了一段有关于submit的框框的设计思考。这个设计是这样的:若在评论,或者其它状态输入时,超出文本限制,即提供富视觉非模态反馈,并直接选中,若用户需要删除超出字段,直接删除,若不需要删除此字段,那么选中其它地方时,鼠标点击即取消此段选中状态。 此

《Robo Recall》主策:范围移动、角色交互设计该如何做?

laiylai4月24日,Epic Games VR项目主策Nick Donaldson出席Unreal Open Day活动,其围绕传送、换弹和换枪、投掷、抓取、角色与敌人的互动以及UI和HUD设计方面进行了详细的分享。以下为演讲内容,VRZINC进行了删减和整理:为什么选择传送设计?Nick Donaldson:我们都知道VR游戏是否应该使用传送引起了很多的讨论,我们在

车载系统交互设计畅想 Part2:为消除焦虑而设计

在上一章节中,我试图通过重新设计智能车载中控系统来降低驾驶过程中过多的信息导致的注意力分散问题,我的主要解决方案是通过局部的简单操作配合语音导航来完成任务,并避免驾驶员的双手离开方向盘。在本章节中,通过调研和采访一些新手驾驶员,我总结了一些发现,以启发我通过体验设计来消除驾驶过程中的焦虑现象。什么是驾驶焦虑症驾驶焦虑症表现为驾驶员在驾驶过程中出现慌张、不知所措,从而提高了引

mBack 交互方式分析

本文作者将对魅族最新研发的交互方式—mBack进行分析,从谈论手机操作系统方式与电脑的操作系统方式有着两个较为明显的差异,到分析mBack的缺点,值得一看。2015年6月,魅族发布魅蓝note2,搭载了魅族最新研发的交互方式—mBack。老白说,魅族研发mBack是要来革Android的命。当时也算资深的煤油之一,对于老白的话,虽然心里有些激动,但是从内心来讲还是不太相信的

怎样借助故事板做好用户体验设计?

在做用户体验设计的时候,研讨会和用户访谈是用研中最常用的两种手段,随后,将用户研究的结果合成为用户故事和用户流程,在这个基础上,我们可以构建合理的解决方案,然后将线框图、原型和设计结果传达给整个设计团队。换句话来说,所有的研究、设计和方案都是基于真实的用户,也就是我们定位为“目标用户”的人群,基于他们的表现、反映和反馈。为了让产品更优秀,我们必须明白产品的运作机制,了解用户

交互七大定律之席克定律

先说一下,什么是席克定律?以英国心理学家William Edmund Hick命名,当选项增加时,下决定的时间也增加。可以用来测出,当有多重选择时,需要多少时间能做出决定,适用于简单判断的场景,对需要大量阅读和思考的情景并不适用。RT=a+b log2(n),RT=反应时间,a=与做决定无关的总时间(前期认知和观察时间), b=根据对选项认识的处理时间(从经验衍生出的常

你的语音助手,或许是新的拟物风格交互界面

( 翻译自 The New Skeuomorphism is in Your Voice Assistant ,部分有改动。)Ai 语音助手我们成功地消灭了拟物风格不久前人类刚刚抛弃了拟物风格的交互界面。「拟物风格」是指用现实世界的表面纹样作为视觉参照,加强虚拟交互界面的可理解性。在扁平化设计的浪潮中,我们已经摆脱了「拟物风格」在视觉上的装饰效果,而去寻求更为本质和直观的视

如何为你的网页设计添加神奇的交互效果

不管用户处于何种目的来到你的网站,势必都会创建一系列的活动事件。一些互动(例如点击)几乎每个用户在浏览网页设计时并不会过多的关注这些。但像其他具有一定“神奇效果”的互动,会使得用户想要更多点击和触发。和 网站设计的很多规则一样,交互之间也有一个细微的界限,要么恰到好处,是用户在接触时能产生好奇感和兴趣,要么超过了限度使得页面整体给人一种压倒一切感觉。最神奇的交互应该是能够让

3 分钟带你掌握 11 个最常用的交互控件

之前的一系列文章,为大家介绍了iOS和Android规范中,各种弹出物(不要乱联想~~)的用法,罗列如下:警告框(Alerts),弹出框(Popovers,iOS独有),简易菜单(Simple Menus,MD独有),模态视图(Modal Views,iOS独有),确认弹框(Confirmation Dialogs,MD独有),全屏弹框(Full-screen Dialog