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

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

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

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

1、同理心

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

同理心

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

2、簡(jiǎn)潔就好

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

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

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

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

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

4、幫助用戶(hù)做一些事情

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

5、用戶(hù)也在不斷的成長(zhǎng)

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

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

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

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

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

分辨率種類(lèi)（不完全統(tǒng)計(jì)）：

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

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

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

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

界面簡(jiǎn)潔的途徑：

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

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

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

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