您現在的位置是:電腦技術吧?>? 組裝維修 ??>??讓人抓狂,怎么讓別人抓狂??>??正文詳情

讓人抓狂,怎么讓別人抓狂

寧婉儀2019-11-16 08:20:39 人圍觀
簡介讓人抓狂的女人有時候,當我打開一些充滿期待的網站時,他們的存在就是設計的災難!相信我,當你看到他們,你會發瘋的。從莫名其妙的鏈接丟失到糟糕的可用性,本文將分享一些

有些時候,當我滿懷期待地點開某些網站的時候 它們的存在簡直是設計的災難!相信我,當你看見它們也會抓狂的。

從莫名的鏈接丟失到糟糕的可用性,本文會分享一些會讓人瞬間暴走的錯誤設計。

注意!千萬別讓你的用戶遇到和下面同樣的問題。

  1. 缺乏對比度

  網頁上的文字和圖片都需要具備較高的可讀性,最簡單的方法就是讓它們具有高對比度。

但是許多設計師卻經常忽視這條規則。

  圖片背景與文字對比度太差,導致文字模糊不清無法閱讀,用戶不僅錯過這段話也錯過了你要傳達的重要內容。

  你必須保證每一個元素都與它周圍的其他元素區別開來,記住這些基本方法色彩、空間、尺寸。

合理地運用它們讓你的每個元素都清晰可見吧!  上圖的兩個對比問題白色的文字與淺色的圖片顏色過于相近以及過小的字號都讓這段文字的可讀性變得極差。

  2. 糟糕的導航和操作流程

  當我登陸了網頁的第一眼,你就得讓我明白接下來我該做哪個操作。

點擊按鈕以及信息需要放在顯眼的位置這就是為什么導航和菜單欄往往處于頁面的頂部。

  導航的標簽內容和運行效果必須清晰直觀,當你嘗試使用水平方向的滾動條或者其他一些不太尋常的動效設計的時候,給用戶一些暗示讓他們知道你的網頁如何工作吧!過于復雜的設計會讓用戶感到無所適從并放棄你的網站。

  3. 糟糕的圖片搭配處理

  沒有什么比一個優秀的圖片被其他設計掩蓋更糟糕了。

如果你花了時間為你的網站搭配了一張優秀的圖片,為什么要讓它被其他的設計元素所覆蓋呢?加上簡單的一行字就可以了!這也是為什么透明按鈕成為了新的流行趨勢。

  當設計師追逐潮流的時候,經常會落入這樣的誤區。

頂欄很有趣,滾動也很棒,可是當你為它們搭配上文字,一切就容易變得不那么和諧了。

頁面上的每個圖片都需要與文本搭配,讓每個文字都可讀,圖片上的每個設計元素都清晰可見。

  不要用文本或者按鈕覆蓋圖片上任何重要的部分。

當你覺得你的頁面設計出現了這樣的情況,最好更換一個更加簡潔的背景并在其他地方放上你的這張圖片吧。

  當第一眼看到上面這張圖的時候你會被吸引是因為它的素描風格。

但仔細看看,人物面部被文字遮蓋了,那段褒獎之辭也讓整體顯得雜亂無章。

  4. 不使用網格

  在網頁設計中,有些雜亂也能讓人賞心悅目,不對稱是其中的一種,不使用網格絕對不是!  是否使用網格是區分設計好壞的專業指標之一。

網格讓一切變得清晰有組織性 讓你的元素之間保持一致的適當的間距,你知道應當把你的元素放在哪兒、怎么放。

網格幫助你確定元素的尺寸、文本的尺寸和空間,通過比例展現內容的側重點。

  5. 不采用響應式設計

  使用響應式設計框架!使用響應式設計框架!使用響應式設計框架!重要的事情說三遍! 你的網頁或許需要在手機上運行,它必須要和在電腦上運行一樣流暢。

  我總能遇到一些網站,在手機上加載出的是一整個頁面。

這些網站并不是響應式設計,至少沒有手機版的視圖,以至于用戶無法使用。

(雖然很不常見,但那些只提供手機版視圖的網站也相當讓人無奈。

)  或許很多用戶和我一樣,如果我不能在手機上順利使用你的網站,那我也不會在我的電腦上打開它了。

  6. 鏈接丟失  崩潰的鏈接是網頁上最讓人惱火的事之一。

養成每年都去審核你的網頁上鏈接是否暢通的習慣吧!你可以手動檢查或是使用某些工具,比如Website Link Checker.  如果你的logo并不能鏈接到你的網站首頁,我也會感到奇怪。

Logo都是要鏈接到網站首頁的。

(以及當處于首頁的時候,不要禁用返回按鈕。

)  考慮鏈接的可用性。

保證你的鏈接,特別是那些文本中的鏈接足夠明顯并且易于點擊而不造成誤操作。

不要在你的文本中添加很多文字鏈接,特別是在小的移動設備屏幕上,用戶很難點擊到正確的鏈接。

  7. 自動播放音樂

  在網頁上添加聲音會很生動,可千萬別在沒有用戶提示的情況下播放音樂。

  你應當提供給用戶一個打開/關閉音樂的按鈕,并且默認關閉。

音樂或許會讓用戶驚艷,可要是用戶正處于工作環境或是心情很差的時候這么做卻適得其反。

用戶需要能完全操控你的網頁,而自動播放的音樂卻與之背道而馳。

我需要網頁音樂但播放必須得到我的同意,如果我沒辦法找到按鈕關閉自動播放的音樂,那只能直接關掉網頁。

  但應用在廣告上這倒是個不錯的招數。

如果你有有聲音的內容必須要播放,考慮放一個大的彈出式靜音按鈕。

用戶往往會接受幾秒鐘的廣告時間并會去閱讀內容。

雖然這不是一個理想的方法,卻是一個比較好的解決方案。

  看看上面這張頁面,它會自動播放音樂但應當是靜音的。

再看看能不能一眼找到切換按鈕吧按鈕太小了特別是對比其他元素它更難被找到了。

  更嚴重的罪狀  沒有最糟只有更糟,下面的一些細節設計錯誤也會讓我棄之而去,別讓你自己成為這些粗心犯的錯誤的受害者了。

  沒有搜索功能  語法或拼寫錯誤  沒有呼叫功能  文字中出現太多鏈接  連字符連接的文本  超小的按鈕  糟糕的排版和可讀性  每個人都很容易造成這些設計失誤(你在整體設計很棒的網站上也會發現這些潛在問題)。

在設計和開發過程中關注這些小細節,你可以成功避開這些失誤。

別惹你的用戶生氣(嚴肅臉)!

版權聲明:本文由 寧婉儀 整理編輯。

原標題:當一個人讓你抓狂的時候,總有一種人讓人很抓狂

轉載注明出處:http://www.dn9ww09s.icu/assemble/12773.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • icloud儲存空間不足,icloud儲存空間不足老是提示

    icloud儲存空間不足,icloud儲存空間不足老是提示 相關圖片手機顯示icloud儲存空間不足Icloud存儲空間是iPhone設備的云存儲空間,對于內存較小的iPhone非常實用,部分數據備份在Icloud上方便、安全。但是icloud沒有太大的空間。icloud更改儲存空間點...

  • 有創意的網頁設計,創意網頁設計欣賞

    有創意的網頁設計,創意網頁設計欣賞 相關圖片設計網頁設計你可能選擇的設計方式超出了普通人的創意思維,但有時候,太多的創意會扼殺我一直認為越有創意的人,就越容易成為優秀的設計師。然而,我對設計了解得越多,我就...

  • 熊貓tv佛跳墻多少錢一個,熊貓tv佛跳墻多少錢

    熊貓tv佛跳墻多少錢一個,熊貓tv佛跳墻多少錢 相關圖片斗魚一個佛跳墻多少錢熊貓電視是目前主流的直播平臺之一。很多用戶會觀看自己最喜歡的主持人直播,并送禮表示支持,這也是主持人的力量所在。在熊貓電視的贈品中,有網友問佛...

  • 手機陀螺儀怎么用,手機上陀螺儀有什么用

    手機陀螺儀怎么用,手機上陀螺儀有什么用 相關圖片手機陀螺儀應用對于普通用戶來說,陀螺儀的功能相當奇怪,很多人甚至沒有聽說過。什么是手機陀螺儀?有什么用?手機陀螺儀也稱角速度傳感器,用于測量偏轉和傾斜時的旋轉角速...

  • 網頁字體不一樣,網頁字體大小不一樣

    網頁字體不一樣,網頁字體大小不一樣 相關圖片百度網頁字體和默認不一樣[問題描述]使用dreamweavermx設計網頁時,使用了很多藝術字體。上傳后在本地計算機上瀏覽沒有問題。但是,當在其他計算機上訪問時,字體都會改成宋體。為...

  • excel中格式刷使用方法,怎樣使用格式刷在xls

    excel中格式刷使用方法,怎樣使用格式刷在xls 相關圖片電腦上格式刷該怎么用使用Excel處理某些數據時,經常需要將外部數據復制粘貼到Excel中。但是,有時外部數據粘貼進來的數據會有不同的格式,這會破壞表的整體整潔性。此時,我們可...

  • 過硬的能力素質,業務素質過硬

    過硬的能力素質,業務素質過硬 相關圖片打造一支素質過硬網格系統與許多類似的工具/材料相同。“系統”這個詞使它看起來很高。事實上,大多數網格系統只是一系列縱橫交錯的細線。很簡單嗎?看起來是的。然而,之所以...

  • 釘釘批量加好友,釘釘怎么加陌生好友

    釘釘批量加好友,釘釘怎么加陌生好友 相關圖片釘釘必須加好友才能發消息么如今,釘子是許多職場人士的溝通工具。一些公司使用釘子進行內部溝通和辦公用品。不過,對于剛剛接觸過美甲的用戶來說,很多操作還是陌生的。例如...

  • 丁木火通明,什么什么通明

    丁木火通明,什么什么通明 相關圖片通明集團Dreamweaver,也被稱為DreamWorks,以前是網頁上有名的三劍客。很多網友對夢織女非常熟悉。同明flash現在也很流行,特別是QQ空間流行之后,如徹夜通明...

  • 韓劇tv,韓劇tv為什么不能播放

    韓劇tv,韓劇tv為什么不能播放 相關圖片電視上如何安裝韓劇tv韓國電視臺是許多韓國影迷觀看熱門韓劇的地方。這款韓國電視視頻應用程序專門為廣大韓國粉絲設計,與韓國各大電視臺同步,提供全網最新熱門韓劇,功能非常...

熱評文章

  • pdf文件改大小,怎樣縮小pdf文件的大小

    pdf文件改大小,怎樣縮小pdf文件的大小 相關圖片pdf字體大小修改對于某些文檔,使用PDF格式無疑比簡單的圖片文件或PPT文件更直觀。雖然PDF格式的文件易于使用,但存在一個問題,即PDF文件比一般的文件格式大,這將占用更多的怎么...

  • 辨別,怎樣辨別玉的真假和好壞

    辨別,怎樣辨別玉的真假和好壞 相關圖片紫砂壺怎么分辨好壞橫幅實際上是指橫幅或旗幟。隨著互聯網的興起,橫幅一詞被用來指各種尺寸和形狀的廣告地圖,這些地圖被放在互聯網上(PC端,移動端)。有靜態和動態的區別。...

  • 瑞星怎么徹底刪除,怎么刪除瑞星

    瑞星怎么徹底刪除,怎么刪除瑞星 相關圖片注冊表刪除瑞星許多普通用戶在電腦上安裝防病毒軟件是瑞星,但當他們想更換其他殺毒軟件時,他們無法卸載瑞星。這時,你會發現rising cliff是你見過的最頑固的軟件。瑞星如何瑞星...

  • 百度有錢花借現金,有錢花有額度借不出來

    百度有錢花借現金,有錢花有額度借不出來 相關圖片有錢花怎么還款百度富富華是百度旗下的一個信用服務品牌。主要運用百度人工智能和大數據風險控制技術,為公眾提供個人消費信貸服務。具有申請簡單、審批快、額度高、放款快、...

  • 做一個APP需要多少錢,APP多少錢

    做一個APP需要多少錢,APP多少錢 相關圖片開發app需要多少錢這篇文章在網上很受歡迎。本文從一個實踐者的角度,真實地分析了一個應用從開發到發布的成本,非常值得借鑒。這篇文章的發表已經被原作者授權為網絡從業者,...

  • taskmgr進程,wuauclt是什么進程

    taskmgr進程,wuauclt是什么進程 相關圖片explorer是什么進程一些用戶的計算機資源被一個名為wault.exe的進程占用,這會導致計算機阻塞。很多用戶都想知道wault.exe是什么進程。你能關閉或刪除它嗎?wault.euns進程...

  • 提升用戶體驗的方法,提升用戶體驗感

    提升用戶體驗的方法,提升用戶體驗感 相關圖片如何提高網站用戶體驗1)用戶只看最終結果2)明確表達態度的原因3)關注真實的數據結果,發現用戶的情感差距。今天,阿里的紅鷹同學結合自己的工作經驗,總結出了用戶體驗設計...

  • 屏幕鎖忘記了怎么解鎖,如果手機密碼忘記了怎么辦

    屏幕鎖忘記了怎么解鎖,如果手機密碼忘記了怎么辦 相關圖片蘋果解鎖密碼忘掉了迷宮解鎖是Android用戶經常使用的一種模式解鎖方法。盡管迷宮解鎖比其他密碼方法簡單,但許多用戶仍然忘記了迷宮解鎖密碼。當你忘記解鎖迷宮的密碼時你會怎么...

  • conime進程,rdpclip進程

    conime進程,rdpclip進程 相關圖片ecagent進程很多任務管理器通常有一些不熟悉的進程,這些進程占用了大量的CPU資源。如果你想刪除它,你不知道會有什么問題。例如,許多人不知道conime.exe是什么進程conisgtool.exe...

  • 創意h5,創意H5宣傳

    創意h5,創意H5宣傳 相關圖片創意h5 傳播RT,請參考類型分析和典型案例:1。個性化測試的基本邏輯:輸入姓名/其他個人信息,隨機帶出姓名變量的結果共享核心思想:測試結果一般具有個人屬性和炫耀性質(社會...

關注微信

变脸官网查询