很遺憾,因您的瀏覽器版本過低導致無法獲得最佳瀏覽體驗,推薦下載安裝谷歌瀏覽器!

在线视频免费观看-在线视频免费视频网站-在线视频网址-在线视频网址免费播放-六月天丁香婷婷-六月天色婷婷

談導航欄返回按鈕的替代方案

2015-09-30  來自: 陜西印象信息技術有限公司 瀏覽次數:3528

本文主要討論返回按鈕的設計,如果手機尺寸略大,那么你將不得不使用另一只手來點擊返回按鈕。我猜這也是很多安卓手機會在左下角放置硬件返回按鈕的 原因之一;不過這種解決方案也不是的,因為在安卓平臺中,應用內的“返回上一級”按鈕與硬件返回按鈕的功能還是有所區別的。

  這里進入譯文。我(英文原文作者)愛iPhone5,那多出來的640×176像素的空間非常有用。不過我時常會在點擊那個***重要的按鈕時遇到麻煩,是的,就是返回按鈕。UX設計當中有一條規則,如果某個功能是很常用的,那么它應該被放在***容易點擊到的位置上。

  49%的移動用戶在使用手機時是單手操作的,這就意味著每兩個用戶當中就有一個會每天多次通過單手來點擊返回按鈕;算起來的話這可是數以億計的點擊 率。如果手機尺寸略大,那么你將不得不使用另一只手來點擊返回按鈕。我猜這也是很多安卓手機會在左下角放置硬件返回按鈕的原因之一;不過這種解決方案也不 是的,因為在安卓平臺中,應用內的“返回上一級”按鈕與硬件返回按鈕的功能還是有所區別的。

120.jpg

  通過手勢來解決問題

  要解決返回按鈕的問題,的方案就是使用手勢。在用戶已經熟悉了應用操作方式的前提下,手勢還是很有效的。另外,將手勢操作作為可視化按鈕的一種補充形式也是不錯的做法。

122.png

  讓我有些驚訝的是,在試用了無數個應用之后,我發現市面上已經有很多產品在通過這種方法解決返回按鈕的問題了。當然,沒有哪種解決方案能適用于所有的情況,但至少這是個開始。我個人真心希望設計師們能夠逐漸找到更多更有創意的方案。

 拋甩(toss)

  “拋甩”是對我們與真實物體之間互動方式的一種隱喻,使用這種模式,你可以很輕松地將當前的活動界面“甩開”。例如在Letterpress中,用戶可以通過向下快速滑動的手勢將彈出提示甩走,有點意思。

123.png


在Facebook里,當你全屏查看一張圖片時,可以將圖片向上或向下甩開,回到之前的界面當中。

230.png

 橫向滑動

  新界面從屏幕右側向左滑入視圖,這是iOS當中的標準動效。相應的,我們也可以通過向相反的方向執行輕掃來導航回之前的界面,例如你可以在Pinterest當中通過向右輕掃的手勢將大圖界面向右移走,回到之前的界面。

300.png

類似的,在Flipboard里,你也可以在某主題下的內容界面中通過向右輕掃回到主界面。

400.png

  在iBooks中,并沒有明確的視覺指引告訴你可以通過左右輕掃的手勢來打開下一頁或回到上一頁。不過除了輕掃以外,點擊屏幕的左右兩部分也能起到同 樣的導航作用,這樣,由于缺乏視覺指引所導致的導航功能不可發現的概率就大大降低了。而且由于翻頁效果使用了強有力的隱喻,所以一旦用戶通過點擊屏幕完成 了一次翻頁操作之后,很容易根據漂亮的翻頁動效來發現左右輕掃的導航功能。 

800.png

縱向拖動

  與橫向滑動的初衷相似,如果某些界面是從屏幕底部或頂部向上滑入視圖的,那么可以嘗試使用縱向拖動的方式來進行后退導航。Day One應用就打造了這樣一套屬于他們自己的“下拉刷新”,使用戶可以在縱向的操作中直接進入之前或之后的一篇內容。

900.png

在Clear里,你可以通過向下長拖動來回退到上一級列表,而向下短拖動則用來創建新的事項。

01.png

  而Haze允許用戶通過向下拖動界面來進入設置界面;當然嚴格的講這不屬于“回退”方面的導航操作。

02.png

長按或雙擊如何?

  長按和雙擊都是可以由拇指獨立完成的操作,所以我個人覺得它們將來有可能在回退導航上體現出價值。

  從視覺和布局的角度解決問題 互聯網的一些事

  誠然,按照iOS設計規范所要求的那樣將返回按鈕放在導航欄左側,看上去是***自然的。但這不能阻止我們在必要的時候完全改變返回按鈕的視覺樣式或位置;它甚至可以看上去不那么像個按鈕。 yixieshi.com

  Basecamp將待辦事項內容界面設計成半覆蓋的面板形式,用戶點擊左側未遮蓋的空間即可將面板向右收起,返回到之前的界面。

10.png


  如果內容類型適合,我們確實可以像Basecamp那樣將子界面處理成某種覆蓋層或面板的形式,并使用“完成(Done)”按鈕進行關閉,返回上級界面。完成按鈕可以被放置在界面右上角,相比于左上角的位置,更容易被點擊到。 


36.png

    總結

  除非蘋果推出一款更纖細、邊緣更薄的手機,否則我個人還是建議設計師們能夠抱著更開放的心態來看待使用手勢執行常規操作這件事。如果你能充分理解交互 對象的運動方式以及人們對這些運動規律的認知,并將這些理解體現到設計當中,那么手勢會成為非常***和符合直覺的操作方式。作為設計師,我們***清楚人們 在實際當中是怎樣使用手機的,只有這樣,才能設計出讓人們愉悅而不是感到受挫的產品。






網站建設 網站運營維護 百度推廣 抖音推廣 抖音搜索排名 短視頻推廣 短視頻運營 短視頻矩陣 短視頻代運營 短視頻拍攝剪輯 


CopyRight ? 版權所有: 陜西印象信息技術有限公司 網站地圖 XML 備案號:陜ICP備09025595號-1

陜公網安備 61010302000938號


掃一掃訪問移動端
主站蜘蛛池模板: 国产激情视频一区二区三区 | 中国嫩模一级毛片 | 欧美日韩精品国产一区在线 | 欧美日本成人 | 亚洲成人三级 | 欧美第一页在线 | 欧美天堂在线观看 | 中文字幕制服 | 精品视频69v精品视频 | 亚洲精品tv久久久久久久久 | 在线不卡国产 | 亚洲自拍图片区 | 欧美在线日韩在线 | 伊人精品视频 | 免费播放国产性色生活片 | 日韩欧美中字 | 欧美 在线 成 人怡红院 | 国产在线观看不卡免费高清 | 免费成年人视频网站 | 亚洲国产日韩a在线播放 | 香港经典三级成人xxx | 免费成人高清视频 | 中文字幕欧美在线 | 天天涩综合 | 日韩欧美一区二区三区 | 在线视频一区二区三区在线播放 | 福利体验区 | 欧美特黄三级在线观看 | 欧美日韩一卡二卡 | 成人xxx免费视频播放 | 天天操天天插 | 最新一本大道香蕉综合 | 国产色婷婷精品免费视频 | 日本不卡二区 | 窝窝午夜影院 | 成年黄网站在线观看免费 | 韩国xxxx色视频在线观看免费 | 2015小明看日韩成人免费视频 | 高h辣h双处全是肉一对一 | 免费一级毛片在线播放 | 一级毛片无毒不卡直接观看 |