探索网站用户体验:交互体验的重要性

发表时间: 2021-02-11 16:59

编辑导语:关于用户体验设计,首先是要解决用户的某个实际问题,其次是让问题变得更容易解决,最后是给用户留下深刻的印象,让用户能够在整个过程中产生美好的体验,本文作者关于网站用户体验中的交互体验进行了分析总结。

交互体验:呈现给用户操作上的体验,强调易用、可用性。

一、网站会员

网站的内容是网站的根本内容,但是网站的核心是会员,不管是网站的呈现形式还是文案,最终都是为了吸引会员,有了会员网站才会有商业价值。

常用的吸引会员的方式有:

  1. 支持第三方快捷登陆;
  2. 给出明确错误提示;
  3. 有忘记密码的找回入口;
  4. 让用户专注于登录而没有过多的干扰;

二、表单填写

填写表单经常遇到基本每个网页都会有。比如:网站进行注册、登陆、输入账号密码、手机号验证码、购物等。所以,在设计表单的时候一定简单清晰,使用户能迅速、高效、快捷并且轻松的完成要填写的内容。

提升表单设计用户体验主要从以下几个方面着手:

  1. 要写标题,告诉用户各个单项是做什么的;
  2. 要有输入框,用户一眼可以看到该从哪里去填写;
  3. 帮助信息,可以在输入框有弱化的文字提示,或者隐藏帮助信息,让用户在单击某个输入框的时候显示出来;
  4. 输入及时反馈,不管是输入正确还是错误,都要有反馈。错误的反馈要告诉用户具体错在哪里,怎么解决;
  5. 执行动作的显示,填写完之后有“注册”或“登陆”按钮;
  6. 智能默认大多数人或大多数情况下需要输入的内容;
  7. 记录上一次用户输入过信息,使用户能高效的完成填写;
  8. 区分主要动作和次要动作,比如:注册和取消的按钮,注册是主要动作,可以通过大色块去让按钮更加明显、突出,“取消”是次要动作,可以把按钮色块弱化,或者不加色块。

三、按钮

按钮是网页中非常重要的元素,它的美观和创意会给网站加分。但是千万不要出现按钮找不到或者点击按钮误操作的行为,用户体验会大打折扣,甚至放弃使用网站。

按钮主要可以分为两大类:一种是提交表单数据,比如:注册、登陆;另一种是表示链接的,点击之后会进行页面跳转。

提升按钮设计用户体验主要从以下几个方面着手:

  1. 按钮使用最多的还是标准按钮,在有背景图片的情况下,标准的按钮更容易被用户识别;
  2. 按钮要看起来是可点击的,可以适当的增加内边距,让按钮看起来更加容易点击;
  3. 按钮的反馈要尽可能全面,常见的:“正常状态”、“鼠标移入状态”、“点击状态”、“不可用状态”等;
  4. 按钮的风格要和网站的风格统一,包括:颜色、文字大小、文字颜色等;
  5. 按钮放的位置要合理,一般表单都是放在底部,或者需要触发行为操作的附近、屏幕的底部、信息的正下方等。这样更符合用户的操作习惯和交互路径,让用户用起来更自然方便;
  6. 明确告诉用户按钮的功能,按钮上的文字要尽量简洁直观;
  7. 点击按钮之后呈现的结果要合理、迅速,不管是提交还是跳转到其他页面,能让用户得到期望的结果。

四、文字提示

文字提示信息是交互环节的一种补充,在内容上要尽可能简洁高效的表达。

文字是交互对象,悬停、滑过、单击、拖动等都是交互行为,文字发生变化时交互反馈。关于文字的交互变化反馈可以是文字大小、颜色,也可能是一些动态效果;

常见的文字交互方式有以下几种:

  1. 超链接文字颜色,在鼠标悬停时,文字颜色发生变化同时出现蓝色下画线,最常见符合用户习惯易读性高;
  2. 超链接交互上会呈现4种状态:默认、鼠标悬停、点击时状态、点击后状态;点击状态比较快,有的时候用户都不会注意到,所以3种状态的交互也常见;
  3. 鼠标悬停在页面某个元素上,会出现新信息,或者更全面详细的信息;
  4. 出现动态效果,在鼠标悬停时出现单个或多个文字的动态效果,有利于增强交互感;比如:logo文字或者网站名称文字。

五、在线搜索

是网站种最常用的元素之一,当用户想要查找内容,搜索功能是网站页面中最需要使用的功能,搜索的可见性、易用性是影响网站搜索体验的要素。

常见的搜索样式类型有4种:导航搜索、通栏搜索条、搜索功能图标和特殊样式。

  1. 导航搜索一般放在主导航栏,因为导航在网站总的任意页面都会出现,这样可以让用户无论在什么位置都可以进行搜索;
  2. 通栏搜索一般放在顶部导航栏的下方,并且会在搜索条四周留白处理,这样使搜索栏在页面的视觉效果突出,更直观、显眼;
  3. 搜索功能图标,一般是用搜索icon表示搜索,当鼠标移入的时候会有交互效果,让搜索框出现。这样留出更多的位置去显示内容,但是不如前面两种搜索明显;
  4. 特殊搜索样式,比如通过悬浮按钮的样式让搜索出现的页面,这种搜索一般在移动端种用的多,Andriod系统原生应用中就有这种。

提升搜索用户体验通常有:

  1. 清晰的搜索入口、必要的搜索提示、搜索过程操作的方便简洁、搜索结果显示的清晰;
  2. 除此以外还可以根据类目进行分类搜索,在搜索前就缩小搜索的范围;
  3. 记录搜索历史方便用户下次搜索,同时也方便我们收集用户信息;
  4. 提供热门搜索词,对搜索频率较高的进行显示在搜索框里等。

本文由 @忻芸 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 unsplash,基于 CC0 协议