在大多數(shù)應用中,頁面頂部會放置一個搜索欄,比如社交類的應用Facebook,Instagram,LinkedIn甚至Snapchat,還有國內(nèi)的微信,QQ,搜索欄都是頂部。地圖類的應用,百度地圖,高德地圖也都是如此。
為什么要這樣設計呢?Apple并沒有建議將搜索欄放在應用的頂部,界面交互設計規(guī)范也沒有建議。
如果您去谷歌搜索這個問題,Quora上有這么一個回答比較準確:
“用戶已經(jīng)被訓練成在頂部搜索的習慣,設計師不敢冒險去打破這個慣例。”
不過,Lyft的設計師冒險打破了這一慣例。
Lyft采用了與約定俗成的搜索欄不同的設計。他們不是將搜索欄浮動在頂部,而是將搜索放在屏幕的中下部分。這樣的設計可以讓用戶更容易訪問。
雖然我們不是經(jīng)常能意識到,但是現(xiàn)在的屏幕越來越大,特別是對于手比較小的,或者不夠靈活的用戶而言,頂部的搜索欄在使用上是有難度的。
如果您去觀察大多數(shù)的應用,主要的都位于中間或這中下的區(qū)域。所有的導航標簽,消息,鍵盤都為了更好的用戶體驗而放在用戶易于觸及到的地方。
Lyft的搜索欄不在頂部,但它不是在底部,它在拇指的最佳位置。
從上面的圖表中可以看出,大約一半的手機用戶進行單手操作。而Lyft不會讓你伸出一點拇指; 搜索欄位于最佳位置。
我們從上圖中看到,所有的搜索欄有一半位于“Out of Reach”區(qū)域。而Lyft's位于綠色區(qū)域中的拇指下方。
設計師如何從中學到什么?
檢查您的ui分析,使用用戶訪談,查看用戶最常使用的交互界面元素。
在打車,地圖類應用中這個元素是搜索欄。
在社交類中,它可能是照片或類似按鈕,在購物應用中,它可能是產(chǎn)品。
確保最常用的交互元素是界面中最容易訪問的元素。
不要害怕打破常規(guī),過去的東西總要被打破。雖然您希望讓用戶熟悉您的用戶界面,但首先要保證良好的用戶體驗。
您要考慮用戶手的大小和用戶的年齡。問問自己,“我的過往經(jīng)驗是否適用于我要服務的用戶?“”。
適應并了解我的用戶的不同能力?”
最后,不要太過依戀過往的東西。風格在變化,新設計師可能加入貴公司。還記得iOS 6中的3D-ish元素嗎?
請歡迎改變,不要把它推開。
全站高品質(zhì)素材免費下載!