雅各布定律告诉我们:作为设计师,我们必须要多研究把玩各种产品,这样我们才能够对当下产品的设计趋势、设计方法有更直观的感受。本次主要是分享我在日常使用各种产品的过程中发现并总结出来的优秀交互设计灵感。
例如某宝的多地址下单功能,可以通过拖拽的方式为不同的地址分配不同的商品,功能直观且操作便捷。类似这种场景使用拖拽交互是非常高效的设计方式。
例如某聊天软件的阅后消失模式功能,通过上滑页面即可开启阅后消失模式,并且页面有上滑的文字引导提示及滑动的完成进度,让用户在滑动页面的过程中顺畅、自然的进入此模式,是非常巧妙的设计方式。
再比如某外卖APP的订单详情页面,第一个卡片顶部有“可滑动”的图标提示,往下滑动整个卡片区域可进入地图模式,查看骑手位置等。适用于沉浸式查看地图同时又可快速切回主操作区的场景。
比如某输入法APP中的语音输入功能,语音输入一句话,然后进行语音修改后,可摇一摇撤销刚才的语音修改。用“摇一摇”代替界面按钮,尽可能使页面内容精简,减少信息干扰,突出主操作及主内容,并且增强操作的趣味性。
例如排序功能,默认为“降序”,点击切换为“升序”,再次点击又切换回“降序”。这样可减少菜单的数量,一目了然。
比如某应用市场APP中的应用详情页,点击“更新”按钮后,原按钮区变为更新进度加载动效,随着更新完成后,原按钮区又变为“打开”按钮。实现同一个区域的充分利用,过渡自然且信息直观。
常见于长页面中,当上滑页面时,重要按钮会固定在顶部导航栏或页面底部,便于快速触达。
标题代替占位符,鼠标点击热区后标题收至输入框左上角,同时占位符出现。这种方式的优点是节省空间,标题始终可见,展示和谐便于查看。
例如某输入法软件中的中译英功能,在占位符“输入或粘贴文字”中加入了“粘贴”按钮,可直接点击按钮粘贴,无需先长按再选择粘贴按钮,减少了操作步骤。
比如投资理财类产品的收益计算器,输入框的帮助提示为产品的年化利率,并且会根据你输入的金额动态计算出预估收益,让你实时看见收益,刺激用户进行买入。
最后总结一下今天分享的3个方面的优秀交互设计灵感:
按钮交互:包括二次点击切换、动态按钮区、按钮吸顶/吸底。
输入框交互:有整合表标题&占位符、占位符融合按钮、收益可见性3个。
注:以上文中配图均来自于网络或应用截图,仅作学习分享使用。