今天簡單分享一下我在做網(wǎng)頁端設(shè)計時，結(jié)合產(chǎn)品特性和用戶體驗方面總結(jié)的幾條思考：
點(diǎn)擊按鈕，反饋頁面應(yīng)該當(dāng)前頁面打開，還是新頁簽頁面打開？
圖文混排時，圖片應(yīng)放在左邊還是應(yīng)放在右邊？
表單標(biāo)題項文字應(yīng)左對齊還是應(yīng)右對齊？
下面我們結(jié)合虛擬案例來展開分析：
問題一
1、點(diǎn)擊按鈕，反饋頁面應(yīng)該當(dāng)前頁面打開，還是新頁簽頁面打開？
操作提示類：
1.1、當(dāng)前頁面錯誤類提示
適用于表單類型的頁面，實(shí)時提示錯誤所在，方便用戶精確定位錯誤位置而對信息進(jìn)行修改，方便效率，提示較輕，不打斷用戶操作
1.2、toast提示
適用于頁面全局類的提示及錯誤反饋，3秒左右消失，一般只是提示用戶，不需要用戶做確認(rèn)動作，不打斷用戶操作，比彈框提示程度輕
1.3、彈框
一般適用需要用戶緊急做決策或不建議用戶做操作的提示，打斷用戶操作流程，需要用戶馬上處理，提示程度較重。
也常用做一些簡單信息的編輯修改，當(dāng)前頁面做一些簡單的調(diào)整，彈框處理不會讓頁面跳來跳去導(dǎo)致用戶心理負(fù)擔(dān)，對心理影響較輕，感知是在當(dāng)前頁面完成的操作。
但不適用于多信息多的編輯修改，多信息處理及一些需要稍復(fù)雜交互時建議新頁面操作；且彈框上不宜再出現(xiàn)彈框或浮層提示的交互方式，不然會讓用戶在感知上容易疲憊，彈框上交互不應(yīng)一層套一層，最好只是單層頁面操作，不宜做太重，不宜把交互做復(fù)雜
需要后續(xù)操作類：
一般為當(dāng)前頁面按鈕點(diǎn)擊后跳轉(zhuǎn)到另外頁面需要接下來更多信息的操作，以完成產(chǎn)品流程，達(dá)到需求目標(biāo)。
這樣的操作反饋頁面應(yīng)該是當(dāng)前頁面打開還是新開頁簽打開呢？
1、當(dāng)打開的頁面需要大量編輯項的內(nèi)容時，一般當(dāng)前頁面打開比較合適，如下案例，添加客戶頁面提交后，頁面自動跳轉(zhuǎn)到客戶列表頁，并更新信息，添加的信息展示在列表里。
2、當(dāng)打開的頁面只是查看瀏覽一些信息時，一般新頁簽頁面打開，如下案例，用戶不需要對新打開的頁面進(jìn)行操作，只是查看瀏覽信息，用戶有可能同時打開多個頁面進(jìn)行信息比對，這時新頁簽頁面打開比較方便，用戶查看后關(guān)閉頁簽即可
問題二
2、圖文混排時，圖片應(yīng)放在左邊還是應(yīng)放在右邊？
我們圖文混排時，經(jīng)常糾結(jié)圖片應(yīng)放在左邊還是右邊，下面我以網(wǎng)上的一個作品為例子(作品版權(quán)屬于原作者)來說下我的看法：
上面是一個登錄頁面，左邊表單，右邊插圖，但我們來分析一下，右邊的圖片只是輔助插圖，當(dāng)前頁面的任務(wù)是完成左邊的登錄；
但我們在看到這個頁面的時候，按照人的閱讀習(xí)慣（從左至右），首先想要完成登錄，這時視線在左邊1的位置，但是被右邊的插圖吸引（圖永遠(yuǎn)比文字有吸引力，且右邊圖的面積比左邊表單部分要大，此時視線移到右邊2的位置），看完圖以后，想到自己到這個頁面的目的是完成登錄，視線又從右邊2移到左邊3（也就是1），完成賬戶登錄，完成此頁面任務(wù)。
下面我們把左邊的表單和右邊的插圖調(diào)換位置，即圖左文右
按照人的閱讀習(xí)慣，視線從左邊插圖的位置1開始（本來圖也要比文字吸引視線，把圖放左邊正好符合人的閱讀瀏覽習(xí)慣），然后視線移到右邊表單2的位置進(jìn)行賬戶登錄，整個流程一氣呵成，符合人的瀏覽習(xí)慣，且提升了用戶效率
問題三
3、表單標(biāo)題項文字應(yīng)左對齊還是應(yīng)右對齊？
我們先看下圖，表單標(biāo)題項左對齊
因為是左對齊，整個頁面看起來比較整齊，但左標(biāo)題和右邊表單聯(lián)系起來做一些操作時，尤其是整個頁面表單項較多、標(biāo)題項文字字?jǐn)?shù)相差較大時，由于左邊標(biāo)題和右邊表單間距較大，信息連接的緊密性不強(qiáng)，操作效率低；
下面我們把這個頁面的標(biāo)題項右對齊看下：
這樣較多表單需要編輯時，即使標(biāo)題項文字字?jǐn)?shù)相差較大，但由于標(biāo)題與右側(cè)的表單連接緊密，相比左對齊更能提升用戶操作效率。
但如果是5個以下的表單，且標(biāo)題項文字字?jǐn)?shù)相差最多兩個時，更適宜于左對齊的方式，因按具體情況而定。
總結(jié)：
以上幾點(diǎn)是我在做網(wǎng)頁項目時的一些細(xì)節(jié)思考，我們做頁面時不應(yīng)該只是參考別人的設(shè)計，更應(yīng)該結(jié)合項目的特性及用戶人群、操作效率，多思考，多總結(jié)，以最合理的方式幫用戶提供問題的解決方案，以提升用戶體驗，來提高產(chǎn)品價值
