頁面交互設計原則，手機交互設計原則
創(chuàng)新互聯(lián)建站導讀：關(guān)于頁面交互設計的問題，本文重點介紹了頁面交互設計原則，以及手機交互設計原則?？傊畞碚f交互設計要從用戶體驗出發(fā)，在設計之前要考慮到，怎樣的交互才能讓用戶更加方便，同時也能讓用戶更加明白。設計頁面交互需要去分析行業(yè)很用戶特點，切記完全根據(jù)自己的主管意愿來，這樣就有可能脫離實際的用戶需求了。
創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設計、網(wǎng)站建設與策劃設計,牟定網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設十多年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:牟定等地區(qū)。牟定做網(wǎng)站價格咨詢:18982081108
大部分頁面會涉及到交互，交互簡單說就是需要用戶去點擊的，點擊后才進入到下一步，因此交互會直接影響到用戶體驗。那么具體頁面交互設計需要注意什么問題呢？本文就給大家介紹下頁面交互設計原則，以及手機交互設計原則。
一、頁面交互設計原則
1、同理心
所謂的同理心通俗說法就是換位思考。設計師在設計產(chǎn)品時要能夠做到換位思考，體會用戶的立場和感受，并站在用戶的角度思考和處理問題，把自己置身于相關(guān)的用戶場景中，理解用戶的行為特點和行為差異。
同理心
加強調(diào)設計師的同理心、換位思考能力，要求設計師在平時多注意積累用戶經(jīng)驗，熟練的使用自己的產(chǎn)品，模擬用戶進行相關(guān)操作，也會經(jīng)常讓設計師走出去把用戶請進來等各個渠道和用戶研究的手段讓設計師可以全方位深入的了解用戶需求。使得我們的設計師可以很客觀、深入和全面的了解用戶以及相關(guān)需求，也就避免了依賴自身經(jīng)驗和主觀臆斷的閉門造車。
2、簡潔就好
簡潔不等于簡單，淚雪之前的一些文章也就簡單的提及，它是在設計師深刻理解用戶需求的基礎上，根據(jù)用戶的操作行為、信息架構(gòu)等因素深思熟慮后的用戶交互界面，界面不是產(chǎn)品功能的簡單 “堆砌”和界面信息的雜亂“擺放”；是一個滿足了用戶特定需求、具有流暢操作、賞心悅目的界面。
簡潔就是好的，本質(zhì)上是讓設計師了解一般用戶在單個頁面只會有一個主任務和主流程，因此不要用其它次要因素或是繁復的視覺元素來打擾他的視覺注意力，干擾他的判斷，越簡潔，用戶的使用感受越佳，這樣對于用戶體驗來說就是好的。
3、把決定權(quán)還給用戶
要讓用戶知道產(chǎn)品的決定權(quán)是在用戶自己手中的，不要和用戶搶奪控制權(quán)，要謹慎的幫助用戶做一些決定，很多時候還是要讓用戶自己進行判斷，并進行操作。
把決定權(quán)還給用戶，是體現(xiàn)了對用戶的尊重，讓用戶知道產(chǎn)品是掌握在用戶自己手中，產(chǎn)品只是輔助用戶完成他之前設定需要完成的目標或任務，只有這樣才是給用戶帶來尊重感、安全感，給產(chǎn)品帶來很好的使用體驗。
4、幫助用戶做一些事情
在用戶在使用網(wǎng)站的時候，很多地方我們是可以幫助用戶完成一些事情，這個就可以讓用戶更省心更有效率的完成他需要帶到目標?；ヂ?lián)網(wǎng)用戶相對于傳統(tǒng)行業(yè)的用戶來說，網(wǎng)站更容易收集用戶的相關(guān)數(shù)據(jù)和用戶使用網(wǎng)站的行為軌跡。這樣就有助于我們了解用戶，幫助用戶做一些事情。但幫助用戶必須有個度，不能過多也不能太少。
5、用戶也在不斷的成長
我們的用戶的使用經(jīng)驗也會隨著互聯(lián)網(wǎng)行業(yè)和網(wǎng)站的發(fā)展而發(fā)展，用戶的經(jīng)驗也是在不斷的積累中，也在不斷的接受的新的事物和新的交互方式。所以不要用靜止的眼光看待用戶，不要把用戶想的太笨，也不要把用戶想的太聰明。
同樣也不要把用戶想的很專業(yè)很聰明，網(wǎng)頁技術(shù)人員通常對網(wǎng)頁代碼、服務器等技術(shù)問題非常熟悉，所以也想當然的認為用戶也是同樣知道這些技術(shù)。當用戶輸入了錯誤的網(wǎng)站時，頁面會顯示404頁面，這個對于普通用戶來說就會很困惑，用戶不知道這個代表了什么錯誤，這個又意味著什么。會猜測是不是網(wǎng)絡故障，是不是頁面出現(xiàn)問題。這時如果我們把“404”錯誤，換成“該頁面不存在”等說明，用戶就可以清晰的明白出現(xiàn)了什么問題。這樣實例充分說明了不好把用戶想的太聰明，都是互聯(lián)網(wǎng)資深用戶。
二、手機交互設計原則
1、手機屏幕尺寸分為物理尺寸和顯示分辨率
NOKIA，N78的物理尺寸為2.4英寸，顯示分辨率為240*320像素；HTC T7278的物理尺寸為2.8英寸，顯示分辨率為480*640像素。兩款手機顯示精度不同，同樣100*100像素大小的圖片在這兩款手機上看到的效果也不同，同樣大小的圖片在HTC T7278看起來要比NOKIA N78小的多。
分辨率種類（不完全統(tǒng)計）：
一款軟件適配所有分辨率的手機難度較大，勢必需要先挑選主流分辨率進行設計，在此基礎上適配其他分辨率的手機。鑒于2010年QVGA(240*320)屏幕的市場占有率將達到70%，可將QVGA的手機當成主要的設計對象。
大多數(shù)情況下瀏覽者看電腦屏幕時都不由自主的以“Ｆ”形狀的模式閱讀網(wǎng)頁，而手機屏幕很小，顯示能力有限，屏幕上內(nèi)容盡收眼底，閱讀文字時自上而下，因而信息的重要性也是從上到下依次排列。
2、“F”形狀的模式閱讀
手機屏幕的顯示能力有限，使用物理按鍵時，無法向電腦或者觸摸屏那些跳躍式操作，必須依次切換控件的焦點，例如手機界面中的翻頁程序，用戶使用最多的就是“下一頁”，將“下一頁”放置為第一個控件便于用戶操作。
界面簡潔的途徑：
簡潔要求文字描述簡練，但也要充分利用手機屏幕上僅有的顯示空間。例如iPhone的搜索欄，搜索框用于內(nèi)容搜索，點擊之后會顯示虛擬鍵盤，除了左邊默認的搜索圖標之外，搜索欄還包含其他元素。
當完成一個任務需要多步操作時，可將任務進行拆分成多個子任務，每個界面完成一個子任務。如邏輯清晰并保證用戶操作的流暢性，可適當?shù)卦黾禹撁嫣D(zhuǎn)次數(shù)和點擊的次數(shù)。如使用e指通客戶端購買電影票的任務有：查詢電影→選擇放映場次→選座→確定訂單→支付。
關(guān)于頁面交互設計的問題，本文重點介紹了頁面交互設計原則，以及手機交互設計原則?？傊畞碚f交互設計要從用戶體驗出發(fā)，在設計之前要考慮到，怎樣的交互才能讓用戶更加方便，同時也能讓用戶更加明白。設計頁面交互需要去分析行業(yè)很用戶特點，切記完全根據(jù)自己的主管意愿來，這樣就有可能脫離實際的用戶需求了。
相關(guān)知識點
網(wǎng)頁設計：網(wǎng)頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據(jù)企業(yè)希望向瀏覽者傳遞的信息（包括產(chǎn)品、服務、理念、文化），進行網(wǎng)站功能策劃，然后進行的頁面設計美化工作。作為企業(yè)對外宣傳物料的其中一種，精美的網(wǎng)頁設計，對于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。