您現在的位置是:電腦技術吧?>? 基礎知識 ??>??杜絕浪費有哪些,杜絕一切浪費??>??正文詳情

杜絕浪費有哪些,杜絕一切浪費

帛清俊2019-11-28 10:01:59 人圍觀
簡介杜絕不良行為今天,這篇文章很有可讀性分析了漢堡菜單、手勢操作、導覽頁、空白頁等幾種被嚴重濫用的用戶界面設計的不足,給出了正確的使用姿態。干貨和土草都很吸引人。@特雷

今天這篇可讀性非常高,針對當下幾種被嚴重濫用的UI設計,漢堡菜單、手勢操作、引導頁、空白頁等,仔細分析了它們的缺點,也給出了正確的使用姿勢。

既是干貨也是吐槽,相當有看點,來收!

  @TerryFan :創新總是很少,互相借鑒總是特別多,我們一起來看看那些被濫用但有時并沒那么好的設計,給大家敲響警鐘,參考無罪,但是多獨立思考,自主設計。

  如果你是一位有經驗的設計師,你也許常會在其他界面中獲取設計靈感,這并不等同于抄襲。

這是在做最佳案例研究,可以套用常用的設計模式,也符合主流的設計規范,而且使用用戶熟知的UI組件,可以讓界面變得更加易用。

  也許有人會說太依賴于設計規范而且抄來抄去的,完全扼殺了創造力,而且最終,所有的應用都長成一樣了。

然而從體驗的角度來說,我看到了另外一個問題。

習慣于復用那些常見的UI組件會讓你慢慢陷入一個誤區,你會認為Google、Facebook、Instagram等你喜歡的應用總是對的,他們的設計意圖和你的想法一致,你會完全忘了帶著質疑的態度來看他們的設計。

這里我列舉一些UI組件,他們被認為(或是曾經被認為)是非常好的設計,然而他們也許并沒有那么好。

  一、深藏不露的導航

  過去一段時間,有無數關于漢堡菜單的文章,大部分設計師都在抵制使用他,然而這件事的本質并非是圖標的錯,而是將導航隱藏在圖標之下的問題。

  這種設計方案對于設計師來說特別省事,根本不用擔心有限的屏幕大小,只需要將你所有的菜單項排個序然后放進這個可滾動的浮層中,藏在漢堡菜單里。

  然而實踐證明,使用可視化的菜單項會提高用戶的參與度、滿意度甚至是商業利益。

這也是為什么現在主流的應用都從漢堡菜單改成底部導航的可見菜單設計。

  △ Youtube的菜單設計進化-Luke

  小結:

  如果你的菜單很多很復雜,將他們隱藏起來并不會提高友好度, 信息重組并重排優先級才是正道。

  二、「遍地開花」的圖標

  還是因為有限的屏幕空間,似乎盡可能使用圖標代替文字來節省空間是個無需考慮的真理。

圖形顯然占用更少的空間,他們無視多語言,而且用戶很很習慣,不是么?幾乎所有應用都是這么做的。

  有了這樣的設想后,設計師常常會選擇將功能隱藏在哪怕是可識別性特別低的圖標之下。

例如Instagram,你能想到你可以通過點擊這個圖標直接發送消息么?

  還有,如果你從來都沒有用過谷歌翻譯,你認為點擊這個鬼畫符似的圖標會發生什么呢?

  假定用戶熟知那些抽象化的圖標或是認為用戶會花多余的時間探索并且學習圖標的功能,是一個常見的設計錯誤。

  △ Bloom.fm里神奇的菜單欄

  如果你認為在界面中給圖標提供一個彈出式的標注能夠提高可用性,那你就錯了。

即使是在Foursquare里(譯者注:一款在國外超有名的簽到應用,街旁的原型)你的用戶總歸會去學習并且記住他,也不代表這樣設計是對的。

  △ Swarm應用里的圖標指示

  但這并不意味著不能使用圖標,有許多已經形成普遍用戶認知,像那些代表常規功能的圖標,例如搜索、視頻播放、郵件、設置等等。

(但是用戶仍然有可能不太確定,比如,點擊一個心形的圖標具體會發生什么)

  △ 這些都是用戶熟知,可以被廣泛使用的圖標

  對于復雜的功能,應該始終配有合適的文字。

在這種情況下,圖標仍然很有用,因為圖形可以提高菜單的可發現性,可以在界面中形成一個合適的觸摸區域,并且能夠增加應用的個性。

  △ 某php?/??

版權聲明:本文由 帛清俊 整理編輯。

原標題:杜絕浪費,杜絕浪費該怎么做

轉載注明出處:http://www.dn9ww09s.icu/basics/14683.html

文章評論

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

    用戶名:

    驗證碼:

作者推薦

  • 美團外賣完成的訂單怎么刪除,美團外賣的賬單怎么刪除

    美團外賣完成的訂單怎么刪除,美團外賣的賬單怎么刪除 相關圖片美團外賣如何刪除足跡現在很多上班族喜歡點美團外賣。過了一會兒,他們想清理訂單記錄。那么美團如何才能取出刪除訂單記錄呢?接下來,超人軟件將為您帶來美團外賣iPhone版的訂...

  • 小辣椒v9,小辣椒手機v9

    小辣椒v9,小辣椒手機v9 相關圖片小辣椒v11最近,國內手機紛紛推出自己的新版手機,而pepper V9也沒有空閑時間。新產品發布也已舉行,正式發布其愿景無國界新機器胡椒V9。胡椒V9怎么樣?胡椒V9的價格小辣椒5...

  • python日期格式化,python格式化

    python日期格式化,python格式化 相關圖片python轉換日期格式本文主要介紹了在Python中輸出日期和時間格式的方法。該實例總結了python常用的日期和事件操作技巧,具有很強的實用價值。您可以參考下面的示例來總結Pythpythonstr時...

  • 迅捷轉換器,迅捷轉換器老轉換失敗

    迅捷轉換器,迅捷轉換器老轉換失敗 相關圖片迅捷視頻轉換器好用嗎在使用軟件之前,我們需要下載軟件的安裝包,然后在計算機上安裝軟件。同樣,用戶需要在使用快速PDF轉換器之前安裝軟件。下面的超人編輯器為您帶來一個詳...

  • 整形失敗案例,整形失敗案例圖

    整形失敗案例,整形失敗案例圖 相關圖片裝修失敗案例今天的文章不長,但對新設計的學生來說值得一讀。如果他們經常抱怨甲方不懂設計,每次修改手稿都很氣憤,那就更需要學習。從一個設計師的失敗案例總結中,我們可...

  • 買透視鏡,萬能透視鏡

    買透視鏡,萬能透視鏡 相關圖片透視鏡網站在這段時間里,人們最關心的話題之一就是計算機病毒的入侵。許多小伙伴可能已經加強、加強和加強了計算機安全。所以手機也有病毒風險。如何清理手機髕骨?中國領先...

  • 設計師都去哪找素材,室內設計素材

    設計師都去哪找素材,室內設計素材 相關圖片廠房建筑設計我很好奇在《運球與行為》上發表名著的諸神在哪里尋找素材?是的,即使他們需要優秀材料的支持來完成他們的工作。今天我們將公布他們的材料來源。有網站,PSD材料...

  • 前程無憂屏蔽了還能看,前程無憂在哪里可以屏蔽公司

    前程無憂屏蔽了還能看,前程無憂在哪里可以屏蔽公司 相關圖片前程無憂怎么辨別公司真假他們在找工作的時候,會遇到一個非常尷尬的問題,就是希望前程無憂發布簡歷時,不會被以前的公司或者一些有過不愉快經歷的公司看到。前程無憂如何阻...

  • win7任務欄,win7沒有任務欄

    win7任務欄,win7沒有任務欄 相關圖片win7徹底關閉任務欄今天,超人編輯器為您帶來了一個關于在win7任務欄中添加愛的課程。選擇這門課是因為大多數女性在使用電腦時會感到單調乏味。除了漂亮的桌面,其他的都很無聊。...

  • python大小,python 比較大小

    python大小,python 比較大小 相關圖片python集合比較大小本文主要介紹了Python獲取遠程圖片大小的方法,并結合實例分析了Python中的urllib2.urlopen方法和圖片操作技巧。對于需要幫助的人,請參考下面python比較兩數大小...

熱評文章

  • bmp怎么轉換為pdf,bmp轉換pdf

    bmp怎么轉換為pdf,bmp轉換pdf 相關圖片bmp格式轉換雖然PDF到word、word到PDF、PDF到PPT等文檔在工作中經常需要進行轉換,但是如果偶爾有BMP到PDF的轉換,知道它的人并不多,所以這個bmp格式如何轉換成jpg...

  • 元素element,myelement元素

    元素element,myelement元素 相關圖片element是啥我很久沒有更新教程了。我最近很忙。今天,我想和大家分享一下如何使用pixate來產生使用單一元素來擴展轉換的效果效果。效果如下:實際上,這個效果在pixate中element是哪里...

  • 軟件undefined是什么意,下載undefined是什么意思

    軟件undefined是什么意,下載undefined是什么意思 相關圖片undefined吧雖然win10系統的官方版本還沒有正式發布,但是win10系統的預覽版已經發布,所以很多用戶都去安裝和更新win10的預覽版。當然,一般用戶會通過windowsundefined錯誤代碼...

  • 設置windows,win10 設置

    設置windows,win10 設置 相關圖片win10中文設置win10系統有很多設置可以讓你的電腦看起來更好,但如果你操作不當,你的電腦會在瞬間落入這個國家。今天,超人編輯器為您帶來了一個教程,教您如何以最佳的效果設置...

  • 圖庫攝影師,中國圖庫攝影師

    圖庫攝影師,中國圖庫攝影師 相關圖片中國圖庫簽約攝影師今天,一個新的安利畫廊網站被挑出來,因為它的所有照片都是由專業攝影師拍攝的。圖片的質量比一般的畫廊網站要高得多。這些圖片可以免費下載、使用和修改...

  • win7耳機插孔沒反應,win7前面板耳機插孔無反應

    win7耳機插孔沒反應,win7前面板耳機插孔無反應 相關圖片win7前置面板耳機沒聲音計算機的普及率很高。現在可以說人們有一臺電腦。但是在使用計算機的過程中,總會出現各種各樣的問題。比如超人小編最近就遇到電腦機箱前的耳機插孔壞了...

  • 設計師用APP,設計師經常看的app

    設計師用APP,設計師經常看的app 相關圖片設計師交流的app工欲善其事,必先利其器。今天,我們將為我們的設計師提供24款精選軟件。我們推薦來自大公司、捷步達康、ustwo、okfocus等團隊的頂尖設計師,看看他們通常使設計師必...

  • explorer.exe,explorer.exe什么意思

    explorer.exe,explorer.exe什么意思 相關圖片電腦explorerexe下載安裝win7后,您可能會發現打開資源管理器并查找彈出窗口:explorer.exe server無法運行。你現在慌了嗎。別擔心,超人小編告訴你這個時候你應該這么explorer.exe桌面消失...

  • 什么是高素質,高素質的人

    什么是高素質,高素質的人 相關圖片高素質情侶Webdesignerdepot的干貨收集材料確實是業內最穩定、規格最高的產品。清晰的截圖、及時的更新和全面的報道是本專欄的三大特色。像往常一樣,我不談細節。P高素質干部隊伍標...

  • 去除性功能的方法,怎樣去除快捷功能

    去除性功能的方法,怎樣去除快捷功能 相關圖片濕氣去除后性功能能恢復嗎win7系統的一些用戶討厭UAC功能,但UAC功能對win7系統的安全非常重要。下面的超人編輯器為您提供了一種方法,使用方便,非常有效1。打開操作窗口并輸入腎...

關注微信

变脸官网查询