大多數(shù)頁面都涉及到交互。簡單地說，交互需要用戶點(diǎn)擊，然后進(jìn)入下一步，因此交互將直接影響用戶體驗(yàn)。那么，在特定的頁面交互設(shè)計(jì)中應(yīng)該注意什么呢？本文將介紹頁面交互設(shè)計(jì)原則和移動(dòng)交互設(shè)計(jì)原則。

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

　　1.簡潔就好

　　簡單不等于簡單，淚雪之前的一些文章簡單提到，它是基于設(shè)計(jì)師對(duì)用戶需求的深刻理解，根據(jù)用戶的操作行為.經(jīng)過深思熟慮，信息架構(gòu)等因素的用戶交互界面不是簡單的產(chǎn)品功能“堆砌”以及界面信息的混亂“擺放”；是滿足用戶特定需求的一種.操作流暢.賞心悅目的界面。

　　簡單是好的，本質(zhì)上是讓設(shè)計(jì)師知道一般用戶只有一個(gè)主要任務(wù)和主要過程，所以不要使用其他次要因素或復(fù)雜的視覺元素來干擾他的視覺注意力，干擾他的判斷，越簡單，用戶體驗(yàn)越好，對(duì)用戶體驗(yàn)很好。

　　2.同理心

　　所謂地說，同理心就是同理心。設(shè)計(jì)師在設(shè)計(jì)產(chǎn)品時(shí)，要能夠同理心，體驗(yàn)用戶的立場(chǎng)和感受，從用戶的角度思考和處理問題，把自己置于相關(guān)的用戶場(chǎng)景中，了解用戶的行為特征和差異。

　　同理心

　　強(qiáng)調(diào)設(shè)計(jì)師的同理心.換位思維能力要求設(shè)計(jì)師更加注重用戶體驗(yàn)的積累，熟練使用自己的產(chǎn)品，模擬用戶的相關(guān)操作，經(jīng)常讓設(shè)計(jì)師出去邀請(qǐng)用戶等渠道和用戶研究手段，讓設(shè)計(jì)師全面深入了解用戶需求。讓我們的設(shè)計(jì)師非常客觀.對(duì)用戶及相關(guān)需求有深入全面的了解，避免了依靠自身經(jīng)驗(yàn)和主觀門造車。

　　3.幫助用戶做一些事情

　　當(dāng)用戶使用網(wǎng)站時(shí)，我們可以在很多地方幫助用戶完成一些事情，這可以讓用戶更擔(dān)心，更有效地實(shí)現(xiàn)他們需要帶來的目標(biāo)。與傳統(tǒng)行業(yè)的用戶相比，網(wǎng)站更容易收集用戶的相關(guān)數(shù)據(jù)和用戶使用網(wǎng)站的行為軌跡。這將幫助我們了解用戶，并幫助他們做一些事情。但是幫助用戶必須有一定的程度，不能太多或太少。

　　4.將決定權(quán)還給用戶

　　讓用戶知道產(chǎn)品的決策權(quán)掌握在用戶自己手中，不要與用戶爭奪控制權(quán)，小心幫助用戶做出一些決定，大多數(shù)時(shí)候或讓用戶判斷和操作。

　　將決策權(quán)返還給用戶反映了對(duì)用戶的尊重，讓用戶知道產(chǎn)品掌握在用戶手中，產(chǎn)品只是幫助用戶完成他之前設(shè)定的目標(biāo)或任務(wù)，只有這樣才能給用戶帶來尊重.安全感，給產(chǎn)品帶來良好的使用體驗(yàn)。

　　5.用戶也在不斷增長

　　隨著互聯(lián)網(wǎng)體驗(yàn)也將隨著互聯(lián)網(wǎng)行業(yè)和網(wǎng)站的發(fā)展而發(fā)展，用戶體驗(yàn)也在不斷積累，但也不斷接受新事物和新的互動(dòng)方式。所以不要靜止地看待用戶，不要認(rèn)為用戶太愚蠢，也不要認(rèn)為用戶太聰明。

　　同樣，也不要認(rèn)為用戶非常專業(yè)和聰明。網(wǎng)頁技術(shù)人員通常認(rèn)為網(wǎng)頁代碼.服務(wù)器和其他技術(shù)問題非常熟悉，所以理所當(dāng)然地認(rèn)為用戶也知道這些技術(shù)。當(dāng)用戶輸入錯(cuò)誤的網(wǎng)站時(shí)，頁面將顯示404頁，這對(duì)普通用戶非常困惑，用戶不知道這代表了什么錯(cuò)誤，這意味著什么。你會(huì)猜測(cè)網(wǎng)絡(luò)是否有故障，頁面是否有問題。如果我們這樣做，“404”錯(cuò)誤，換成“頁面不存在”解釋后，用戶可以清楚地理解出現(xiàn)了什么問題。這樣的例子充分說明用戶不容易想得太聰明，都是互聯(lián)網(wǎng)資深用戶。

　　二.移動(dòng)交互設(shè)計(jì)原則

　　1.移動(dòng)屏幕尺寸分為物理尺寸和顯示分辨率

　　NOKIA，N78的物理尺寸為2.顯示分辨率為240英寸*320像素；HTCT7278的物理尺寸為2.顯示分辨率為480英寸*640像素*這兩款移動(dòng)上看到100像素大小的圖片效果也不一樣，同樣大小的圖片在這兩款移動(dòng)上看到的效果也不一樣，HTCT7278看起來要比NOKIAN78小的多。

　　分辨率類型(不完全統(tǒng)計(jì)):

　　軟件很難適應(yīng)所有分辨率的移動(dòng)，因此必須首先選擇主流分辨率進(jìn)行設(shè)計(jì)，并在此基礎(chǔ)上適應(yīng)其他分辨率的移動(dòng)。鑒于2010年QVGA(240*320)屏幕的市場(chǎng)份額將達(dá)到70%，可以QVGA移動(dòng)作為主要設(shè)計(jì)對(duì)象。

　　在大多數(shù)情況下，當(dāng)瀏覽者看電腦屏幕時(shí)，他們會(huì)情不自禁地它“Ｆ”形狀模式閱讀網(wǎng)頁，移動(dòng)屏幕很小，顯示能力有限，屏幕內(nèi)容全景，自上而下閱讀文本，信息的重要性也從上到下排列。

　　2.“F”模型閱讀

　　移動(dòng)屏幕的顯示能力有限。使用物理按鈕時(shí)，無法跳轉(zhuǎn)到電腦或觸摸屏。必須依次切換控制器的焦點(diǎn)，如移動(dòng)界面中的翻頁程序。用戶使用最多的是“下一頁”，將“下一頁”放置為第一個(gè)控件，方便用戶操作。

　　界面簡潔方式：

　　簡潔要求簡潔，但也要充分利用移動(dòng)屏幕上唯一的顯示空間。iPhone搜索欄，搜索框用于內(nèi)容搜索，點(diǎn)擊后顯示虛擬鍵盤，除了左邊默認(rèn)的搜索圖標(biāo)外，搜索欄還包含其他元素。

　　當(dāng)一個(gè)任務(wù)需要多步操作時(shí)，任務(wù)可以分為多個(gè)子任務(wù)，每個(gè)界面可以完成一個(gè)子任務(wù)。如果邏輯清晰，用戶操作流暢，可以適當(dāng)增加頁面跳轉(zhuǎn)次數(shù)和點(diǎn)擊次數(shù)。如果使用電子指向客戶端購買電影票，任務(wù)包括:查詢電影→選擇放映次數(shù)→選座→確定訂單→支付。

　　關(guān)于頁面交互設(shè)計(jì)，本文重點(diǎn)介紹了頁面交互設(shè)計(jì)原則和移動(dòng)交互設(shè)計(jì)原則。簡而言之，交互設(shè)計(jì)應(yīng)該從用戶體驗(yàn)開始。在設(shè)計(jì)之前，我們應(yīng)該考慮什么樣的交互可以讓用戶更方便，也可以讓用戶更理解。設(shè)計(jì)頁面交互需要分析行業(yè)非常用戶的特點(diǎn)，記住完全根據(jù)主管的意愿，這樣就有可能脫離實(shí)際的用戶需求。