精品主題,實戰(zhàn)科普,最新行業(yè)熱點話題,隨時掌握云上咨訊。
互聯(lián)網(wǎng)信息時代的發(fā)展為網(wǎng)站設計及網(wǎng)站中的人機界面交互設計提供了前所未有的發(fā)展空間,越來越多的軟件和互聯(lián)網(wǎng)公司開始重視網(wǎng)站中的人機交互和用戶體驗在產(chǎn)品中的重要作用。而網(wǎng)站中的用戶界面是用戶和網(wǎng)絡產(chǎn)生接觸的第一個窗口,對于互聯(lián)網(wǎng)產(chǎn)品的用戶體驗以及訪問量、注冊量、銷售額甚至成本等都有至關重要的影響。
在一個網(wǎng)站中,網(wǎng)頁上的可交互元素,包括頁面上的按鈕、鏈接、文本框等,更應合理設計才能帶來好的頁面交互性。那么如何提高網(wǎng)頁的交互性呢,主要是要注意以下幾點。
1 注意網(wǎng)站的鏈接、按鈕和LOGO
一個網(wǎng)站的鏈接和按鈕都應該符合用戶的使用習慣。目前鏈接文字通用的表現(xiàn)方式是字色藍色并帶下劃線的文字。而按鈕應當是有一定的立體感,看上去就是一個突出的按鈕,一看就知道是可以點擊的。而LOGO是與其它網(wǎng)站鏈接以及讓其它網(wǎng)站鏈接的標志和門戶。在通常情況下,通過點擊LOGO可以返回到網(wǎng)站的首頁。所以,LOGO即是一個網(wǎng)站的名片,LOGO更是網(wǎng)站的靈魂所在,除此之外它還具有一個重要的導航功能。網(wǎng)站的LOGO作為一個重要的網(wǎng)頁元素,當鼠標移上去或者劃過等事件,應該有相關的信息響應。
2 網(wǎng)站頁面加載進度
網(wǎng)站的每個鏈接,包括網(wǎng)站的首頁打開都需要時間加載的,只是某些網(wǎng)站功能較為簡單,加載起來很快是而無需擔心頁面延遲。但某些網(wǎng)站的加載往往不能一次性完成,例如淘寶這種大型購物平臺,頁面有很多的商品圖片,加載需要一定時間,這個時候是需要一定的響應式的,所以頁面更應該給出提示,否則讓用戶等待太久是很不友好的做法。
事實上,有很多的因素會影響到網(wǎng)頁初次加載的響應時間:HTML文件的文檔的大?。豁撁嬷械母鞣N元素例如代碼、圖片、flash、音頻、視頻等元素文檔的大?。籋TML頁面的復雜程度(瀏覽器可以很快的展現(xiàn)簡單的頁面);用戶反應的快慢也會影響瀏覽速度;被網(wǎng)頁頁面調(diào)用的其他內(nèi)容所在的服務器的訪問速度;網(wǎng)站的域名和外部域名的DNS的解析速度也會影響網(wǎng)頁的加載速度;用戶所使用的計算機的各種性能(如果計算機的資源消耗過多,或者配置過低,瀏覽器也會變得響應緩慢);服務器的配置的高低。
除了上述因素會導致網(wǎng)站響應的快慢以外,一些人為的因素及一些硬件也會影響網(wǎng)頁加載的速度。例如:服務器端、客戶端和網(wǎng)速。服務器端主要包括:服務器的地域,是否雙線,處理能力等。
那么如何提高頁面的瀏覽速度呢?采取以下幾種基本的方法可以有效的提高網(wǎng)頁的瀏覽速度。
(1)在不影響頁面質(zhì)量的前提下,盡可能的優(yōu)先優(yōu)化HTML代碼。(在頁面上傳服務器之前,先去掉HTML文檔中的沒必要的換行標記以及注釋。但為了保證頁面的可讀性和可維護性,注釋的代碼還應當保留在源代碼中)。
(2)為了減少文檔之間的依賴,在制作網(wǎng)頁時頁面中應盡可能少的包含其他外部引用。(可以將多個腳本放入一個腳本文件,圖片處理的技術將多個小圖片合并成為一個大圖,這樣就只需要加載一次)。
(3)把開發(fā)的網(wǎng)頁里面的字節(jié)減少一些,把沒用的字節(jié)都刪了。盡量多使用div來布局網(wǎng)頁,少使用表格布局。
(4)盡可能的定制圖片及包含圖片的元素的尺寸。讓圖片本身就符合網(wǎng)頁的要求,這樣可以盡量避免頁面展現(xiàn)時由于圖片不能一次性加載而造成頁面元素跳動的現(xiàn)象。
(5)小腳本放在頭元素中,而比較大的腳本則放在頁面的尾端加載,這樣頁面可以在大的腳本加載完成前展示出來。如果把大的腳本放在頁面的頭元素進行加載,則瀏覽器會等到腳本完全加載完成后才顯示頁面內(nèi)容。
3 網(wǎng)頁中應隱藏不常用的操作
網(wǎng)站中不經(jīng)常使用的操作可以不用突顯出來,將其弱化或隱藏。例如,網(wǎng)站中有某個彈出層是幾乎不用到的,為了不對用戶造成干擾,我可以在當鼠標經(jīng)過的時候才出現(xiàn)這個彈出層。這個是基于上文提到的不干擾用戶注意力角度出發(fā)的。比如,在新浪微博中,微博的屏幕功能只有在鼠標移到對應某條微博的右上角并單擊鼠標的時候才會彈出操作提示框,否則是看不到屏蔽操作的,這個就是一個隱藏操作的具體體現(xiàn)。
4 盡量減少彈出信息
為什么要盡量減少彈出信息呢,這里舉一個例子來說明一下?當你正在看一部精彩的電影或看一本精彩的書,這時接到一個無實質(zhì)內(nèi)容的電話,你肯定會非常惱火。網(wǎng)頁設計也是一樣,如果能在當前頁面顯示完成就盡量在當前頁面加載完成。對于那些彈出信息,例如彈出層、跳轉(zhuǎn)頁面、模態(tài)窗口等都影響用戶體驗。
5 網(wǎng)站對用戶需要引導-網(wǎng)站導航
一個好的網(wǎng)站是能夠讓用戶全面瀏覽,所以網(wǎng)站導航十分重要。每個用戶在瀏覽頁面時往往都是不確定性的、無規(guī)律的,同時用戶更不喜歡選擇。所以,網(wǎng)站需要時刻讓用戶看清當前的位置。如果瀏覽者不能快速、便捷地找到它,他們就很有可能去別的網(wǎng)站。例如,很多博客網(wǎng)站除了首頁導航之外,還將分類作為第二導航放在頁面的邊欄。此外,網(wǎng)站的頁腳也很重要,因為有部分用戶瀏覽時接觸到的是網(wǎng)站的底部,這個時候網(wǎng)站的頁腳可以方便的讓用戶找到當前的站點位置。
一直以來,網(wǎng)頁界面設計的研究主要針對于視覺方面,而設計的內(nèi)容、流程和原則虛擬了實物產(chǎn)品的設計,基本上沒有太大的改變。隨著信息科技的發(fā)展和人機交互技術的成熟,交互界面的設計已經(jīng)成長為一個獨立的行業(yè)。本文闡述了基于增強現(xiàn)實的交互界面概念,分析了其突出特點,總結歸納交互界面設計的流程與原則。交互界面設計是一個全新而又復雜的研究領域,本文的研究僅僅是交互界面設計的冰山一角,如何將交互界面設計的理論特性分析清楚、理解透徹,還得依靠同行們的不懈努力和大量實踐,使用戶和網(wǎng)絡的信息交流更加簡便、高效和人性化。