,在不同設(shè)備上使用類似的設(shè)計
, using similar designs on different devices
用戶可以通過不同類型的設(shè)備訪問您的網(wǎng)站,包括電腦,平板電腦,手機(jī),音樂播放器,甚至智能手表。無論用戶使用什么設(shè)備訪問您的網(wǎng)頁,確保他們擁有相似的體驗是用戶體驗設(shè)計的重要標(biāo)準(zhǔn)。
Users can access your website through different types of devices, including computers, tablets, mobile phones, music players, and even smart watches. No matter what devices users use to access your web page, ensuring that they have a similar experience is an important standard of user experience design.
2.導(dǎo)航設(shè)計應(yīng)易于使用和清晰
2. The navigation design should be easy to use and clear
導(dǎo)航設(shè)計是網(wǎng)頁可用性的基石。請記住,如果用戶無法在您的網(wǎng)站上找到導(dǎo)航,那么無論您的網(wǎng)站有多少無用。這就是為什么導(dǎo)航設(shè)計應(yīng)遵循以下原則:
Navigation design is the cornerstone of web usability. Remember, if users can't find navigation on your site, no matter how useless your site is. This is why navigation design should follow the following principles:
簡單。每個網(wǎng)站都應(yīng)該有盡可能簡單的結(jié)構(gòu)。
Simple. Every website should have as simple a structure as possible.
明確。每個導(dǎo)航項目都應(yīng)該對用戶清楚。
to make clear. Every navigation item should be clear to the user.
是一致的。系統(tǒng)的導(dǎo)航頁面應(yīng)該在每個頁面上都相同。
It's consistent. The navigation page of the system should be the same on each page.
用戶以少的點擊次數(shù)訪問他們想瀏覽快的網(wǎng)頁。這是導(dǎo)航設(shè)計的目的。
Users visit the fastest web page they want to browse with the least number of clicks. This is the purpose of navigation design.
3,改變訪問過的鏈接的顏色
3. Change the color of the visited links
鏈接是導(dǎo)航的關(guān)鍵因素。如果用戶點擊鏈接而不更改顏色,則很可能會導(dǎo)致用戶多次點擊相同的鏈接。
Links are a key factor in navigation. If the user clicks on the link without changing the color, it is likely to cause the user to click on the same link more than once.
如果用戶知道他過去訪問過的鏈接以及他還沒有訪問過的鏈接,那么用戶更容易決定下次點擊什么。
If the user knows the links he has visited in the past and the links he has not visited, it is easier for the user to decide what to click next.

4,使頁面瀏覽更容易
4. Make page browsing easier
當(dāng)用戶瀏覽我們的網(wǎng)頁時,他們不會閱讀所有內(nèi)容,而是快速瀏覽整個網(wǎng)頁。因此,如果用戶訪問該站點以查找特定內(nèi)容或完成任務(wù),他們將瀏覽整個頁面,直到用戶找到他們想要去的地方。因此,作為網(wǎng)頁設(shè)計師,我們應(yīng)該通過設(shè)計網(wǎng)站可視化的分層結(jié)構(gòu)來幫助這些用戶盡快實現(xiàn)他們的目標(biāo)。視覺層次意味著每個元素在網(wǎng)頁上的放置或展示都是加權(quán)的(例如,我們的設(shè)計確定用戶看到哪一個,他們看到哪一個,以及他們后看到哪一個)。
When users browse our website, they don't read all the content, but quickly browse the whole page. Therefore, if users visit the site to find specific content or complete tasks, they will first browse the entire page until they find where they want to go. Therefore, as a web designer, we should help these users achieve their goals as soon as possible by designing a visual hierarchical structure of the website. Visual hierarchy means that the placement or presentation of each element on a web page is weighted (for example, our design determines which users see first, which they see, and which they see last).
在設(shè)計網(wǎng)站時,我們需要確保頁面標(biāo)題,登錄注冊按鈕,導(dǎo)航欄或其他同等重要的元素放置在用戶可以輕松看到的位置,以減少用戶尋找的時間。
When designing a website, we need to make sure that the page title, login registration button, navigation bar or other equally important elements are placed in a position that users can easily see, so as to reduce the time for users to search.
用戶的視線是鋸齒形的。
The user's line of sight is zigzag.
5,仔細(xì)檢查所有鏈接
5. Check all links carefully
當(dāng)用戶點擊網(wǎng)站上的鏈接并在屏幕上出現(xiàn)404錯誤頁面時,用戶可能很容易感到沮喪,當(dāng)用戶在網(wǎng)站上查找內(nèi)容時,他們希望他們點擊的每個鏈接成為他們正在查找的鏈接,而不是404錯誤頁面,或者點擊并找到他們不想查找的頁面。
When users click on a link on a website and a 404 error page appears on the screen, they may easily feel frustrated. When users search for content on a website, they want each link they click to become a link they are looking for instead of a 404 error page, or they click and find a page they don't want to look for.
6.確保可點擊元素使用戶看起來像點擊一樣
6. Make sure that the clickable elements make the user look like a click
對象的外觀告訴用戶如何使用它。看起來像按鈕或鏈接的視覺元素不能被點擊,并且很容易讓用戶感到困惑。這些視覺元素包括:文字下劃線不代表鏈接,動畫元素或超鏈接。用戶想知道界面的哪些區(qū)域是純粹的靜態(tài)內(nèi)容以及哪些區(qū)域是可點擊的。
The appearance of the object tells the user how to use it. Visual elements that look like buttons or links cannot be clicked and can easily confuse users. These visual elements include: text underscores do not represent links, animation elements or hyperlinks. Users want to know which areas of the interface are purely static and which are clickable.