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