<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 【圖 文】為大屏手機而設計

          2014-11-18    用心設計

          藍藍設計( www.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設平面設計服務

          來源:http://mp.weixin.qq.com/s?__biz=MjM5NTgwNDc4MA==&mid=202022851&idx=1&sn=5130751d6b7df01e04fa45c8dca2885c#rd
                                                                  <div class="rich_media_content" id="js_content"><p><span style="max-width:100% !important;word-wrap:break-word !important;box-sizing:border-box !important;">如今的手機越來越大,我們的手則不然。怎樣的設計解決方案可以確保大屏手機上的交互體驗依然輕松舒適?下面是一些小建議,供你參考。</span></p>


          為拇指而設計


          Steven Hoober對1333名用戶的手機使用習慣進行了觀察和分析,發現其中75%的用戶會依賴于拇指進行操作,而49%的用戶習慣于單手持機。在大屏手機上(我們主要指4寸以上的規格),用戶必須將拇指伸出舒適區域才可能觸摸到界面頂部的交互對象。

          舉 個例子,我個人來說,每天在使用Amazon音樂應用時都會遇到這樣的問題。我需要頻繁使用到的導航入口恰好位于界面左上角;這個幾年來約定俗成的模式, 如今在大屏設備上反而成了單手操作的噩夢。和很多人一樣,要觸摸到這個圖標,我首先必須將手掌上移,握住機身,再伸出拇指去夠到它;或是伸出另一只手來幫 助操作。其實事情完全可以不必這樣。

          系統級的解決方案

          為了解決此類問題,如今的移動操作系統已經提供了一些相關的解決方案,幫助用戶更方便的觸摸到界面頂部的控件。

          在iOS方面,蘋果允許用戶通過連續兩次輕觸home鍵使界面整體下移,以便界面頂部的元素可以進入拇指熱區。方法不壞,只是原本一次點擊的操作現在需要三次了。

          此外,這種系統級的解決方案當中還有一個時間限制的問題。當你兩次輕觸home鍵使界面下移,然后讓視線重新定位目標對象的新位置,并準備進行操作時,界面很可能已經自動恢復到默認的位置了;若是這樣,你還需要再來過一遍;整個體驗不是很優雅。

          屏幕邊緣右滑手勢

          讓拇指在大屏手機上觸摸到界面左上角的元素固然困難,但讓手指從手機左邊緣開始貼著底部橫向滑動就簡單很多了。對于展開導航菜單的交互來說,這種方式可以很好的替代傳統的左上角入口模式。

          不 過,與其他種類的手勢操作相同,這種模式有著自身的弊端,也就是不如明確的視覺元素那樣顯而易見。換句話說,用戶必須首先知道這種交互的存在,然后記憶下 來,并在需要使用的時候記得起來才可以。所以,這類手勢并不能完全代替可視化的交互元素;例如漢堡包菜單圖標及點擊展開的模式仍然存在,手勢操作成為一種 “輔助”或“優化”的角色。

          此外還有一個問題:右滑手勢只是讓菜單的展開更加便捷,無需拇指點擊左上角的圖標即可實現;但要觸摸到菜單內部那些靠近屏幕頂端的選項,問題依然存在。

          底部布局

          要 確保用戶在單手操作時能舒服的使用重要的常用功能,我們有時需要考慮將功能或導航元素布局到界面底部。這種方案不僅為重要功能提升了可觸達性,同時還可能 改善其他方面的體驗。最經典的案例就是Facebook在他們的iOS應用中將導航從側邊畫布外移回到界面底部。“新”的設計方案不僅增強了用戶參與度、 滿意度,而且提升了導航效率。

          在Amazon音樂應用中,我們不僅可以把導航入口扔到界面底部,同時還可以嘗試在底部欄內部根據功能權重調整順序。

          浮動按鈕

          縱然很多解決方案是具有跨平臺性質的,但有些時候仍需考慮到特定系統和硬件的特征。

          舉例來說,安卓平臺的硬件底部是系統級的操作欄,這就意味著任何被放置在界面底部的操作元素都可能與其產生沖突,造成誤操作。實際上,安卓的設計規范當中明確指出了“不要在界面底部放置tab欄”。

          不 過,在Google新近推出的Material Design當中出現了一類替代方案,也就是浮動按鈕方案。浮動按鈕是一種比較特殊的交互元素,布局位置獨立,不受界面當中其他元素的局限。通常,浮動按 鈕適用于功能操作,而非導航;不過在Amazon音樂應用中,由于導航入口確實會被高頻次的使用到,所以也許可以嘗試以浮動的形式展示導航菜單按鈕。

          小結

          當你在思考怎樣使界面在大屏手機上更好用時,以上幾種處理交互對象的設計思路可供參考。相信隨著大屏手機的日益普及,類似這樣的優化模式還會變得越來越多。

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.sdgs6788.com

          存檔

          国产高潮国产高潮久久久91 | 久久夜色撩人精品国产小说| 久久九九亚洲精品| 91久久香蕉国产熟女线看| 久久中文字幕无码专区| 欧美丰满熟妇BBB久久久| 久久精品嫩草影院| 午夜精品久久久久久| 久久久无码一区二区三区| 99久久精品国产毛片| 久久久久久久女国产乱让韩| 免费观看久久精彩视频| 亚洲国产另类久久久精品黑人 | 亚洲国产成人久久综合碰碰动漫3d| 伊人久久大香线蕉精品| 97视频久久久| 99久久精品这里只有精品 | 国产欧美久久久精品影院| 久久国产精品成人免费| 久久香综合精品久久伊人| 久久免费小视频| 久久精品国产亚洲av高清漫画| 精品乱码久久久久久夜夜嗨| 国产91色综合久久免费| 国产69精品久久久久久人妻精品| 91麻精品国产91久久久久| www性久久久com| 亚洲中文字幕无码久久综合网 | 久久久精品人妻一区二区三区蜜桃 | 国产精品久久久久乳精品爆| 无码国产69精品久久久久网站 | 久久亚洲AV成人出白浆无码国产| 亚洲国产成人久久综合一区77| 国产99久久久国产精免费| 久久人人爽人人爽人人AV| 99久久香蕉国产线看观香| 2019久久久高清456| 久久丫忘忧草产品| 亚洲AV乱码久久精品蜜桃| 久久久一本精品99久久精品88 | 一本一道久久a久久精品综合 |