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

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

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

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

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

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

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

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

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

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

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

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

  一、深藏不露的導航

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

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

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

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

  △ Youtube的菜單設計進化-Luke

  小結:

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

  二、「遍地開花」的圖標

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

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

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

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

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

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

  △ Bloom.fm里神奇的菜單欄

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

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

  △ Swarm應用里的圖標指示

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

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

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

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

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

  △ 某php?/??

版權聲明:本文由 蔡樂意 整理編輯。

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

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

文章評論

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

    用戶名:

    驗證碼:

作者推薦

  • 電腦啟動不起來是什么原因,電腦不能啟動

    電腦啟動不起來是什么原因,電腦不能啟動 相關圖片好用的u盤啟動系統為什么電腦不能啟動?計算機硬件或軟盤驅動器可能有問題。你想知道具體原因嗎?接下來,我們來看看為什么電腦不能啟動。我希望它能幫助你。為什么電腦不能啟...

  • 傾國傾城,新傾國傾城

    傾國傾城,新傾國傾城 相關圖片帝少的傾國傾城妻當我們瀏覽網頁時,圖像往往首先在視覺上引起人們的注意。一個好的圖像設計可以極大地美化網頁。與文字相比,網站上的圖片傳達的視覺印象要強烈得多。設計師...

  • Internetexplorer,internet怎么更新

    Internetexplorer,internet怎么更新 相關圖片internet設置當我們使用Internet Explorer時,如果發現Internet Explorer已損壞,應該怎么辦?問題是IE文件存在。單擊菜單中的IE圖標,沒有響應internet升級...

  • 紅墻一號有什么作用,紅墻御

    紅墻一號有什么作用,紅墻御 相關圖片紅墻一號官網大學生喜歡在墻上或街上的廣告牌上寫“我會永遠”這樣的字眼,不雅致。。如果我在網上做一個墻的效果,自己涂鴉,相信mm也會喜歡d~!哈哈!好吧,胡說。首先,創建...

  • 怎樣啟動onenote,onenote啟動

    怎樣啟動onenote,onenote啟動 相關圖片怎樣啟動onenote2010OneNote軟件可以幫助我們錄制一些內容,功能很好,非常實用,因此我們不再需要安裝其他筆記本,直接使用OneNote即可。有些人不知道如何啟動OneNote軟電腦onenote怎么啟...

  • 我的電腦,電腦主機

    我的電腦,電腦主機 相關圖片電腦怎么組裝如今,越來越多的人選擇筆記本作為辦公娛樂設備。然而,面對一些老大難問題,如內存小、功耗續航能力不足等,一些消費者在購買時也有一些顧慮,因此如何判斷哪個...

  • 白云飄逸,白云飄逸的意思是什么

    白云飄逸,白云飄逸的意思是什么 相關圖片湛藍的天空飄逸的白云一。打開藍天白云資料圖片:2。選擇矢量路徑工具:3。將筆劃設置為白色,1px,并軟化線段:4。在材料上涂鴉:5。選擇繪制的線:6。在屬性面板的過濾器中選擇...

  • 兩臺電腦怎么傳文件最快,兩臺電腦快速傳大文件

    兩臺電腦怎么傳文件最快,兩臺電腦快速傳大文件 相關圖片兩臺沒聯網的電腦怎么傳文件當我們遇到兩臺計算機需要將整個硬盤中的文件相互復制時,我們找不到這么大的移動存儲設備。此時,兩臺計算機如何傳輸文件?也許有人的臉是空白的...

  • 如何設置開機啟動項,win7開機啟動項怎么設置

    如何設置開機啟動項,win7開機啟動項怎么設置 相關圖片啟動項設置如何設置啟動項?我相信很多朋友還是不知道。通常,軟件在安裝時會被設置為自動啟動。這將導致啟動速度非常慢。我該怎么辦?接下來,我將教您如何設置啟動項以提高...

  • 銳化效果,ps銳化效果

    銳化效果,ps銳化效果 相關圖片銳化處理的作用這篇文章是從一個朋友的網格中編輯出來的。有沒有什么方法可以讓它在這里快速的為你只是一種思考的方式,不局限于某種效果。為了模仿效果圖而模仿是沒有意義的...

熱評文章

  • 微軟小冰怎么領養,微軟小冰領養

    微軟小冰怎么領養,微軟小冰領養 相關圖片微軟小冰領養要錢嗎說到微軟小兵,你可能并不陌生。微信互動工具。一些新手還沒有接觸過這個軟件,讓我們來分享一下如何采用微軟的小兵。微軟小兵是微軟的一種互聯網智能機器...

  • 顯示器圖標怎么變小,電腦顯示器圖標變大了怎么辦

    顯示器圖標怎么變小,電腦顯示器圖標變大了怎么辦 相關圖片電腦顯示器今天,讓我們通過焰火畫出一個精美的PC顯示圖標。最終效果圖如下:討論:http://www.missyuan.com/viewthread.php?TID=40電腦開機不顯示桌面圖標...

  • 電腦怎樣設置定時關機,電腦在哪設置定時關機

    電腦怎樣設置定時關機,電腦在哪設置定時關機 相關圖片電腦可以設置自動關機嗎如果電腦能在沒有人為干預的情況下自動關機,可以節省很多時間,讓電腦做其他事情。然后設置定時關機顯示其功能。編輯器提供設置計算機定期關機的操作...

  • 電腦配置怎么看,電腦配置怎么看高低

    電腦配置怎么看,電腦配置怎么看高低 相關圖片電腦配置怎么查看電腦配置如何?有很多方法可以查看計算機配置。您可以輸入命令或使用windows,而無需添加其他工具。這些可以直接在系統上找到。接下來,讓我們看看可以查看哪些...

  • 指南針圖案,簡單的指南針圖案

    指南針圖案,簡單的指南針圖案 相關圖片指南針怎么用在本文中,我們使用焰火8繪制一個精致的指南針圖案,完成的效果如下:(圖01)首先,將畫布大小設置為128x128像素,背景顏色設置為白色。(圖01)用橢圓工具畫指南針...

  • skype安卓國際版,skype國際版官網

    skype安卓國際版,skype國際版官網 相關圖片skype國際版手機版Internet用戶希望加密Internet上的語音聊天。Skype可以通過使用國際Skype來實現。Skype使用端到端加密,256位加密可以動態加密每個通話skype 安卓...

  • 一棵樹有多少樹葉,一棵樹大約有多少樹葉

    一棵樹有多少樹葉,一棵樹大約有多少樹葉 相關圖片一棵樹上與Photoshop的畫筆相比,焰火的筆劃明顯又小又大。它不僅功能差,而且在中風的保存和管理上也很麻煩。但我們只是喜歡畫畫,而不是軟件的力量這次,你會看到如何使七什么...

  • office密鑰,激活office密鑰

    office密鑰,激活office密鑰 相關圖片office2007密鑰許多用戶下載并更新Office 2010,但在安裝Office 2010后,它們都是非活動的試用版。但是,有些人不知道Office 2010的密鑰是什么,所以他office密鑰在哪里查找...

  • undefined分,好玩吧undefined更新

    undefined分,好玩吧undefined更新 相關圖片undefined網站我首先想到的是如何設計出各種新穎的圖形、紋理和界面,追求潮流和創意。但后來發現,設計中最困難的部分是平衡各方面的因素,并在制約因素中尋找解決辦法,需要規...

  • Internetexplorer,internet怎么更新

    Internetexplorer,internet怎么更新 相關圖片internet設置為了匹配窗口的新Luna桌面計劃,Internet Explorer 6在其工具欄按鈕上添加了一些顏色。windows徽標的新顏色在白色背景上更清晰。使Inteinternet升級...

關注微信

变脸官网查询