手機(jī)網(wǎng)站建設(shè)智能手機(jī)網(wǎng)站界面
日期 : 2019-03-13 12:50:48
如今智能手機(jī)發(fā)展迅速已深深地影響著人們的生活, 而且觸屏手機(jī)給人更新奇的體驗(yàn)。智能手機(jī)給人們帶來方便的同時也存在著一些不足, 手機(jī)具有本身的局限性, 如屏幕小, 輸入的效率限制, 網(wǎng)絡(luò)傳輸速度慢等。在很小的范圍中提煉有意義的信息, 提高獲取信息的效率是手機(jī)平臺設(shè)計(jì)的目標(biāo)。
1 用戶體驗(yàn)與智能手機(jī)的關(guān)系
許多國內(nèi)外的研究學(xué)者大多是從心理層面闡述體驗(yàn)的含義, 體驗(yàn)經(jīng)濟(jì)學(xué)家派恩認(rèn)為體驗(yàn)就是指人們以自己的方式在一段時間中獲得的一系列可回憶的事件。唐納德·諾曼在《情感化設(shè)計(jì)》中的觀點(diǎn), 體驗(yàn)分為感官的、行為的和反思的3個層次, 用戶對一個產(chǎn)品的體驗(yà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ì)與普通手機(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í)慣、工作方式、使用動機(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è)計(jì)需要考慮用戶所處的環(huán)境, 平衡網(wǎng)站的功能與用戶的需求。在不同的環(huán)境中使用智能手機(jī)還需要考慮到隱私, 例如在擁擠的地鐵中使用手機(jī)就會擔(dān)心自己的隱私會被別人看到。并且在這樣的環(huán)境中往往是單手操作, 單手操作時用拇指點(diǎn)擊, 點(diǎn)擊的精度就會隨之降低。
2.3 技術(shù)因素
大屏幕、多點(diǎn)觸摸以及操作的流暢性成為智能手機(jī)的設(shè)計(jì)發(fā)展趨勢, 手機(jī)屏幕的材質(zhì)、尺寸、性能以及操作系統(tǒng)平臺的性能影響著智能手機(jī)的體驗(yàn)。智能手機(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)體驗(yàn)。內(nèi)置感應(yīng)器的使用使得娛樂更加具有樂趣, 重力加速度感應(yīng)器改變了以往的操作方式, 使得游戲更加刺激有趣, 給人以新的體驗(yàn)。
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)容較多, 各項(xiàng)分類導(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è)計(jì)的目標(biāo)
3.1 信息傳遞的效率
由于小屏幕的限制, 對于信息的傳達(dá)有著更高的要求, 如果用戶沒有在預(yù)期的時間內(nèi)找到自己想要的信息就會產(chǎn)生挫折感。用戶在篩選信息的過程中會放棄繁雜的操作程序, 避免產(chǎn)生情緒上的煩躁。界面設(shè)計(jì)不合理會造成用戶篩選信息困難, 造成資源的浪費(fèi)。針對小屏幕的特點(diǎn), 最快捷、簡潔、優(yōu)化是智能手機(jī)網(wǎng)站界面設(shè)計(jì)的指導(dǎo)原則。友好的界面設(shè)計(jì)應(yīng)該讓用戶感到易用、好用。易用的手機(jī)網(wǎng)站須遵循“少即是多”的設(shè)計(jì)原則, 簡便的交互設(shè)計(jì), 清晰準(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)驗(yàn)與信息的提示。人對事物的認(rèn)知首先應(yīng)該具有一定的經(jīng)驗(yàn), 其次需要提供足夠的信息提示, 著名網(wǎng)頁Web應(yīng)用程序和應(yīng)用軟件圖片交互心理學(xué)的設(shè)計(jì)專家斯蒂芬·P·安德森曾說過:“良好的交互設(shè)計(jì)關(guān)注人們所想, 所做以及所感”。人們在操作的過程中基本是靠外界的提示以及自己大腦中已經(jīng)掌握的信息, 如果新的操作方式比較復(fù)雜或者用戶沒有學(xué)習(xí)過, 這樣就不會產(chǎn)生流暢的操作體驗(yàn)。
2) 信息量與可操作性之間的平衡。智能觸屏手機(jī)幾乎全部是用手指觸摸進(jìn)行操作, 雖然屏幕比非觸屏手機(jī)大, 但是手指的精度也降低很多, 因此在一個頁面中既要顯示充足的內(nèi)容, 又要防止用戶的誤操作, 保持良好的瀏覽體驗(yàn)。用同一瀏覽器查看三大門戶網(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è)計(jì), 對誤點(diǎn)擊應(yīng)讓用戶很方便的回到上頁。允許用戶出現(xiàn)錯誤, 并且在錯誤發(fā)生后給用戶提示, 引導(dǎo)用戶做出糾正。
4 智能觸屏手機(jī)網(wǎng)站界面設(shè)計(jì)原則
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è)計(jì)不宜做的廣而泛, 而是精而淺。優(yōu)秀的網(wǎng)站體驗(yàn)應(yīng)該是使用戶感到自己在掌控信息, 而不是網(wǎng)站在引導(dǎo)自己漫無目的的瀏覽, 迷失在海量的信息中。手機(jī)網(wǎng)站的簡潔性來自于網(wǎng)站傳達(dá)的信息、用戶瀏覽的方式和目的以及使用方法。網(wǎng)站都有自己的核心內(nèi)容和功能, 關(guān)注用戶最直接在日常生活中使用的功能可以提升網(wǎng)站的體驗(yàn)。由于手機(jī)硬件和網(wǎng)絡(luò)環(huán)境的限制, 需要精簡網(wǎng)站的視覺效果, 刪除不必要的信息干擾, 例如廣告無用的 (點(diǎ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)層次會提高網(wǎng)站的可用性。
由于手機(jī)較小的屏幕, 網(wǎng)站結(jié)構(gòu)往往采用單一樹形結(jié)構(gòu)的組織方式, 這樣導(dǎo)致用戶很難在其他的選擇中自由轉(zhuǎn)換, 因此, 在網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)中需要對用戶的操作需求有適當(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ū)域?yàn)?9像素, 而且有時用戶在點(diǎn)擊觸摸屏目標(biāo)區(qū)域時并沒有真正點(diǎn)中, 存在一定偏差。如果過多的信息沒有合適的間距, 頻繁的誤點(diǎn)擊就會影響用戶的操作流暢度。在操作的過程中需要有良好的反饋信息, 盡量采用非模態(tài)反饋, 以使操作更加流暢。
在觸屏?xí)r代, 智能手機(jī)具有豐富的交互方式, 令人愉悅的聲音及動畫, 新奇的手勢操作都提高了用戶的使用體驗(yàn)。在交互方式的設(shè)計(jì)中應(yīng)首先滿足用戶的基本需求, 并且易學(xué)、易用, 其次在操作的過程中產(chǎn)生良好的情感體驗(yàn)。多種手勢的使用也增加了用戶學(xué)習(xí)的成本, 手勢的使用需要和用戶的心智模型保持一致, 如果新的手勢不為用戶所知, 那么這個操作就不會順利進(jìn)行。
4.4 具有良好的品牌體驗(yàn)
對于一個好的網(wǎng)站, 網(wǎng)站的內(nèi)容需要具有較高的品質(zhì), 還需要給人們以良好的使用體驗(yàn), 當(dāng)瀏覽一個網(wǎng)站時必定會帶有一定的期望, 當(dāng)滿足了這些期望, 良好的用戶滿意度隨之產(chǎn)生, 這也會影響到品牌信譽(yù), 增加用戶的忠誠度。
相關(guān)文章
精彩導(dǎo)讀
熱門資訊
