如今智能手機發(fā)展迅速已深深地影響著(zhù)人們的生活, 而且觸屏手機給人更新奇的體驗。智能手機給人們帶來(lái)方便的同時(shí)也存在著(zhù)一些不足, 手機具有本身的局限性, 如屏幕小, 輸入的效率限制, 網(wǎng)絡(luò )傳輸速度慢等。在很小的范圍中提煉有意義的信息, 提高獲取信息的效率是手機平臺設計的目標。
1 用戶(hù)體驗與智能手機的關(guān)系
許多國內外的研究學(xué)者大多是從心理層面闡述體驗的含義, 體驗經(jīng)濟學(xué)家派恩認為體驗就是指人們以自己的方式在一段時(shí)間中獲得的一系列可回憶的事件。唐納德·諾曼在《情感化設計》中的觀(guān)點(diǎn), 體驗分為感官的、行為的和反思的3個(gè)層次, 用戶(hù)對一個(gè)產(chǎn)品的體驗是遞進(jìn)的, 首先是感官, 其次是行為, 最后是反思[1]。隨著(zhù)智能手機技術(shù)的發(fā)展, 人們對于網(wǎng)站的要求也在逐漸提高, 在感官層次上滿(mǎn)足使用者的操作舒適感, 在操作的過(guò)程中富有啟發(fā)性, 使用的過(guò)程是令人愉快的, 而且在操作后給人以成就感。
智能手機是能夠進(jìn)行復雜的信息處理, 支持開(kāi)放式的嵌入式操作系統以及第三方應用軟件的手機。其最大的特點(diǎn)就是直接操作, 免去按鍵的間接操作。全觸屏是智能手機的主要發(fā)展方向, 其網(wǎng)站界面設計與普通手機上的網(wǎng)站界面又有很大的區別, 直接操作是智能觸屏手機的特點(diǎn), 即不需要按鍵的操作, 只需手指的直接點(diǎn)擊就可以打開(kāi)頁(yè)面。直接操作使得網(wǎng)站界面設計需要考慮到人的手指、使用環(huán)境等因素的影響。
2 智能手機網(wǎng)站界面設計影響因素
2.1 用戶(hù)因素
智能手機網(wǎng)站界面設計首先應該分析用戶(hù)的特征, 充分了解目標用戶(hù)群體, 包括性別、年齡、文化程度、生活習慣、工作方式、使用動(dòng)機、個(gè)性特征等。對于不同的年齡段的人使用智能手機會(huì )有很大差異性, 年輕人對于新鮮事物的學(xué)習能力比較快, 對智能手機的操作會(huì )很快熟悉, 手指的操作靈活度也可以適應小屏幕的點(diǎn)擊要求。但是對于年紀比較大的用戶(hù), 智能手機的操作就會(huì )變得比較復雜, 由于生理狀況的限制, 其手指靈活度、視力等都會(huì )有所降低, 因此在使用智能手機上網(wǎng)的過(guò)程中會(huì )出現很多誤操作。
2.2 環(huán)境因素
手機的使用環(huán)境局限性很小, 可以是在辦公場(chǎng)所, 也可以是在公共場(chǎng)所, 幾乎包括所有環(huán)境。但是在嘈雜環(huán)境中容易受到影響, 用戶(hù)在一個(gè)環(huán)境中進(jìn)入另一個(gè)環(huán)境, 需要對新環(huán)境的關(guān)注使得對手機的內容會(huì )有忽略, 導致對手機任務(wù)的中斷。由于這些因素, 網(wǎng)站界面設計需要考慮用戶(hù)所處的環(huán)境, 平衡網(wǎng)站的功能與用戶(hù)的需求。在不同的環(huán)境中使用智能手機還需要考慮到隱私, 例如在擁擠的地鐵中使用手機就會(huì )擔心自己的隱私會(huì )被別人看到。并且在這樣的環(huán)境中往往是單手操作, 單手操作時(shí)用拇指點(diǎn)擊, 點(diǎn)擊的精度就會(huì )隨之降低。
2.3 技術(shù)因素
大屏幕、多點(diǎn)觸摸以及操作的流暢性成為智能手機的設計發(fā)展趨勢, 手機屏幕的材質(zhì)、尺寸、性能以及操作系統平臺的性能影響著(zhù)智能手機的體驗。智能手機的屏幕雖然有逐漸變大的趨勢, 但是相對于電腦屏幕來(lái)說(shuō)還是相差很大。
3G寬帶上網(wǎng)技術(shù)是智能手機的重要特征, 相對于目前的WAP, GPRS和CDMAx1, 它的特點(diǎn)是速度快、資費低和掉線(xiàn)率低。隨著(zhù)移動(dòng)網(wǎng)絡(luò )技術(shù)如基于XML的網(wǎng)絡(luò )瀏覽技術(shù)的成熟, 傳統互聯(lián)網(wǎng)和移動(dòng)互聯(lián)網(wǎng)會(huì )進(jìn)一步融合, 將會(huì )有更多用戶(hù)用手機上網(wǎng)?？焖俚纳暇W(wǎng)速度提高了網(wǎng)頁(yè)的訪(fǎng)問(wèn)效率, 從而給用戶(hù)更佳的上網(wǎng)體驗。內置感應器的使用使得娛樂(lè )更加具有樂(lè )趣, 重力加速度感應器改變了以往的操作方式, 使得游戲更加刺激有趣, 給人以新的體驗。
2.4 網(wǎng)站類(lèi)型因素
不同類(lèi)型的網(wǎng)站其內容安排會(huì )出現很大差異, 按照網(wǎng)站的功能來(lái)劃分, 可把網(wǎng)站歸結為4類(lèi):展示型、內容型、電子商務(wù)型、門(mén)戶(hù)型。由于網(wǎng)站功能的不同, 其色彩運用以及頁(yè)面布局會(huì )隨之變化。門(mén)戶(hù)網(wǎng)站由于內容較多, 各項分類(lèi)導航是非常重要的, 用戶(hù)在進(jìn)入網(wǎng)站后需要根據頁(yè)面導航在不同層級中往返。社交網(wǎng)站則注重好友發(fā)布的信息, 在首頁(yè)還需要提供關(guān)于個(gè)人信息的提示, 例如好友回復、新鮮事發(fā)布等, 購物網(wǎng)站需要很方便的找到生活用品的分類(lèi), 在用戶(hù)進(jìn)入其他頁(yè)面后需要提供回到主頁(yè)的快捷入口等。
3 智能手機網(wǎng)站界面設計的目標
3.1 信息傳遞的效率
由于小屏幕的限制, 對于信息的傳達有著(zhù)更高的要求, 如果用戶(hù)沒(méi)有在預期的時(shí)間內找到自己想要的信息就會(huì )產(chǎn)生挫折感。用戶(hù)在篩選信息的過(guò)程中會(huì )放棄繁雜的操作程序, 避免產(chǎn)生情緒上的煩躁。界面設計不合理會(huì )造成用戶(hù)篩選信息困難, 造成資源的浪費。針對小屏幕的特點(diǎn), 最快捷、簡(jiǎn)潔、優(yōu)化是智能手機網(wǎng)站界面設計的指導原則。友好的界面設計應該讓用戶(hù)感到易用、好用。易用的手機網(wǎng)站須遵循“少即是多”的設計原則, 簡(jiǎn)便的交互設計, 清晰準確的提示或反饋, 從簡(jiǎn)潔中體現優(yōu)雅, 充分地滿(mǎn)足用戶(hù)的需求。
良好的網(wǎng)站結構會(huì )對用戶(hù)的需求有預見(jiàn)性, 易于理解并有“預見(jiàn)性”的導航, 在手機網(wǎng)站中起著(zhù)重要的作用, 讓用戶(hù)知道自己所處的位置。使用合理的排版, 順暢地將信息傳達給用戶(hù), 連貫的不間斷的視線(xiàn)移動(dòng)閱讀會(huì )提高傳達信息的效率, 反之, 雜亂的信息會(huì )讓用戶(hù)不知所措, 無(wú)法更好地接收信息。
3.2 交互過(guò)程中的可用性
1) 經(jīng)驗與信息的提示。人對事物的認知首先應該具有一定的經(jīng)驗, 其次需要提供足夠的信息提示, 著(zhù)名網(wǎng)頁(yè)Web應用程序和應用軟件圖片交互心理學(xué)的設計專(zhuān)家斯蒂芬·P·安德森曾說(shuō)過(guò):“良好的交互設計關(guān)注人們所想, 所做以及所感”。人們在操作的過(guò)程中基本是靠外界的提示以及自己大腦中已經(jīng)掌握的信息, 如果新的操作方式比較復雜或者用戶(hù)沒(méi)有學(xué)習過(guò), 這樣就不會(huì )產(chǎn)生流暢的操作體驗。
2) 信息量與可操作性之間的平衡。智能觸屏手機幾乎全部是用手指觸摸進(jìn)行操作, 雖然屏幕比非觸屏手機大, 但是手指的精度也降低很多, 因此在一個(gè)頁(yè)面中既要顯示充足的內容, 又要防止用戶(hù)的誤操作, 保持良好的瀏覽體驗。用同一瀏覽器查看三大門(mén)戶(hù)網(wǎng)站, 界面會(huì )有比較大的區別。由于信息量大, 其鏈接的大小應符合人機尺寸, 用戶(hù)點(diǎn)擊不會(huì )產(chǎn)生誤操作, 也能獲得足夠的信息。
3) 操作的過(guò)程中的信息反饋。在用戶(hù)進(jìn)行操作后需要知道自己的操作是否達到了自己的目的, 提示用戶(hù)操作成功與否。智能觸屏手機的反饋具有多樣化, 視覺(jué)反饋、聽(tīng)覺(jué)反饋以及觸覺(jué)反饋都需要符合用戶(hù)的心智模型。不同的反饋還需要考慮到環(huán)境的影響, 在嘈雜的環(huán)境中視覺(jué)反饋和觸覺(jué)反饋會(huì )更適合。在打開(kāi)某個(gè)網(wǎng)頁(yè)時(shí), 需要用戶(hù)等待, 在等待的過(guò)程中需要提示用戶(hù)網(wǎng)站正在逐步打開(kāi), 需要遵守網(wǎng)站反饋的限時(shí)原則, 即用戶(hù)沒(méi)有必要對某些網(wǎng)站響應等待時(shí)間過(guò)長(cháng)。由于觸屏手機需要手指的點(diǎn)擊, 因此點(diǎn)擊區域應做合適的設計, 對誤點(diǎn)擊應讓用戶(hù)很方便的回到上頁(yè)。允許用戶(hù)出現錯誤, 并且在錯誤發(fā)生后給用戶(hù)提示, 引導用戶(hù)做出糾正。
4 智能觸屏手機網(wǎng)站界面設計原則
4.1 信息傳達有效性
傳達信息的媒介主要有文字、圖片、視頻等組成, 單個(gè)文字讓用戶(hù)不會(huì )明白含義, 必須放置于一定的語(yǔ)義環(huán)境中才能構成完整的意義。語(yǔ)句的使用需要和主流文化相一致才能讓人理解, 將語(yǔ)句放置于一定的環(huán)境中構成一定語(yǔ)境下的意義, 準確地傳達所要表達的含義。
平衡可選擇性和信息量之間的關(guān)系, 過(guò)少的內容不能滿(mǎn)足用戶(hù)的信息, 過(guò)多的內容造成選擇的干擾, 手機網(wǎng)站內容的設計不宜做的廣而泛, 而是精而淺。優(yōu)秀的網(wǎng)站體驗應該是使用戶(hù)感到自己在掌控信息, 而不是網(wǎng)站在引導自己漫無(wú)目的的瀏覽, 迷失在海量的信息中。手機網(wǎng)站的簡(jiǎn)潔性來(lái)自于網(wǎng)站傳達的信息、用戶(hù)瀏覽的方式和目的以及使用方法。網(wǎng)站都有自己的核心內容和功能, 關(guān)注用戶(hù)最直接在日常生活中使用的功能可以提升網(wǎng)站的體驗。由于手機硬件和網(wǎng)絡(luò )環(huán)境的限制, 需要精簡(jiǎn)網(wǎng)站的視覺(jué)效果, 刪除不必要的信息干擾, 例如廣告無(wú)用的 (點(diǎn)擊率低) 的鏈接, 這樣使界面更加簡(jiǎn)潔易用。
4.2 網(wǎng)站層次結構設計符合用戶(hù)習慣
網(wǎng)站的層次結構在視覺(jué)層面上需要將元素有組織地進(jìn)行分組, 將不同的數據信息進(jìn)行區別, 去除多余的視覺(jué)元素, 這樣可以讓用戶(hù)更加清晰地看到相關(guān)內容。在網(wǎng)站空間層次上需要將相似功能組織在一起, 通過(guò)第一層次上的導航進(jìn)入相關(guān)的功能區, 讓用戶(hù)清楚地知道任務(wù)與子任務(wù)之間的關(guān)系, 使用者無(wú)需進(jìn)行過(guò)多思考就可以進(jìn)入下一步的任務(wù), 良好的結構層次會(huì )提高網(wǎng)站的可用性。
由于手機較小的屏幕, 網(wǎng)站結構往往采用單一樹(shù)形結構的組織方式, 這樣導致用戶(hù)很難在其他的選擇中自由轉換, 因此, 在網(wǎng)站的結構設計中需要對用戶(hù)的操作需求有適當的預見(jiàn), 合理的分級歸類(lèi)將會(huì )幫助用戶(hù)很輕松地達到目的。注重網(wǎng)站的可用性, 確定用戶(hù)訪(fǎng)問(wèn)所要達到的目的, 排列網(wǎng)站內容的優(yōu)先次序。
4.3 交互方式合理性
在電腦上瀏覽網(wǎng)站時(shí)鼠標可以精確到1像素, 而觸摸屏點(diǎn)擊區域為29像素, 而且有時(shí)用戶(hù)在點(diǎn)擊觸摸屏目標區域時(shí)并沒(méi)有真正點(diǎn)中, 存在一定偏差。如果過(guò)多的信息沒(méi)有合適的間距, 頻繁的誤點(diǎn)擊就會(huì )影響用戶(hù)的操作流暢度。在操作的過(guò)程中需要有良好的反饋信息, 盡量采用非模態(tài)反饋, 以使操作更加流暢。
在觸屏時(shí)代, 智能手機具有豐富的交互方式, 令人愉悅的聲音及動(dòng)畫(huà), 新奇的手勢操作都提高了用戶(hù)的使用體驗。在交互方式的設計中應首先滿(mǎn)足用戶(hù)的基本需求, 并且易學(xué)、易用, 其次在操作的過(guò)程中產(chǎn)生良好的情感體驗。多種手勢的使用也增加了用戶(hù)學(xué)習的成本, 手勢的使用需要和用戶(hù)的心智模型保持一致, 如果新的手勢不為用戶(hù)所知, 那么這個(gè)操作就不會(huì )順利進(jìn)行。
4.4 具有良好的品牌體驗
對于一個(gè)好的網(wǎng)站, 網(wǎng)站的內容需要具有較高的品質(zhì), 還需要給人們以良好的使用體驗, 當瀏覽一個(gè)網(wǎng)站時(shí)必定會(huì )帶有一定的期望, 當滿(mǎn)足了這些期望, 良好的用戶(hù)滿(mǎn)意度隨之產(chǎn)生, 這也會(huì )影響到品牌信譽(yù), 增加用戶(hù)的忠誠度。