按钮设计体现网站对细节处理的能力,网站设计的按钮要符合用户使用习惯,便捷,清晰的按钮设计,给予用户舒适的体验,能加深用户对网站的印象,提升用户体验。下面我们来探讨一下,如何设计网站按钮,可以提升网站质感。
1、凸显按钮并标注按钮意义
按钮如何告诉用户,点击此处可以进入另外的页面或进行下一步的操作。视觉凸显是有效的方法,可以利用颜色对比的方法,即按钮颜色设置与按钮周边的颜色形成对比,按钮颜色更加吸引眼球,释放“我是按钮”的强烈信息,引起用户注意。
当网站跳出窗口,用户需要点击不同的按钮,向网站传达信息时,按钮要附上文字,标注按钮意义,还可以使用不同的颜色对应意思,强化信息表达,提醒用户做出正确的操作。
2、按钮放置在相应的信息下
按钮设置较好放在相应的信息下面,用户需要点击按钮时,直接使用,避免给用户带来满屏幕找按钮,还不一定找对的糟糕体验,特别是设计手机网站的按钮,由于手机网站的屏幕比较小,按钮设计的不合理就很容易会流失用户。
3、避免过多按钮,扰乱用户视线
按钮设计是提高企业网站交互性的必备元素,但也不需要太多,在设置按钮时,要帮助用户筛选很多不必要的按钮设置,例如,纯粹是为了网页效果而设置,无内容的按钮可以去掉。
过多的按钮设置会扰乱用户思路,打断用户浏览网站的兴致,可能导致用户直接离开网站,流失潜在用户。
4、注意按钮尺寸大小
按钮设置的大小要根据设备屏幕大小决定,电脑网站设计的按钮,可以适当放大,用户能清晰地注意到;手机网站的屏幕较小,手机网站设计的按钮大小要根据用户手指点击习惯,手指尺寸决定,用户能看到按钮且可以点击到按钮。
5、按钮操作有视觉或听觉提示
按钮操作一般配有动态显示效果和音效,告诉用户点击按钮成功。
用户点击按钮时,按钮颜色有变化或是3D效果显示按钮向下压,用户就会接受点击按钮成功的反馈,不会重复点击。添加听觉效果,用户在点击按钮时,会发出明显的声效,向用户传达“按钮点击成功,网站会显示相关信息,请稍等”的信息,这一种听觉提示,无论是对电脑网站还是手机网站都是比较合理的设计。
网站按钮虽然只是网站设计中的一个小小元素,但是做好这个小元素不仅有利于企业网站优化,还能提高整个网站的质感,提升用户体验。