用戶體驗與網站建設2主要內容：以用戶為中心的網站設計UE用于網站首頁設計UE在網站細節中的體現學習目標：了解UE用于網站首頁設計中的方法（二）了解UE在網站細節中的體現以及什么是以用戶為中心的網站設計以用戶為中心的網站設計：感官體驗交互體驗瀏覽體驗情感體驗信任體驗感官體驗：所謂的感官體驗就是呈獻給用戶視聽上的體驗，強調舒適性。一個網站要想吸引用戶給用戶帶來好的感官體驗，首先就要有一個好的設計風格，首先設計風格要符合大眾審美習慣，并具有一定的引導性。那么在這里我要強調一下在網站設計之前，你必須要明確目標客戶群體，并針對目標客戶的審美喜好進行分析，從而確定網站的總體設計風格。再來說網站的logo既要確保品牌的清晰展示而且又不能占據過分的空間。那關于頁面的速度正常情況下盡量確保頁面在5秒內打開。字體的大小呢，應該保證的14px，網頁瀏覽的分辨率是1024x768。搜索框的設計要方便用戶，最好能增加智能所搜功能。當用戶輸入一個簡短的詞語以后，搜索會為其推薦最相關的詞語。交互體驗：交互體驗就是呈現給用戶操作上的體驗，強調易永和可用。對于一個網站來說，操作的簡便性，功能的易用性是最為重要的，一般的網站和用戶的交互方面主要會涉及到以下幾個方面。這里我們就來看看淘寶的會員注冊時怎么樣的。第一個是會員申請，這里就需要介紹清晰的會員權責并提示用戶確認已閱讀條款第二個就是會員注冊，關于這個注冊流程大家都希望清晰簡潔，并且盡量的減少填寫注冊步驟。詳細的資料可以等到會員注冊成功之后進行完善。第三就是表單的填寫，表單填寫時因盡量采用下拉選擇，須填寫部分須填寫要寫的內容并對必填之段做出限制。比如；手機的位數，郵編等等，避免一些無效的信息。第四就是表單的提交，表單填寫后需輸入驗證碼，以防止軟件惡意注冊，提交成功后呢還顯示感謝用戶的提示語。瀏覽體驗：瀏覽體驗就是呈現給用戶瀏覽上的體驗，強調吸引性。網站的瀏覽體驗方面應該始終貫穿一個靈魂思想，就是我們網站要么能夠幫助用戶解決問題，要么能使用戶得到快樂。在瀏覽體驗方面一般包含這么幾點：1、網站導航要清晰明確，讓用戶看到導航，就很明了這個網站能給我提供什么東西。2、欄目的層級最多不超過三層，讓用戶在瀏覽首頁時，最多點擊三次，就可以閱讀到你想要的內容，內容的分類對于同一欄目下，不同的分類需清晰明確，不要互相包含或者混淆。3、內容的豐富性，每個欄目，應確保足夠的信息量，避免欄目無內容出現。4、關于內容的原創性，盡量多采用原創的內容，以確保內容的可靠性，確保信息穩定的更新頻率，以吸引瀏覽者經常來關顧你的網站。情感體驗針對網站的情感體驗，就是呈現給用戶心理上的體驗，強調對用戶的友好性。通常在制作網站方面，情感體驗因素包含以下幾個方面：1、客戶分類將不同的瀏覽者進行區分。友好提示：對于每個操作，都是以增加瀏覽者的親和度。2、那會員交流呢：則是提供便利的會員交流，如論壇、博客還有一些在線的互動方式來增進會員的感情。我們可以參看下百合婚戀網，首先進入網站的時候，就有很溫馨的歡迎語，xxx用戶歡迎你，看到這樣的話，是不是會感到比較溫暖呢？是不是自然增加了網站的親和呢？而網站又讓會員進行了分類，根據客戶需求的不同而提供了相應的服務，并且還增加了會員的活動區域，在增加會員感情的同時，還促進了配對的成功率，自然也就達到了網站本身的一個目的。信任體驗信任體驗就是呈現給用戶的可信任性，強調網站的可靠性。一般我們的用戶都會看以下幾個方面：公司介紹公司規模發展狀況公司資質服務保障可以將公司的服務條款以及用戶的權益精心列出，增強客戶的信任感。網站備案主要是讓瀏覽者去確認網站的合法性，認證資質點進去就會出現官方的頁面。UE用于網站首頁的設計UE用于網站首頁設計中，應該從哪些角度去進行？如何站在公司的角度設計用戶體驗？如何站在用戶的角度設計用戶體驗？如何站在行業的角度，延續行業長期培育起來的用戶習慣？如何站在公司的角度設計網站的用戶體驗？站在一個公司的角度，我們首先就要考慮站點的標識和使命。當今社會網站競爭相當激烈，同一個類型的網站同時有上萬家在競爭是不足為奇的，所以在競爭中，一個網站的主頁就顯得格外重要。對于任何一個訪問你網站的用戶你就要了解他第一次打開你的網站他關心的是什么？“這是什么網站？這個網站上有什么？我能在這個網站上作什么？我為什么應該選擇這個網站？”這樣的問題，其實，這就是我們作為用戶訪問一個網站是最基本的需求。下面，我們就以阿里巴巴為例看看它是如何表達著四個問題的？第一個問題，阿里巴巴是做什么的？看完這個logo，如果你還不知道，接著你的視線會從logo的位置向右移，看到導航，還不知道是做什么的呢？天哪，好吧，緊拖動滾動條，瀏覽一下整個網頁。第二個問題：我能夠在這里做什么？從阿里巴巴首頁右上角的導航條，很明顯的就已經告訴用戶，用戶可以在這里可以采購和銷售，這是主打服務，其他的就要看用戶的需求了。第三個問題，網站上有些什么？如果前兩個問題你在阿里巴巴上已經沒有疑問了，那么這個問題阿里巴巴已經在主頁上很好的回答你了。第四個問題，為什么我應該在這里？通過阿里巴巴的這個例子，我已經告訴各位看官，主頁的第一個任務就是：體現站點的標識和使命，主頁要告訴用戶，我這是什么網站？我是做什么的？為什么你要來我的網站？如何站在用戶的角度該去設計用戶體驗？用戶在瀏覽網站時，首先看到的就是網站的導航，網站導航欄就是網站設計中最重要的元素，因為用戶很難在用戶沒有導航的情況下去瀏覽一個網站里的內容。因此，一個設計合理的導航欄，能令用戶瀏覽到更多感興趣的內容。因此，要采用描述性的導航欄可以讓訪客在點擊之前就能了解到自己將能看到什么方面的內容。國內站內搜索：網站的站內搜索來講就是一個網站或者網上商城的大門口站內搜索在形式上包括了兩個方面：搜索入口和搜索結果頁面。站內搜索已經成為電子商務網站主導航的標配，因為有了站內搜索，用戶可以精準的找到所需產品，從而也提高了購買的轉換率。導讀：導讀是近幾年出現的一種標題形式，主要是方便人們閱讀，激起人們閱讀的興趣。網站的導讀就像是雜志的封面一樣，肯定要用一些有精彩內容的暗示來吸引客戶。內容部分應該寫出最新、最好、最熱門的內容片斷。應用的比較多的就是購物類型的網站，比方說熱賣商品，勁爆推薦等等。而在資訊類的網站里，比較常用的是熱點專題，精彩推薦TOP排行榜等這些比較有吸引力的詞，會給用戶瀏覽網站起到很大的引導作用，有助于提高網站的粘度和提高網站的PV。網站的成功取決于用戶是否經常來訪？如果說，網站的成功取決于用戶是否經常來訪？那么網站的主頁就應該有一些經常更新的內容，即使是不需要固定訪問者的網站，也需要有一些活躍的跡象，哪怕只是一個最近的新聞鏈接，你就得告訴用戶，這里并不是一潭死水，內容更新的頻率，代表著網站的活躍度，同時內容更新的頻率越高也往往意味著網站內容更豐富，對于建立網站在行業內的權威性是相當重要的。網站基本都是根據日新顯示更新頻率，這樣根據時間的先后順序來查找信息，而且還可以根據日新進行歸導，方便用戶閱讀。這些看似小小的改變，其實，對于用戶來講就方便了很多。用戶注冊用戶注冊體驗是一個網站的開始，用戶注冊登錄流程，應該盡量簡單，符合用戶瀏覽的習慣。有很多的網站驗證碼相當的復雜，就會給用戶帶來極大的不方便，驗證碼應該盡量好辨認，這樣也方便用戶更快更省事的登錄你的網站。如果網站還使用了會員制，那么主頁應該為新用戶的注冊和老用戶的登錄提供鏈接或者直接的登錄框，免得用戶到處去尋找。至于是提供鏈接呢，還是提供直接登錄框呢？是粘性較強還是較弱，是老用戶多還是新用戶多等等這些問題都是要網站設計師來進行衡量的。快捷方式是一種快速打開文件、文件夾的方法，它是應用程序的快速鏈接。那么網站的快捷方式就是首頁提供給用戶經常訪問或感興趣的頁面或者產品的鏈接。用戶最常訪問的，值得在主頁上放置的鏈接，免得用戶去尋找。網站的主頁：那我們的網站做好之后呢，還是要在主頁上預留出來空間，用來放置交叉推廣，合作品牌的友情鏈接等等。必須要在網頁代碼中，找到網址和網站名稱來。而且瀏覽網頁的時候，能顯示網站的名稱。關于友情鏈接呢，主要有以下幾種，第一種，文字鏈接。第二種，logo鏈接。第三種，同時支持文字和logo的鏈接。并且你放置的這些友情鏈接最好都是和自己行業內部的，或者說比較相近的，這樣用戶在來瀏覽你網站的時候，就會感覺網站很正規，另外，他也可以通過友情鏈接來訪問其他自己感興趣的網站。網站的主頁應該讓用戶想要的任何東西簡而易見，如果用戶想看的內容分散在各個角落很難找到的話，你想想看，會出現什么樣的后果。那如何將網站上的內容盡可能展現清楚的前提下又不影響頁面的美觀呢？可以將你網站上的信息歸類設計，根據產品服務特點或用戶搜索習慣進行，總之，只要網站上，懶散和雜亂的東西穿起來，再以列表的形式呈現出來，就像這樣，用戶進入你的網站之后，是不是也能在這些信息中，很快找到自己最需要的呢？其實網站的主頁還應該讓用戶看到一些很精彩的、用戶也許會感興趣的內容，就算用戶并沒有尋找他們，這樣不僅會增加網站的粘度，還會增加網站的瀏覽量。如果一個網站本身設計的比較復雜，不是很易用，用戶第一知道一個網站，他無從下手，不知道在哪里注冊，不知道該怎么使用？不知道這個時候，他們很需要的就是使用說明或者幫助之類的，這個時候呢，作為網站設計者來說，需要給用戶提供一個網站的使用幫助，告訴用戶到這個網站以后，應該是怎么樣的一個流程，在用戶清楚的知道每一個步驟是什么？在這里可以詳細的告訴用戶網站的會員等級制度，各種使用說明的幫助，尤其適用于電子商務型的網站。三、如何站在行業的角度延續長期以來培養的用戶習慣呢？對于一些訪問者來說，主頁將是你的網站給他留下好印象的唯一機會。那么具備一定的備案和資質，對于建立起用戶的信任度來說，有很大的幫助，網站運營備案的目的，就是為了防止在網上出現的非法的網站經營活動，打擊不良網站信息的傳播。我們可以看下當當網和阿里巴巴首頁的最下方都具有備案的資質。一般來說，有這樣備案資質標識的網站的用戶來講就會感覺比較安全可靠，也會給人很正規的感覺，這是網站外在形式的體現。UE用于網站細節中的體現我們的網站設計中，有導航條、鏈接、表單設計、字體行距、空白、表單聚焦、404錯誤頁面等元素，可以說，每個頁面都是由以上各種元素組成的，因此，對于研究網頁用戶體驗來說，就是研究如何組合并設計的一些東西。細節成就完美，無論是企業網站，個人博客，或者購物網站，游戲網站。當前位置導航可用的表單標簽和按鈕增大網頁面積處于激活狀態的單元素添加焦點顯示行距網站文案撰寫404頁面內容元素歸類組合無障礙瀏覽10、logo加鏈接一、當前位置導航要讓用戶在任何時候都知道自己生成的模塊，或者在瀏覽那個分類。比如瀏覽愛美網，你瀏覽到了哪里？頁面上方一般都有會讓你知道自己當前位置的導航條，即是你現在在哪里，是通過那些頁面到達的？對任何網站來說，這都可以極大提升網站的可用性。在這一點上，創建當前位置導航可以算是提升網站的可用性方式之一了。注意：你的導航顯示鼠標劃過后，顏色不同。二、可用的表單標簽和按鈕就是可以通過改變鼠標指針形狀的方式來提醒用戶，這個地方是可以進一步點擊的地方還有一些用戶可能沒看到的內容。將這個圖里的小手指示的地方可以看到藍色，就是在提醒用戶可以進行這個操作，這個，只需要一兩行代碼就可以了，然后就可以進行實踐了。那做成這樣之后，用戶很容易就會知道這個鏈接是可以點擊的，讓用戶可以更加準確的找到自己所需要的信息三、logo加鏈接用戶以及不滿足于標記類的文字鏈接，他更多的希望，點一下logo就可以回到首頁。拿金融界的網站來作為一個例子，在進入網站以后，瀏覽了很多頁面的內容以后，這是你又想去看看首頁上的某條信息，這個時候，你要點擊頁面左上角的logo，你就可以輕松的回到首頁了。這對用戶體驗來說，是非常不錯的，省得用戶滿屏幕的找返回首頁的按鈕。四、增加網頁面積這是提升網站可用性的小細節。究竟怎么做呢？他只需要你增加鏈接周圍的padding值。什么是padding值呢？其實padding就是內容與邊框的空隙。看看這張圖吧，你就會對padding會有更多的認識。那增大了padding值，就可以增大網頁的點擊面積，這樣的改變對任何一個人來說，都是一個值得嘗試的方法，因為，它可以防止用戶誤點或點到鏈接。對于用戶來說，閱讀體驗會有很大的幫助，可以讓用戶更方便的瀏覽網頁的內容了。處于激活狀態的單元素添加焦點顯示現在這種方式，越來越成為UI設計的一種設計，它可以讓用戶了解自己做了什么，在做什么。這是一種簡單但有效的向用戶傳遞有用細節信息的方式。在用戶進行完每步的操作后，都會有相應的提示，或者背景顏色的改變，來提示用戶那些是已經操作過的，接下來，剛才的操作，那些是有問題的？需要重新操作等等。這樣，就避免了，在你進行了一系列表單的填寫后的情況下，又因為前面的某個步驟出錯，而導致整個流程全部重來。行距行距是網頁設計中，經常被忽視和濫用的地方。盡管設計師不大部分不會撰寫網站的實際內容，不過，他們對于內容的整體組織仍然至關重要。增加行間距，也能給用戶帶來更為舒適的閱讀體驗，行距是可以從書報雜志等傳統媒體直接過度到網頁上的元素之一。這些內容的研究和改進已經進行了數百年，已經積累了大量優秀的經驗，所以，你下次在設計網站之前，大可以先翻翻雜志找找靈感。網站文案撰寫如今網站文案3撰寫已經成為了一個很大的話題，做網站有越來越多的細節需要考慮，其中，對文字環境的要求也變得越來越重要。現在的網站大多數都主張縮減一半的內容，轉而用列表的形式呈現，比如說，這張圖上的文字已經列成了列表的形式。幾乎都一樣的長短，根本就沒有給人閱讀的