創(chuàng)新互聯(lián)建站導(dǎo)讀：關(guān)于頁面交互設(shè)計的問題，本文重點(diǎn)介紹了頁面交互設(shè)計原則，以及手機(jī)交互設(shè)計原則?？傊畞碚f交互設(shè)計要從用戶體驗(yàn)出發(fā)，在設(shè)計之前要考慮到，怎樣的交互才能讓用戶更加方便，同時也能讓用戶更加明白。設(shè)計頁面交互需要去分析行業(yè)很用戶特點(diǎn)，切記完全根據(jù)自己的主管意愿來，這樣就有可能脫離實(shí)際的用戶需求了。

創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設(shè)計、網(wǎng)站建設(shè)與策劃設(shè)計,牟定網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:牟定等地區(qū)。牟定做網(wǎng)站價格咨詢:18982081108

大部分頁面會涉及到交互，交互簡單說就是需要用戶去點(diǎn)擊的，點(diǎn)擊后才進(jìn)入到下一步，因此交互會直接影響到用戶體驗(yàn)。那么具體頁面交互設(shè)計需要注意什么問題呢？本文就給大家介紹下頁面交互設(shè)計原則，以及手機(jī)交互設(shè)計原則。

一、頁面交互設(shè)計原則

1、同理心

所謂的同理心通俗說法就是換位思考。設(shè)計師在設(shè)計產(chǎn)品時要能夠做到換位思考，體會用戶的立場和感受，并站在用戶的角度思考和處理問題，把自己置身于相關(guān)的用戶場景中，理解用戶的行為特點(diǎn)和行為差異。

同理心

加強(qiáng)調(diào)設(shè)計師的同理心、換位思考能力，要求設(shè)計師在平時多注意積累用戶經(jīng)驗(yàn)，熟練的使用自己的產(chǎn)品，模擬用戶進(jìn)行相關(guān)操作，也會經(jīng)常讓設(shè)計師走出去把用戶請進(jìn)來等各個渠道和用戶研究的手段讓設(shè)計師可以全方位深入的了解用戶需求。使得我們的設(shè)計師可以很客觀、深入和全面的了解用戶以及相關(guān)需求，也就避免了依賴自身經(jīng)驗(yàn)和主觀臆斷的閉門造車。

2、簡潔就好

簡潔不等于簡單，淚雪之前的一些文章也就簡單的提及，它是在設(shè)計師深刻理解用戶需求的基礎(chǔ)上，根據(jù)用戶的操作行為、信息架構(gòu)等因素深思熟慮后的用戶交互界面，界面不是產(chǎn)品功能的簡單 “堆砌”和界面信息的雜亂“擺放”；是一個滿足了用戶特定需求、具有流暢操作、賞心悅目的界面。

簡潔就是好的，本質(zhì)上是讓設(shè)計師了解一般用戶在單個頁面只會有一個主任務(wù)和主流程，因此不要用其它次要因素或是繁復(fù)的視覺元素來打擾他的視覺注意力，干擾他的判斷，越簡潔，用戶的使用感受越佳，這樣對于用戶體驗(yàn)來說就是好的。

3、把決定權(quán)還給用戶

要讓用戶知道產(chǎn)品的決定權(quán)是在用戶自己手中的，不要和用戶搶奪控制權(quán)，要謹(jǐn)慎的幫助用戶做一些決定，很多時候還是要讓用戶自己進(jìn)行判斷，并進(jìn)行操作。

把決定權(quán)還給用戶，是體現(xiàn)了對用戶的尊重，讓用戶知道產(chǎn)品是掌握在用戶自己手中，產(chǎn)品只是輔助用戶完成他之前設(shè)定需要完成的目標(biāo)或任務(wù)，只有這樣才是給用戶帶來尊重感、安全感，給產(chǎn)品帶來很好的使用體驗(yàn)。

4、幫助用戶做一些事情

在用戶在使用網(wǎng)站的時候，很多地方我們是可以幫助用戶完成一些事情，這個就可以讓用戶更省心更有效率的完成他需要帶到目標(biāo)?；ヂ?lián)網(wǎng)用戶相對于傳統(tǒng)行業(yè)的用戶來說，網(wǎng)站更容易收集用戶的相關(guān)數(shù)據(jù)和用戶使用網(wǎng)站的行為軌跡。這樣就有助于我們了解用戶，幫助用戶做一些事情。但幫助用戶必須有個度，不能過多也不能太少。

5、用戶也在不斷的成長

我們的用戶的使用經(jīng)驗(yàn)也會隨著互聯(lián)網(wǎng)行業(yè)和網(wǎng)站的發(fā)展而發(fā)展，用戶的經(jīng)驗(yàn)也是在不斷的積累中，也在不斷的接受的新的事物和新的交互方式。所以不要用靜止的眼光看待用戶，不要把用戶想的太笨，也不要把用戶想的太聰明。

同樣也不要把用戶想的很專業(yè)很聰明，網(wǎng)頁技術(shù)人員通常對網(wǎng)頁代碼、服務(wù)器等技術(shù)問題非常熟悉，所以也想當(dāng)然的認(rèn)為用戶也是同樣知道這些技術(shù)。當(dāng)用戶輸入了錯誤的網(wǎng)站時，頁面會顯示404頁面，這個對于普通用戶來說就會很困惑，用戶不知道這個代表了什么錯誤，這個又意味著什么。會猜測是不是網(wǎng)絡(luò)故障，是不是頁面出現(xiàn)問題。這時如果我們把“404”錯誤，換成“該頁面不存在”等說明，用戶就可以清晰的明白出現(xiàn)了什么問題。這樣實(shí)例充分說明了不好把用戶想的太聰明，都是互聯(lián)網(wǎng)資深用戶。

二、手機(jī)交互設(shè)計原則

1、手機(jī)屏幕尺寸分為物理尺寸和顯示分辨率

NOKIA，N78的物理尺寸為2.4英寸，顯示分辨率為240*320像素；HTC T7278的物理尺寸為2.8英寸，顯示分辨率為480*640像素。兩款手機(jī)顯示精度不同，同樣100*100像素大小的圖片在這兩款手機(jī)上看到的效果也不同，同樣大小的圖片在HTC T7278看起來要比NOKIA N78小的多。

分辨率種類（不完全統(tǒng)計）：

一款軟件適配所有分辨率的手機(jī)難度較大，勢必需要先挑選主流分辨率進(jìn)行設(shè)計，在此基礎(chǔ)上適配其他分辨率的手機(jī)。鑒于2010年QVGA(240*320)屏幕的市場占有率將達(dá)到70%，可將QVGA的手機(jī)當(dāng)成主要的設(shè)計對象。

大多數(shù)情況下瀏覽者看電腦屏幕時都不由自主的以“Ｆ”形狀的模式閱讀網(wǎng)頁，而手機(jī)屏幕很小，顯示能力有限，屏幕上內(nèi)容盡收眼底，閱讀文字時自上而下，因而信息的重要性也是從上到下依次排列。

2、“F”形狀的模式閱讀

手機(jī)屏幕的顯示能力有限，使用物理按鍵時，無法向電腦或者觸摸屏那些跳躍式操作，必須依次切換控件的焦點(diǎn)，例如手機(jī)界面中的翻頁程序，用戶使用最多的就是“下一頁”，將“下一頁”放置為第一個控件便于用戶操作。

界面簡潔的途徑：

簡潔要求文字描述簡練，但也要充分利用手機(jī)屏幕上僅有的顯示空間。例如iPhone的搜索欄，搜索框用于內(nèi)容搜索，點(diǎn)擊之后會顯示虛擬鍵盤，除了左邊默認(rèn)的搜索圖標(biāo)之外，搜索欄還包含其他元素。

當(dāng)完成一個任務(wù)需要多步操作時，可將任務(wù)進(jìn)行拆分成多個子任務(wù)，每個界面完成一個子任務(wù)。如邏輯清晰并保證用戶操作的流暢性，可適當(dāng)?shù)卦黾禹撁嫣D(zhuǎn)次數(shù)和點(diǎn)擊的次數(shù)。如使用e指通客戶端購買電影票的任務(wù)有：查詢電影→選擇放映場次→選座→確定訂單→支付。

關(guān)于頁面交互設(shè)計的問題，本文重點(diǎn)介紹了頁面交互設(shè)計原則，以及手機(jī)交互設(shè)計原則?？傊畞碚f交互設(shè)計要從用戶體驗(yàn)出發(fā)，在設(shè)計之前要考慮到，怎樣的交互才能讓用戶更加方便，同時也能讓用戶更加明白。設(shè)計頁面交互需要去分析行業(yè)很用戶特點(diǎn)，切記完全根據(jù)自己的主管意愿來，這樣就有可能脫離實(shí)際的用戶需求了。

相關(guān)知識點(diǎn)
網(wǎng)頁設(shè)計：網(wǎng)頁設(shè)計（web design，又稱為Web UI design，WUI design，WUI），是根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息（包括產(chǎn)品、服務(wù)、理念、文化），進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁面設(shè)計美化工作。作為企業(yè)對外宣傳物料的其中一種，精美的網(wǎng)頁設(shè)計，對于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。