微交互可用于哪些地方,有何作用?
??最好的产品会把两件事做好:功能和细节 。 功能可以吸引人们使用你的产品 。 细节可以让他们留下来 , 细节可以使我们的应用在竞争中脱颖而出 , 而微交互就是让产品设计脱颖而出的亮点 。
本文插图
微交互是一种能给用户愉快反馈的细节 。
所有交互设计方法都指向「以人为本」的设计原则——用户是焦点 。 微交互通常被认为是辅助的或次要的 , 但是一旦用户感知到 , 微交互能创造一种很好的体验 。 作为设计师或者产品经理 , 认识到微交互的隐形作用与设计它们一样重要 。
微交互是什么?
微交互是完成一项小任务的产品瞬间 。
正如Dan Saffer的书《微交互》中首次描述的那样 , 这些微小的细节通常具有以下基本功能:
- 沟通反馈或呈现采取行动的结果 。
- 完成一项个人任务 。
- 增强直接操纵感 。
- 帮助用户可视化其操作 , 并防止用户犯错 。
【微交互可用于哪些地方,有何作用?】当您将iPhone切换为静音时 , 手机会有震动 , 且屏幕上有静音模式图标晃动的动画效果 。
本文插图
界面动画可以显示点击后的效果(将鼠标悬停时按钮的颜色也会变化) 。
本文插图
资料来源:Dribbble
为什么微交互有效
微交互之所以起作用 , 是因为它们顺应了用户对「确认」的自然渴望 。 用户想要立即知道系统已经立即接受他们的动作 , 希望系统会给予一种视觉反馈 。 微交互还可以指导用户如何操作 。
微交互的作用
微交互的优点之一是可以将它们插入任何潜在动作周围的不同位置 。 通常 , 它们通常在以下几个方面出现:
1. 显示系统状态
akob Nielsen的「第一个可用性启发式原则」指出:让您的用户了解正在发生的事情 。 用户希望立即得到响应 。 但是在某些情况下 , 应用程序需要一些时间才能完成操作 。
因此 , 界面应使用户对正在发生的事情有所了解 。
本文插图
进度条 , 用于上传和下载 。 资料来源:Dribbble
要点:不要让您的用户感到无聊——让用户了解情况并向他们显示进度(例如加载进度吸引了用户的注意力 , 同时也让用户不至于迷惑) 。
2. 突出显示变化
有时我们必须显示通知以确保用户看到它 。 动画可以提供帮助 。 它会引起用户的注意 , 不让他们忽略重要的内容 。
本文插图
新的消息 。 资料来源:Dribbble
要点:在许多情况下 , 动画效果吸引用户关注重要细节 。 您应该使用KISS原理——微交互应该很小且很简单 。
3. 保持过渡
使用动画在上下页面之间平稳地过渡 , 呈现屏幕上元素排列的变化 。 移动设备和智能手表尤其如此 , 因为根本不可能在一个屏幕上容纳很多信息 。
本文插图
资料来源:Dribbble
总结:在不同页面之间保持清晰的导航 , 让用户了解内容从哪里出现 。 两种视觉状态之间的过渡应该清晰 , 流畅且毫不费力 。 主题统一——创建统一主题以将所有交互联系在一起 。
4. 可视化输入
推荐阅读
- 钛媒体APP|B站宣布要上天!拟6月下旬发射,主要用于科普教育
- 挖贝网|丹化科技股东丹化集团质押4400万股 用于自身生产经营
- 小肥龙科创|Android 11被意外泄露,显示电源按钮菜单用于智能设备
- 壹观察|从最强到更强手机影像,华为P40 Pro+做了哪些加法?地表最强影像旗舰,再进一步!2020全球旗舰手机新高度
- 山东伟豪思|袋料全自动拆垛机器人的使用给企业带来了哪些益处
- 语音科大讯飞助力vivo六一上线“童音” Jovi语音助手带来暖心交互体验
- 80后变形侠TB|iPhone 12系列将提供哪些颜色选项?
- 1跨境电商|亚马逊无货源模式的优势有哪些?
- 科技吉普赛|当贝投影618来袭,智慧AI交互、内“芯”强大、快无止境
- |杜丹 | 共生、转译与交互:探索媒介物的中介化
