手機(jī)網(wǎng)站建設(shè)智能手機(jī)網(wǎng)站界面

發(fā)布：2019-03-13 12:50:48 瀏覽：5821

如今智能手機(jī)發(fā)展迅速已深深地影響著人們的生活,而且觸屏手機(jī)給人更新奇的體驗(yàn)。智能手機(jī)給人們帶來方便的同時(shí)也存在著一些不足,手機(jī)具有本身的局限性,如屏幕小,輸入的效率限制,網(wǎng)絡(luò)傳輸速度慢等。在很小的范圍中提煉有意義的信息,提高獲取信息的效率是手機(jī)平臺(tái)設(shè)計(jì)的目標(biāo)。

1用戶體驗(yàn)與智能手機(jī)的關(guān)系

許多國(guó)內(nèi)外的研究學(xué)者大多是從心理層面闡述體驗(yàn)的含義,體驗(yàn)經(jīng)濟(jì)學(xué)家派恩認(rèn)為體驗(yàn)就是指人們以自己的方式在一段時(shí)間中獲得的一系列可回憶的事件。唐納德·諾曼在《情感化設(shè)計(jì)》中的觀點(diǎn),體驗(yàn)分為感官的、行為的和反思的3個(gè)層次,用戶對(duì)一個(gè)產(chǎn)品的體驗(yàn)是遞進(jìn)的,首先是感官,其次是行為,最后是反思[1]。隨著智能手機(jī)技術(shù)的發(fā)展,人們對(duì)于網(wǎng)站的要求也在逐漸提高,在感官層次上滿足使用者的操作舒適感,在操作的過程中富有啟發(fā)性,使用的過程是令人愉快的,而且在操作后給人以成就感。

智能手機(jī)是能夠進(jìn)行復(fù)雜的信息處理,支持開放式的嵌入式操作系統(tǒng)以及第三方應(yīng)用軟件的手機(jī)。其最大的特點(diǎn)就是直接操作,免去按鍵的間接操作。全觸屏是智能手機(jī)的主要發(fā)展方向,其網(wǎng)站界面設(shè)計(jì)與普通手機(jī)上的網(wǎng)站界面又有很大的區(qū)別,直接操作是智能觸屏手機(jī)的特點(diǎn),即不需要按鍵的操作,只需手指的直接點(diǎn)擊就可以打開頁面。直接操作使得網(wǎng)站界面設(shè)計(jì)需要考慮到人的手指、使用環(huán)境等因素的影響。

2智能手機(jī)網(wǎng)站界面設(shè)計(jì)影響因素

2.1用戶因素

智能手機(jī)網(wǎng)站界面設(shè)計(jì)首先應(yīng)該分析用戶的特征,充分了解目標(biāo)用戶群體,包括性別、年齡、文化程度、生活習(xí)慣、工作方式、使用動(dòng)機(jī)、個(gè)性特征等。對(duì)于不同的年齡段的人使用智能手機(jī)會(huì)有很大差異性,年輕人對(duì)于新鮮事物的學(xué)習(xí)能力比較快,對(duì)智能手機(jī)的操作會(huì)很快熟悉,手指的操作靈活度也可以適應(yīng)小屏幕的點(diǎn)擊要求。但是對(duì)于年紀(jì)比較大的用戶,智能手機(jī)的操作就會(huì)變得比較復(fù)雜,由于生理狀況的限制,其手指靈活度、視力等都會(huì)有所降低,因此在使用智能手機(jī)上網(wǎng)的過程中會(huì)出現(xiàn)很多誤操作。

2.2環(huán)境因素

手機(jī)的使用環(huán)境局限性很小,可以是在辦公場(chǎng)所,也可以是在公共場(chǎng)所,幾乎包括所有環(huán)境。但是在嘈雜環(huán)境中容易受到影響,用戶在一個(gè)環(huán)境中進(jìn)入另一個(gè)環(huán)境,需要對(duì)新環(huán)境的關(guān)注使得對(duì)手機(jī)的內(nèi)容會(huì)有忽略,導(dǎo)致對(duì)手機(jī)任務(wù)的中斷。由于這些因素,網(wǎng)站界面設(shè)計(jì)需要考慮用戶所處的環(huán)境,平衡網(wǎng)站的功能與用戶的需求。在不同的環(huán)境中使用智能手機(jī)還需要考慮到隱私,例如在擁擠的地鐵中使用手機(jī)就會(huì)擔(dān)心自己的隱私會(huì)被別人看到。并且在這樣的環(huán)境中往往是單手操作,單手操作時(shí)用拇指點(diǎn)擊,點(diǎn)擊的精度就會(huì)隨之降低。

2.3技術(shù)因素

大屏幕、多點(diǎn)觸摸以及操作的流暢性成為智能手機(jī)的設(shè)計(jì)發(fā)展趨勢(shì),手機(jī)屏幕的材質(zhì)、尺寸、性能以及操作系統(tǒng)平臺(tái)的性能影響著智能手機(jī)的體驗(yàn)。智能手機(jī)的屏幕雖然有逐漸變大的趨勢(shì),但是相對(duì)于電腦屏幕來說還是相差很大。

3G寬帶上網(wǎng)技術(shù)是智能手機(jī)的重要特征,相對(duì)于目前的WAP,GPRS和CDMAx1,它的特點(diǎn)是速度快、資費(fèi)低和掉線率低。隨著移動(dòng)網(wǎng)絡(luò)技術(shù)如基于XML的網(wǎng)絡(luò)瀏覽技術(shù)的成熟,傳統(tǒng)互聯(lián)網(wǎng)和移動(dòng)互聯(lián)網(wǎng)會(huì)進(jìn)一步融合,將會(huì)有更多用戶用手機(jī)上網(wǎng)。快速的上網(wǎng)速度提高了網(wǎng)頁的訪問效率,從而給用戶更佳的上網(wǎng)體驗(yàn)。內(nèi)置感應(yīng)器的使用使得娛樂更加具有樂趣,重力加速度感應(yīng)器改變了以往的操作方式,使得游戲更加刺激有趣,給人以新的體驗(yàn)。

2.4網(wǎng)站類型因素

不同類型的網(wǎng)站其內(nèi)容安排會(huì)出現(xiàn)很大差異,按照網(wǎng)站的功能來劃分,可把網(wǎng)站歸結(jié)為4類:展示型、內(nèi)容型、電子商務(wù)型、門戶型。由于網(wǎng)站功能的不同,其色彩運(yùn)用以及頁面布局會(huì)隨之變化。門戶網(wǎng)站由于內(nèi)容較多,各項(xiàng)分類導(dǎo)航是非常重要的,用戶在進(jìn)入網(wǎng)站后需要根據(jù)頁面導(dǎo)航在不同層級(jí)中往返。社交網(wǎng)站則注重好友發(fā)布的信息,在首頁還需要提供關(guān)于個(gè)人信息的提示,例如好友回復(fù)、新鮮事發(fā)布等,購(gòu)物網(wǎng)站需要很方便的找到生活用品的分類,在用戶進(jìn)入其他頁面后需要提供回到主頁的快捷入口等。

3智能手機(jī)網(wǎng)站界面設(shè)計(jì)的目標(biāo)

3.1信息傳遞的效率

由于小屏幕的限制,對(duì)于信息的傳達(dá)有著更高的要求,如果用戶沒有在預(yù)期的時(shí)間內(nèi)找到自己想要的信息就會(huì)產(chǎn)生挫折感。用戶在篩選信息的過程中會(huì)放棄繁雜的操作程序,避免產(chǎn)生情緒上的煩躁。界面設(shè)計(jì)不合理會(huì)造成用戶篩選信息困難,造成資源的浪費(fèi)。針對(duì)小屏幕的特點(diǎn),最快捷、簡(jiǎn)潔、優(yōu)化是智能手機(jī)網(wǎng)站界面設(shè)計(jì)的指導(dǎo)原則。友好的界面設(shè)計(jì)應(yīng)該讓用戶感到易用、好用。易用的手機(jī)網(wǎng)站須遵循“少即是多”的設(shè)計(jì)原則,簡(jiǎn)便的交互設(shè)計(jì),清晰準(zhǔn)確的提示或反饋,從簡(jiǎn)潔中體現(xiàn)優(yōu)雅,充分地滿足用戶的需求。

良好的網(wǎng)站結(jié)構(gòu)會(huì)對(duì)用戶的需求有預(yù)見性,易于理解并有“預(yù)見性”的導(dǎo)航,在手機(jī)網(wǎng)站中起著重要的作用,讓用戶知道自己所處的位置。使用合理的排版,順暢地將信息傳達(dá)給用戶,連貫的不間斷的視線移動(dòng)閱讀會(huì)提高傳達(dá)信息的效率,反之,雜亂的信息會(huì)讓用戶不知所措,無法更好地接收信息。

3.2交互過程中的可用性

1)經(jīng)驗(yàn)與信息的提示。人對(duì)事物的認(rèn)知首先應(yīng)該具有一定的經(jīng)驗(yàn),其次需要提供足夠的信息提示,著名網(wǎng)頁Web應(yīng)用程序和應(yīng)用軟件圖片交互心理學(xué)的設(shè)計(jì)專家斯蒂芬·P·安德森曾說過:“良好的交互設(shè)計(jì)關(guān)注人們所想,所做以及所感”。人們?cè)诓僮鞯倪^程中基本是靠外界的提示以及自己大腦中已經(jīng)掌握的信息,如果新的操作方式比較復(fù)雜或者用戶沒有學(xué)習(xí)過,這樣就不會(huì)產(chǎn)生流暢的操作體驗(yàn)。

2)信息量與可操作性之間的平衡。智能觸屏手機(jī)幾乎全部是用手指觸摸進(jìn)行操作,雖然屏幕比非觸屏手機(jī)大,但是手指的精度也降低很多,因此在一個(gè)頁面中既要顯示充足的內(nèi)容,又要防止用戶的誤操作,保持良好的瀏覽體驗(yàn)。用同一瀏覽器查看三大門戶網(wǎng)站,界面會(huì)有比較大的區(qū)別。由于信息量大,其鏈接的大小應(yīng)符合人機(jī)尺寸,用戶點(diǎn)擊不會(huì)產(chǎn)生誤操作,也能獲得足夠的信息。

3)操作的過程中的信息反饋。在用戶進(jìn)行操作后需要知道自己的操作是否達(dá)到了自己的目的,提示用戶操作成功與否。智能觸屏手機(jī)的反饋具有多樣化,視覺反饋、聽覺反饋以及觸覺反饋都需要符合用戶的心智模型。不同的反饋還需要考慮到環(huán)境的影響,在嘈雜的環(huán)境中視覺反饋和觸覺反饋會(huì)更適合。在打開某個(gè)網(wǎng)頁時(shí),需要用戶等待,在等待的過程中需要提示用戶網(wǎng)站正在逐步打開,需要遵守網(wǎng)站反饋的限時(shí)原則,即用戶沒有必要對(duì)某些網(wǎng)站響應(yīng)等待時(shí)間過長(zhǎng)。由于觸屏手機(jī)需要手指的點(diǎn)擊,因此點(diǎn)擊區(qū)域應(yīng)做合適的設(shè)計(jì),對(duì)誤點(diǎn)擊應(yīng)讓用戶很方便的回到上頁。允許用戶出現(xiàn)錯(cuò)誤,并且在錯(cuò)誤發(fā)生后給用戶提示,引導(dǎo)用戶做出糾正。

4智能觸屏手機(jī)網(wǎng)站界面設(shè)計(jì)原則

4.1信息傳達(dá)有效性

傳達(dá)信息的媒介主要有文字、圖片、視頻等組成,單個(gè)文字讓用戶不會(huì)明白含義,必須放置于一定的語義環(huán)境中才能構(gòu)成完整的意義。語句的使用需要和主流文化相一致才能讓人理解,將語句放置于一定的環(huán)境中構(gòu)成一定語境下的意義,準(zhǔn)確地傳達(dá)所要表達(dá)的含義。

平衡可選擇性和信息量之間的關(guān)系,過少的內(nèi)容不能滿足用戶的信息,過多的內(nèi)容造成選擇的干擾,手機(jī)網(wǎng)站內(nèi)容的設(shè)計(jì)不宜做的廣而泛,而是精而淺。優(yōu)秀的網(wǎng)站體驗(yàn)應(yīng)該是使用戶感到自己在掌控信息,而不是網(wǎng)站在引導(dǎo)自己漫無目的的瀏覽,迷失在海量的信息中。手機(jī)網(wǎng)站的簡(jiǎn)潔性來自于網(wǎng)站傳達(dá)的信息、用戶瀏覽的方式和目的以及使用方法。網(wǎng)站都有自己的核心內(nèi)容和功能,關(guān)注用戶最直接在日常生活中使用的功能可以提升網(wǎng)站的體驗(yàn)。由于手機(jī)硬件和網(wǎng)絡(luò)環(huán)境的限制,需要精簡(jiǎn)網(wǎng)站的視覺效果,刪除不必要的信息干擾,例如廣告無用的(點(diǎn)擊率低)的鏈接,這樣使界面更加簡(jiǎn)潔易用。

4.2網(wǎng)站層次結(jié)構(gòu)設(shè)計(jì)符合用戶習(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)層次會(huì)提高網(wǎng)站的可用性。

由于手機(jī)較小的屏幕,網(wǎng)站結(jié)構(gòu)往往采用單一樹形結(jié)構(gòu)的組織方式,這樣導(dǎo)致用戶很難在其他的選擇中自由轉(zhuǎn)換,因此,在網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)中需要對(duì)用戶的操作需求有適當(dāng)?shù)念A(yù)見,合理的分級(jí)歸類將會(huì)幫助用戶很輕松地達(dá)到目的。注重網(wǎng)站的可用性,確定用戶訪問所要達(dá)到的目的,排列網(wǎng)站內(nèi)容的優(yōu)先次序。

4.3交互方式合理性

在電腦上瀏覽網(wǎng)站時(shí)鼠標(biāo)可以精確到1像素,而觸摸屏點(diǎn)擊區(qū)域?yàn)?9像素,而且有時(shí)用戶在點(diǎn)擊觸摸屏目標(biāo)區(qū)域時(shí)并沒有真正點(diǎn)中,存在一定偏差。如果過多的信息沒有合適的間距,頻繁的誤點(diǎn)擊就會(huì)影響用戶的操作流暢度。在操作的過程中需要有良好的反饋信息,盡量采用非模態(tài)反饋,以使操作更加流暢。

在觸屏?xí)r代,智能手機(jī)具有豐富的交互方式,令人愉悅的聲音及動(dòng)畫,新奇的手勢(shì)操作都提高了用戶的使用體驗(yàn)。在交互方式的設(shè)計(jì)中應(yīng)首先滿足用戶的基本需求,并且易學(xué)、易用,其次在操作的過程中產(chǎn)生良好的情感體驗(yàn)。多種手勢(shì)的使用也增加了用戶學(xué)習(xí)的成本,手勢(shì)的使用需要和用戶的心智模型保持一致,如果新的手勢(shì)不為用戶所知,那么這個(gè)操作就不會(huì)順利進(jìn)行。

4.4具有良好的品牌體驗(yàn)

對(duì)于一個(gè)好的網(wǎng)站,網(wǎng)站的內(nèi)容需要具有較高的品質(zhì),還需要給人們以良好的使用體驗(yàn),當(dāng)瀏覽一個(gè)網(wǎng)站時(shí)必定會(huì)帶有一定的期望,當(dāng)滿足了這些期望,良好的用戶滿意度隨之產(chǎn)生,這也會(huì)影響到品牌信譽(yù),增加用戶的忠誠(chéng)度。