網(wǎng)站建設中影響用戶體驗的4個因素之二

2023-05-13    分類: 網(wǎng)站建設

事實上,對于現(xiàn)行的Android和ios這類用手指操作的系統(tǒng)來說,列表或許應該考慮設計得寬大一些。比如百度知道的app:  相對來講,每一級列表都比較寬大,可以在移動設備上比較容易的進行操作。

生活中的例子:電梯上的開關門按鈕  我們平時乘坐電梯的時候,經(jīng)常要操作電梯上的各種按鈕。主要的需求有2種,一種是進入電梯后選擇自己要去的樓層;另一種,是開門和關門(關門較多)。  大部分電梯的操作界面上,開關門按鈕都是用圖形表示的,類似下面:  但是,大部分電梯上的這兩個按鈕,使用了相同的圖形元素,只是方向不同。加上具體的箭頭樣式、兩個按鈕的排列方向并沒有行業(yè)標準,以至于這兩個按鈕長什么樣,完全由電梯生產廠商決定。在實際操作過程中,我們并不能夠馬上分辨出這兩個按鈕的功能(左側是開門,右側是關門)。筆者每次進入一個陌生的寫字樓的電梯,想按關門鍵,都要遲疑一下。這不是一種好的體驗。

解決辦法:  事實上,圖形并不一樣比文字更加直觀。兩個按鈕的識別性較差,可能是因為他們外觀太過相似。如果考慮換成漢字,或許會簡單明了得多,操作時幾乎不需要思考:

三、技術(對應職位:各種工程師)  技術是實現(xiàn)產品的工具,也是產品正常運行的基礎。如果技術方面出了問題,同樣會對終的體驗產生不良影響。這個因素中具體的表現(xiàn)也很多,如前端頁面對各種瀏覽器的兼容性,代碼運行效率,服務穩(wěn)定性等。涉及的范圍非常廣,我同樣只挑選一個點來說明問題。

Web上的例子:北京市房地產交易管理網(wǎng)
在這個網(wǎng)站上,可以查詢到北京市所有新建商品房的相關信息,包括面積、銷售狀態(tài)、高價格等。

但是,該網(wǎng)站只在IE瀏覽器中可以勉強正常使用(頁面排版部分亂掉暫且不計),如果使用Firefox、Chrome等瀏覽器,不僅一些頁面的排版會亂掉,還會出現(xiàn)查詢信息無法顯示的情況。如圖所示:  圖中兩個瀏覽器打開的是同一個頁面。左側是IE的結果,右側是Firefox的結果。我們看到,在左側圖片的右下方,是很多花花綠綠的表格。而右側圖片,同樣位置則是一片空白。按照一般的思路,查詢出來的數(shù)據(jù),應該是后端程序生成的,理論上不應該受不同瀏覽器兼容性的影響。后來在查看該頁面的HTML代碼過程中,發(fā)現(xiàn)了這樣一行久違的代碼: