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