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