微信公众号的交互设计原则

微信公众号的交互设计遵循移动端的交互设计原则。以下是用得较多的交互设计原则,主要有:简洁、高效、情感化、移动化、及时反馈。

一、简洁

因手机屏幕的尺寸限制,每个页面所能展现的内容非常有限,在做交互设计时,要敢于删除不必要的内容,只抓重点,并适当隐藏一些干扰功能,让重点内容最大化展现。

二、高效

高效对于移动产品来说至关重要,稳定、流畅和快捷都是高效的表现。在交互设计时,高效体现在减少用户的操作、减少页面的跳转、有效触动(可以用手势来替代点击)、避免键盘输入等。

1.高效一减少用户操作

减少用户操作的有效方式之一,便是对用户的操作进行及时的状态反馈,如下图:当用户未输入手机号码、验证码时,“确定”按钮是灰色,即不可用(不可点击)状态。我将这类形式简称为“红绿灯”:就如同交通规则一样,红灯停、绿灯行,按钮状态也是异曲同工的,灰色不可点击,亮色可点击。在现今各类智能手机、软件应用的习惯培养下,许多用户已经有了“红绿灯”意识

2.高效一减少页面跳转

互联网时代的不断前进,使得懒人用户越发的普遍,能坐着就不站着,能叫外卖就不出门。界面设计亦是如此,无用信息应当弱化,能使用一个界面完成,为何还需要增加一个二级界面呢?减少页面跳转能让信息更加集中,也减少了用户的操作理解成本。通常通过使用浮层,浮层显示的内容会盖住当前页面,使得信息更突出;使用局部处理,使得用户的操作行为或者系统的反馈尽量在当前页面处理完成

3.高效一有效触动

每个人在不同的阶段、场景下,都会有不一样的情绪和想法,唯一一致的是对于不可用的产品都是厌恶烦躁的。试想当我想充话费时,话费界面的充值按钮点击后,却迟迟无反应也无任何反馈,愤怒值会呈几何倍数飙升。所以必须确保每次操作的有效性,提升用户对产品的信任感和满意度。

提高点击的有效性,扩大点击区域、调整恰当间距。点击目标7~9毫米,有多个元素时,预留足够间距防止误点击。

4.高效——避免键盘输入

保留用户之前输入的内容,自动载入用户的信息(如号码带入);转化输入方式,可以将输入框转化为选择空间。

三、情感化

一款产品若仅仅是作为冷冰冰的工具,机械化的服务,是无法在用户心中留下不可磨灭的印象的,也无法让人留恋,更不能形成口碑传播。而情感化设计可以加强用户对产品气质的定位,可以帮助产品引导用户的情绪,化解负面情绪。

Turntabl网站有一个滑块,你付多少钱决定了猴子欣喜若狂的程度,在一些购物App的评价界面中也会有一个滑块,你评价的高低决定了是哭脸还是笑脸。这些情感化的表现形式,能对用户的操作提供鼓励、引导与帮助,就如同Turntable这只卖萌的猴子,出现在真金白银的操作中,相信看到的人都是觉得心中惊喜的,人都无法抵抗美好的事物,所以有时候这种形式也许会带来奇效。

情感化设计还有一个妙用,是加强品牌效应,提升产品气质,使之深入人心,很多公司都惯用的吉祥物方式就是这个原理。

四、移动化

移动化,即充分了解移动设备的特征,跳出PC产品思维,充分利用手势、摄像头、传感器、摇一摇重力感应、LBS地理位置等。

五、及时反馈

对用户的行为应该有及时的状态反馈。




(本文内容及图片收集于网络,如有侵权,请联系我们删除。)