互聯(lián)網(wǎng)產(chǎn)品跨屏設計的差異化論文
通訊技術(shù)的發(fā)展帶來(lái)了無(wú)線(xiàn)通訊技術(shù)的迅速崛起，3G甚至4G通訊網(wǎng)絡(luò )的出現使智能手機和平板電腦等移動(dòng)設備己經(jīng)成為人們上網(wǎng)的首選硬件。智能手機和平板電腦之所以吸引用戶(hù)，其核心優(yōu)勢在于方便攜帶，可隨時(shí)隨地享受移動(dòng)Web及各類(lèi)移動(dòng)應用產(chǎn)品的服務(wù)，充分滿(mǎn)足了人們利用碎片化時(shí)間的需求。智能手機和平板電腦與傳統的桌面設備有著(zhù)巨大的差異，使得傳統互聯(lián)網(wǎng)用戶(hù)所習慣的信息讀取方式和交互方式發(fā)生了巨大的改變，這些改變的產(chǎn)生首先來(lái)源于用戶(hù)的使用場(chǎng)景和情境的不同，這也使得互聯(lián)網(wǎng)產(chǎn)品設計從單一的桌面設計時(shí)代進(jìn)入了跨屏設計時(shí)代。對于互聯(lián)網(wǎng)產(chǎn)品的設計開(kāi)發(fā)團隊而言，跨屏設計帶來(lái)了更多的挑戰。要想使跨屏設計的產(chǎn)品能夠保證在任何尺寸的屏幕中的可訪(fǎng)問(wèn)性及可用性，實(shí)現良好的用戶(hù)體驗，設計者必須首先了解不同屏幕之間的差異性，才能根據這些差異設計出符合用戶(hù)需求的產(chǎn)品。
一、使用場(chǎng)景的差異化
根據百度發(fā)布的報告顯示，移動(dòng)互聯(lián)網(wǎng)用戶(hù)和桌面互聯(lián)網(wǎng)用戶(hù)在上網(wǎng)時(shí)間上有較大的區別。早上7點(diǎn)至10點(diǎn)、晚上9點(diǎn)至12點(diǎn)使用移動(dòng)互聯(lián)網(wǎng)的用戶(hù)要明顯高于桌面互聯(lián)網(wǎng)，移動(dòng)互聯(lián)網(wǎng)用戶(hù)使用高峰期出現在晚上10點(diǎn)，而桌面互聯(lián)網(wǎng)用戶(hù)使用高峰期出現在晚上8點(diǎn)。用戶(hù)使用桌面端設備使用互聯(lián)網(wǎng)產(chǎn)品通常是在室內固定場(chǎng)所，環(huán)境相對安靜和穩定，使用的目的多數是工作或學(xué)習。而移動(dòng)端產(chǎn)品的使用場(chǎng)景則呈現明顯的移動(dòng)化和多樣化，比如乘坐地鐵、公交車(chē)時(shí)，走路時(shí)，等餐時(shí)，健身時(shí)，睡前等各種場(chǎng)景，這都屬于用戶(hù)日常工作、學(xué)習之余的碎片時(shí)間;另外一個(gè)常見(jiàn)的但是往往被忽視的場(chǎng)景，就是用戶(hù)身處穩定的環(huán)境中，但因為沒(méi)有條件或懶于打開(kāi)臺式機或筆記本，所以使用移動(dòng)設備代替執行。
桌面設備是工作化的，大多用于完成工作學(xué)習上的任務(wù)。智能手機是個(gè)人化的，大多用于執行微型任務(wù)，主要目的是獲取網(wǎng)上提供的信息，實(shí)現娛樂(lè )和社交分享等。平板電腦是共享的，他們被認為是一個(gè)備用的筆記本電腦，主要用于內容消費。所以，設計者要清楚設備最適宜的使用場(chǎng)景，以針對這些場(chǎng)景中的用戶(hù)習慣進(jìn)行相應的設計。
二、交互方式的差異化
桌面設備的操作方式通常是使用鼠標、鍵盤(pán)進(jìn)行交互的控制，也可通過(guò)其他外接設備如手繪板等實(shí)現對軟件系統及屏幕對象的操控。這種通過(guò)鼠標、鍵盤(pán)的操作，精準度高，鼠標指針可以到達屏幕的任何一個(gè)部分，基本不會(huì )擋住造作對象;懸停時(shí)可以顯示隱藏的對象，并幫助確認目標;同一時(shí)間只支持單一輸入點(diǎn);可通過(guò)鼠標形態(tài)的變化暗示操作進(jìn)程。移動(dòng)設備的交互方式要豐富許多，最常用的是手指通過(guò)點(diǎn)擊、滑動(dòng)、收縮和旋轉等手勢對觸摸屏上的對象進(jìn)行直接的操作，還可以通過(guò)語(yǔ)音的方式實(shí)現交互，或是利用移動(dòng)設備本身的其他硬件功能，如重力感應器、溫度感應器、加速度感應器、光線(xiàn)感應器、壓力傳感器等實(shí)現交互。移動(dòng)設備的交互控制相比較桌面設備來(lái)說(shuō)，支持手勢操作，支持多點(diǎn)輸入，但精準度會(huì )差一些，容易產(chǎn)生誤操作;設備在單手操作的情況下，屏幕上的某些區域很難觸摸得到，手指或手可能會(huì )擋住操作對象;另外移動(dòng)設備的交互沒(méi)有懸停狀態(tài)。
用戶(hù)在使用桌面設備時(shí)，由于鼠標箭頭能夠點(diǎn)擊的區域可以很小且相對精確，因此在操作方面的約束較少，可以完成精確性很高的交互任務(wù)。用戶(hù)在使用手機時(shí)，多數情境下是豎屏狀態(tài)下的操作，使用單手握住機器底部，使用同一只手或另一只手的拇指進(jìn)行操作;而用戶(hù)使用平板電腦時(shí)，多以橫屏狀態(tài)下的操作居多，瀏覽或觀(guān)看時(shí)一般是雙手握住機器中部或稍偏下一點(diǎn)的位置，有交互行為時(shí)則會(huì )變?yōu)橐恢皇治兆≡O備中部，另一只手操作。
三、屏幕容量的差異化
屏幕容量主要是指屏幕尺寸。桌面設備的屏幕尺寸通常大于13英寸，移動(dòng)端設備常見(jiàn)的屏幕尺寸為2. 8~10. 1英寸，尺寸的不同帶來(lái)了差異。PC端產(chǎn)品的信息容量大，信息布局相對靈活，可以采用多欄的布局，導航的方式也更加豐富。而移動(dòng)端產(chǎn)品，尤其手機端產(chǎn)品信息容量小，在設計時(shí)除了需要提供清晰的導航、操作邏輯和引導來(lái)幫助用戶(hù)了解當前在哪兒，以及接下來(lái)該干什么，還應該考慮到控件之間的相互干擾。
移動(dòng)端設備內置的感應器可以根據設備的定向方式來(lái)決定屏幕的顯示模式，如優(yōu)酷手機客戶(hù)端軟件在豎屏模式中，視頻窗口較小，但相關(guān)輔助信息比較豐富;而在橫屏模式下，視頻展開(kāi)為全屏，并向用戶(hù)提供了更加全面的播放控制功能。
另外，與移動(dòng)應用啟動(dòng)后獨占整個(gè)屏幕不一樣，多數桌面客戶(hù)端產(chǎn)品啟動(dòng)后會(huì )以窗口的形式顯示在屏幕上。當窗口的尺寸調整時(shí)，需要考慮到窗口尺寸的變化對產(chǎn)品的影響，應根據實(shí)際情況決定是否對窗口內的信息內容做自適應處理，或限定窗口的'最小尺寸。
四、信息組織的差異化
對于傳統的桌面端產(chǎn)品，用戶(hù)使用時(shí)的專(zhuān)注度比較高，同時(shí)屏幕容量大，交互操作容易，因此PC端產(chǎn)品的信息組織比較靈活，可以針對產(chǎn)品本身的規模呈現寬而深或窄而深等的層級關(guān)系樣式。而移動(dòng)端互聯(lián)網(wǎng)產(chǎn)品受到移動(dòng)設備屏幕容量的限制，在信息的展示方式上會(huì )針對功能和用戶(hù)需求進(jìn)行細化和簡(jiǎn)化。同時(shí)，用戶(hù)需要通過(guò)更多的頁(yè)面之間的跳轉來(lái)實(shí)現信息的獲取，而跳轉的速度又受限于設備本身的性能。因此，移動(dòng)端產(chǎn)品的信息組織與設計更加重視提高單頁(yè)信息傳輸能力，盡量減少跨頁(yè)信息傳遞，通過(guò)壓縮或拉寬信息組織結構來(lái)避免因反復切換頁(yè)面而造成的用戶(hù)流失。因此，在信息的層級組織上，通常會(huì )呈現出寬而淺或窄而淺的層級樣式。
五、導航系統的差異化
(一)導航內容的差異化
導航系統關(guān)注的是如何瀏覽信息。導航的作用是告知用戶(hù)當前位置，怎么返回原來(lái)的地方，用戶(hù)還可以去哪里，下一步打算去哪里，怎么去，附近還有什么地方等，目的就是讓用戶(hù)很清晰明確地瀏覽信息。
在產(chǎn)品從桌面端向移動(dòng)化設計的過(guò)程中，要對原導航進(jìn)行一定的刪減、隱藏、組織，以更好地適合移動(dòng)端屏幕特性，特別要把握目標用戶(hù)的本質(zhì)需求，結合產(chǎn)品的使用場(chǎng)景、用戶(hù)的使用習慣以及軟硬件特性等進(jìn)行導航的再設計。比如，亞馬遜移動(dòng)版導航的設計進(jìn)行了重新的組織規劃，并很好地應用了Mille:法則，將PC版的分類(lèi)導航項目“電子和計算機”分解為“電子類(lèi)”與“計算機和辦公”兩個(gè)類(lèi)，每個(gè)類(lèi)里的內容不超過(guò)7項，這是一個(gè)逐步精簡(jiǎn)和重新規劃的過(guò)程。
桌面端產(chǎn)品的設計考慮的是如何將操作展示給用戶(hù)，而移動(dòng)端產(chǎn)品的設計更多考慮的是如何將操作巧妙地隱藏起來(lái)。這種隱藏實(shí)際上是對核心功能的一種突出，即在導航內容等級相同或者相近的情況下，顯示相對重要的內容，而把其他內容隱藏到“更多”中，用戶(hù)可以點(diǎn)擊“更多”后，在當前頁(yè)展開(kāi)或者是跳轉到新頁(yè)面，這是常見(jiàn)的處理方式。
(二)導航樣式的差異化
根據外在形式的不同，桌面端互聯(lián)網(wǎng)產(chǎn)品導航又可分為頂部橫向導航、側邊欄導航、Tab標簽導航、面包屑導航、頁(yè)內錨點(diǎn)導航等多種形式。由于移動(dòng)終端特性，移動(dòng)互聯(lián)網(wǎng)產(chǎn)品可以采用的導航主要有縱向導航、分類(lèi)鏈接導航、Tab標簽導航等。
頂部橫向導航在桌面端產(chǎn)品上一般會(huì )貫穿產(chǎn)品的所有頁(yè)面，而移動(dòng)端產(chǎn)品上的全局導航并不一定每個(gè)頁(yè)面都有。而且因為移動(dòng)端屏幕尺寸的原因和手機交互行為的影響，以縱向導航為主。另外，移動(dòng)端產(chǎn)品上的全局導航經(jīng)常會(huì )把導航上內容分類(lèi)做成ICON，以符合用戶(hù)手指交互的需求，以增強交互體驗。
面包屑導航是桌面端互聯(lián)網(wǎng)產(chǎn)品必備的導航之一。它可以讓用戶(hù)明確了解自己所處的位置，引導用戶(hù)通行以及了解當前頁(yè)在整個(gè)產(chǎn)品系統中的位置，提高用戶(hù)體驗，并能很好地幫助用戶(hù)快速學(xué)習和了解產(chǎn)品內容和組織方式。因此，面包屑導航在移動(dòng)Web中的使用頻率也比較多，但由于移動(dòng)端屏幕橫向寬度較小，所以通常會(huì )保留關(guān)鍵的路徑，例如首頁(yè)、欄目等，從而使面包屑導航在一行之內完整顯示。
移動(dòng)設備特有的交互屬性也會(huì )產(chǎn)生完全不同于桌面端產(chǎn)品的導航樣式，如抽屜式導航，這種導航方式在移動(dòng)應用產(chǎn)品中的使用相當廣泛。抽屜式導航模式一般采用將導航主體隱藏在移動(dòng)應用側邊的方式，通過(guò)按鈕來(lái)呼出導航，在使用完成之后再使用相同的按鈕隱藏起來(lái)。根據不完全的考證，這種導航方式始于Facebook，不久Gmail, Path等應用都采用了這種導航模式，目前國內也有很多產(chǎn)品使用了抽屜式導航，如網(wǎng)易新聞、Weico新浪的微博客戶(hù)端等產(chǎn)品。
六、總結
由于交互媒介由原來(lái)的鼠標、鍵盤(pán)變成了用戶(hù)的手指，使得桌面端和移動(dòng)端互聯(lián)網(wǎng)產(chǎn)品的差異化是比較明顯的。設計師在進(jìn)行移動(dòng)設備軟件系統的設計時(shí)勢必會(huì )遇到很多不同于傳統桌面設備的問(wèn)題。比如，當用戶(hù)在進(jìn)行操作時(shí)，界面的一部分必然會(huì )被手指遮擋住，所以要盡量保證控制元件的布局不會(huì )干擾到實(shí)際內容。還有很多同樣的問(wèn)題，基本可以歸納為“舒適度”與“可視性”這兩點(diǎn)。正是緣于此，很多的手機端應用會(huì )將主要控制元件或導航放在屏幕底部，而這與傳統Web設計的習慣正好相反。另外，移動(dòng)設備的硬件特點(diǎn)使其擁有更多傳統計算機所不具備的功能，譬如GPS、內置麥克風(fēng)及攝像頭、觸控、陀螺儀、重力感應器、羅盤(pán)等，基于這些功能打造的不同類(lèi)型的客戶(hù)端應用，它們所對應的使用場(chǎng)景也各有不同。在多數情況下，無(wú)論移動(dòng)應用還是移動(dòng)端Web，它們都應該與桌面版的網(wǎng)站及產(chǎn)品具有相似的內容與功能，展現相同的品牌DNA。當然，不同終端的產(chǎn)品基于設備自身的特點(diǎn)自然會(huì )產(chǎn)生差異化，如交互方式等方面會(huì )有很大的不同，但在內容呈現方面則盡可能保持一致。同時(shí)，基于移動(dòng)終端的硬件特點(diǎn)，移動(dòng)應用在功能設計方面會(huì )更加豐富。如著(zhù)名的電子商務(wù)網(wǎng)站亞馬遜的移動(dòng)客戶(hù)端還具有條碼掃描功能，正是充分利用移動(dòng)設備特有功能的典型案例。因此，當互聯(lián)網(wǎng)產(chǎn)品從桌面端移植到移動(dòng)端的時(shí)候，除了應具備相似的內容與功能，展現相同的品牌DNA，還要考慮他們之間的差異化，根據使用場(chǎng)景、操作方式、導航系統、信息架構和屏幕容量等的不同，制定相應的原則和設計方法，為互聯(lián)網(wǎng)產(chǎn)品成功的移植做好準備。
【互聯(lián)網(wǎng)產(chǎn)品跨屏設計的差異化論文】相關(guān)文章：
互聯(lián)網(wǎng)產(chǎn)品設計探討論文11-09
粉絲參與性的互聯(lián)網(wǎng)產(chǎn)品設計研究論文10-24
互聯(lián)網(wǎng)產(chǎn)品的用戶(hù)體驗論文05-01
差異化戰略在農產(chǎn)品國際營(yíng)銷(xiāo)中的運用的論文04-11
造型設計課程差異化創(chuàng )作思維的培養論文11-21
數碼產(chǎn)品的設計論文04-08
“互聯(lián)網(wǎng)+”與服飾產(chǎn)品設計人才培養探討論文11-21
跨流域調水論文05-24