网站建设中影响用户体验的4个因素之二

2023-05-13    分类: 网站建设

事实上,对于现行的Android和ios这类用手指操作的系统来说,列表或许应该考虑设计得宽大一些。比如百度知道的app:  相对来讲,每一级列表都比较宽大,可以在移动设备上比较容易的进行操作。

生活中的例子:电梯上的开关门按钮  我们平时乘坐电梯的时候,经常要操作电梯上的各种按钮。主要的需求有2种,一种是进入电梯后选择自己要去的楼层;另一种,是开门和关门(关门较多)。  大部分电梯的操作界面上,开关门按钮都是用图形表示的,类似下面:  但是,大部分电梯上的这两个按钮,使用了相同的图形元素,只是方向不同。加上具体的箭头样式、两个按钮的排列方向并没有行业标准,以至于这两个按钮长什么样,完全由电梯生产厂商决定。在实际操作过程中,我们并不能够马上分辨出这两个按钮的功能(左侧是开门,右侧是关门)。笔者每次进入一个陌生的写字楼的电梯,想按关门键,都要迟疑一下。这不是一种好的体验。

解决办法:  事实上,图形并不一样比文字更加直观。两个按钮的识别性较差,可能是因为他们外观太过相似。如果考虑换成汉字,或许会简单明了得多,操作时几乎不需要思考:

三、技术(对应职位:各种工程师)  技术是实现产品的工具,也是产品正常运行的基础。如果技术方面出了问题,同样会对终的体验产生不良影响。这个因素中具体的表现也很多,如前端页面对各种浏览器的兼容性,代码运行效率,服务稳定性等。涉及的范围非常广,我同样只挑选一个点来说明问题。

Web上的例子:北京市房地产交易管理网
在这个网站上,可以查询到北京市所有新建商品房的相关信息,包括面积、销售状态、高价格等。

但是,该网站只在IE浏览器中可以勉强正常使用(页面排版部分乱掉暂且不计),如果使用Firefox、Chrome等浏览器,不仅一些页面的排版会乱掉,还会出现查询信息无法显示的情况。如图所示:  图中两个浏览器打开的是同一个页面。左侧是IE的结果,右侧是Firefox的结果。我们看到,在左侧图片的右下方,是很多花花绿绿的表格。而右侧图片,同样位置则是一片空白。按照一般的思路,查询出来的数据,应该是后端程序生成的,理论上不应该受不同浏览器兼容性的影响。后来在查看该页面的HTML代码过程中,发现了这样一行久违的代码: