亚洲国产精品久久精品成人_国产步兵社区视频在线观看_国产不卡免费视频_午夜私人影院免费体验区

用戶(hù)花費(fèi)大量時(shí)間與移動(dòng)設(shè)備上的網(wǎng)站進(jìn)行交互，而不是桌面。這個(gè)數(shù)字似乎每天都在增長(zhǎng)。據(jù)eMarketer稱(chēng)，美國(guó)成年人手機(jī)平均花費(fèi)3小時(shí)35分鐘，預(yù)計(jì)這些設(shè)備的使用時(shí)間明年將通過(guò)電視觀看。

這對(duì)所有網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)者都有重大影響。您必須創(chuàng)建有效的響應(yīng)式網(wǎng)站或應(yīng)用程序才能滿(mǎn)足此需求。今天，我們正在探索八項(xiàng)規(guī)則，以確保您在設(shè)計(jì)響應(yīng)式體驗(yàn)（無(wú)論是網(wǎng)站還是應(yīng)用程序）時(shí)都能遵循這些規(guī)則。

1.整理設(shè)計(jì)

為了充分利用響應(yīng)式網(wǎng)站或應(yīng)用程序設(shè)計(jì)，您可以做的最好的事情就是整理它。不要將設(shè)計(jì)包含太多選項(xiàng)或按鈕。所有這些只會(huì)壓倒用戶(hù)。有幾種方法可以有效地做到這一點(diǎn)：

簡(jiǎn)化內(nèi)容：密切關(guān)注用戶(hù)需要知道與網(wǎng)站或應(yīng)用程序進(jìn)行交互的內(nèi)容。使用一系列屏幕或步驟以邏輯方式呈現(xiàn)此信息。屏幕上的所有內(nèi)容都會(huì)在小屏幕上癱瘓。
僅使用對(duì)設(shè)計(jì)功能至關(guān)重要的界面元素。為什么包含用戶(hù)未與之交互的選項(xiàng)按鈕？（如果您不確定，請(qǐng)查看分析數(shù)據(jù)。您應(yīng)該能夠看到某些操作的交互模式和用戶(hù)流。）

2.使任務(wù)可消化

當(dāng)表單看起來(lái)容易時(shí)，人們更愿意提供信息
用戶(hù)最常見(jiàn)的任務(wù)之一是填寫(xiě)表單。因此，我們將以此為例來(lái)考慮如何使操作易于理解。想象一下，在網(wǎng)上放入一些東西后，我們會(huì)設(shè)置一個(gè)結(jié)賬屏幕。那么會(huì)發(fā)生什么？

是否有一個(gè)長(zhǎng)屏幕，有大量的字段要填寫(xiě)（其中一些非常小）？或者，交互是從簡(jiǎn)單的問(wèn)題開(kāi)始，您可以在一個(gè)屏幕上完成？

我的猜測(cè)是你更有可能填寫(xiě)后一種形式。大多數(shù)用戶(hù)也是如此。當(dāng)表單看起來(lái)很容易時(shí)，人們更愿意提供信息并點(diǎn)擊結(jié)賬（或其他所需的操作）。

關(guān)于數(shù)據(jù)和表單的另一個(gè)提示 - 盡可能使用智能功能。諸如自動(dòng)完成之類(lèi)的功能將使用戶(hù)更有可能實(shí)際將該表單一直轉(zhuǎn)換為完成，因?yàn)樗苋菀?。用?hù)實(shí)際鍵入（或點(diǎn)擊鍵入）的內(nèi)容越少，他們就越有可能繼續(xù)前進(jìn)。

另一個(gè)例子在上面的Evernote的例子中是清楚的。其中一項(xiàng)主要任務(wù)是添加新筆記。綠色+按鈕在屏幕底部中央高度可見(jiàn)，使此操作易于查找和完成。


3.創(chuàng)建明顯且容易的按鈕

堅(jiān)持常見(jiàn)的使用模式和功能。
有時(shí)，設(shè)計(jì)師有這種傾向，想要?jiǎng)?chuàng)造新的和令人興奮的東西，并過(guò)度暗示明顯的：按鈕應(yīng)該看起來(lái)像按鈕。

不要試圖在這里重新發(fā)明輪子。不要花哨并設(shè)計(jì)一種完成動(dòng)作的新方法。設(shè)計(jì)按鈕看起來(lái)像按鈕一樣。堅(jiān)持常見(jiàn)的使用模式和功能。

如果用戶(hù)必須考慮如何與響應(yīng)式網(wǎng)站或應(yīng)用程序設(shè)計(jì)進(jìn)行過(guò)多努力 - 或者根本沒(méi)有考慮，可能的情況是他們根本不參與并繼續(xù)使用其他選項(xiàng)。


4.將鍵盤(pán)與數(shù)據(jù)匹配

對(duì)于響應(yīng)式網(wǎng)站或應(yīng)用程序，有很多小型活動(dòng)會(huì)產(chǎn)生重大影響。正確使用鍵盤(pán)可能是您最大的資產(chǎn)之一。

確保將鍵盤(pán)類(lèi)型（字母或數(shù)字）始終與查詢(xún)類(lèi)型相匹配。如果您要求提供某些信息，例如電子郵件地址，請(qǐng)包含@鍵。這些小細(xì)節(jié)讓用戶(hù)高興，讓您的網(wǎng)站或應(yīng)用程序易于使用。而且您只需要花費(fèi)一點(diǎn)額外的努力。

需要更多有關(guān)如何操作的信息？

來(lái)自Mozilla的數(shù)字輸入
來(lái)自W3Schools的HTML5輸入類(lèi)型

5.使用簡(jiǎn)單語(yǔ)言

提供簡(jiǎn)單，清晰和直接的說(shuō)明。
您使用的單詞也會(huì)極大地影響響應(yīng)式網(wǎng)站或應(yīng)用程序的可用性。有效的設(shè)計(jì)包括易于閱讀和理解的語(yǔ)言，包括視覺(jué)和認(rèn)知。

不要試圖用語(yǔ)言或用戶(hù)需要理解的元素太可愛(ài)。提供簡(jiǎn)單，清晰和直接的說(shuō)明。避免使用行話或不清楚的語(yǔ)言。然后再往前走一步。使用干凈，清晰的排版來(lái)幫助進(jìn)一步強(qiáng)調(diào)和理解文本元素。

理解和可讀性有兩個(gè)部分 - 認(rèn)知理解（用戶(hù)確切地知道單詞的含義或暗示的行為）和視覺(jué)（每個(gè)單詞在屏幕上清晰易讀）。

這意味著你需要以一種可以理解的方式編寫(xiě)，選擇一種可讀的字體，并在背景和文本之間提供大量的視覺(jué)對(duì)比，這樣所有這些都以一種易于用戶(hù)理解的方式匯集在一起。


6.注意錯(cuò)誤

“任何可能出錯(cuò)的事情都會(huì)出錯(cuò)?！?- 墨菲定律

事情會(huì)出錯(cuò)。如果你已做好準(zhǔn)備，這沒(méi)什么大不了的。

用戶(hù)將點(diǎn)擊奇怪的元素組合，或復(fù)制一個(gè)奇怪的URL，或丟失他們的互聯(lián)網(wǎng)連接，或做你不想要的其他事情。當(dāng)出現(xiàn)問(wèn)題時(shí)盡可能多地提供信息，以便用戶(hù)可以輕松地回到正軌。

在設(shè)計(jì)錯(cuò)誤消息時(shí)，嘗試解釋出現(xiàn)了什么問(wèn)題以及為什么 - 例如“沒(méi)有互聯(lián)網(wǎng)連接” - 以及如何解決問(wèn)題。兩條信息都可以在一個(gè)屏幕上傳送，并帶有指向修復(fù)的鏈接（適當(dāng)時(shí)）。Smashing Magazine對(duì)如何為移動(dòng)設(shè)計(jì)錯(cuò)誤狀態(tài)進(jìn)行了很長(zhǎng)時(shí)間的閱讀。


7.警惕視頻 - 現(xiàn)在

雖然我們喜歡在響應(yīng)式網(wǎng)站上使用視頻，但它仍然不是移動(dòng)設(shè)備的最佳選擇。（在以這種方式播放視頻時(shí)，許多設(shè)備仍然不穩(wěn)定。即使設(shè)備可以處理它，互聯(lián)網(wǎng)連接也可能沒(méi)有為負(fù)載做好準(zhǔn)備。）

這并不是說(shuō)您必須完全避免使用視頻，而是要確?？紤]此內(nèi)容類(lèi)型并為移動(dòng)用戶(hù)提供替代方案。它將帶來(lái)更好的整體體驗(yàn)。簡(jiǎn)單的解決方案是始終有一個(gè)靜止圖像代替移動(dòng)視頻，只有在用戶(hù)特別要求時(shí)才播放視頻。


8.使用一致的設(shè)計(jì)

最后，在創(chuàng)建有效的響應(yīng)式網(wǎng)站或應(yīng)用程序時(shí)，您可以做的最好的事情是開(kāi)發(fā)一致的設(shè)計(jì)，在設(shè)備上以相同的方式查看和工作。設(shè)計(jì)中唯一真正的區(qū)別應(yīng)該是設(shè)備特定的功能或用戶(hù)模式。

在視覺(jué)上，這意味著您應(yīng)該使用相同的字體和調(diào)色板，圖像和號(hào)召性用語(yǔ)。大多數(shù)情況可能看似常識(shí)，但事實(shí)上必須說(shuō)明這意味著有太多的網(wǎng)站和應(yīng)用程序不遵守這一設(shè)計(jì)原則。

目標(biāo)是任何用戶(hù)都可以在一臺(tái)設(shè)備上使用您的網(wǎng)站或應(yīng)用程序，并移動(dòng)到另一臺(tái)設(shè)備而不會(huì)發(fā)現(xiàn)事情有所不同。如果您同時(shí)擁有響應(yīng)式網(wǎng)站和應(yīng)用程序，情況也是如此。請(qǐng)注意以上ESPN主頁(yè)（左）和app home（右）的相似之處。

底線？您設(shè)計(jì)的大部分內(nèi)容很可能是針對(duì)移動(dòng)設(shè)備制作的。這不會(huì)很快改變。

本文來(lái)自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技

標(biāo)簽：公司網(wǎng)站制作，廣州建設(shè)網(wǎng)站，官網(wǎng)建設(shè)，網(wǎng)頁(yè)制作公司，建網(wǎng)站公司，企業(yè)建站，廣州網(wǎng)站建設(shè)公司，廣州網(wǎng)頁(yè)設(shè)計(jì)公司，廣州網(wǎng)站設(shè)計(jì)公司，廣州企業(yè)網(wǎng)站建設(shè)