<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    iOS 10教給設計師的:交互體驗更扁平

    • 時間:2016-10-05 21:38
    • 發布:昆明UI培訓
    • 來源:優設

    說到扁平,很多人直覺上覺得就是視覺上去掉了光影、特效、簡化了元素,其實遠不盡然。在移動互聯已占據我們生活方方面面的今天,從用戶操作的角度,將信息更加簡單直接且高效地展示出來,提升交互的易用性和操作的便捷性,則更是設計“扁平化”的體現。

    作為交互設計師,在產品的設計工作中,遇到最糾結的問題莫過于:需要在有限的屏幕空間內,將產品的信息內容盡可能多地展現出來,同時又要兼顧界面的優雅美觀。

    iOS 10在這次的優化中給我們提供了很好的設計思路。

    1)橫向空間的擴展

    以Apple Music為例:

    在新版本中,它用每個單元模塊左右滑動瀏覽更多內容的操作,替代了每塊只展示一個內容的設計形式。相比之前的版本,將并列的信息在當前界面瀏覽,無形中擴展了屏幕的空間,增加了單位面積的使用效率,減少了頁面的跳轉。

    達內昆明UI培訓想說的是,這種交互形式其實并非Music中首創,早有幾年前就出現的window phone,近有4月更新的Airbnb,以及國內以設計品質感而著稱的美食類App-Enjoy中,都采用了這種交互形式。

    這種設計形式使頁面的層級結構變少,用戶不用一次次地在一級和二級頁面之間切換,提高效率的同時也使結構變得清晰了。

    相信這種趨勢會越來越多地在各種內容類的App中被采用。

    2)Z軸空間的擴展

    在三維空間中,如果說縱向滑動利用的是Y軸空間,橫向滑動利用的是X軸空間,那么iOS 10中對Z軸空間的利用和拓展則給我們的操作著實帶來了不小的快捷和方便。

    達內昆明UI培訓最喜歡iOS 10的地方在于它改進的通知,可以通過3D touch快速地打開回復界面進行操作,完全不用進入app,可以就那樣一直回復別人,直到離開為止。

    對于我們App設計者來說,無論是針對推送信息,還是app內的內容,更好地利用好手機的這一特性,在提升操作體驗的同時,還可以更好地去實現我們的業務目標。

    3)手勢操作更便捷

    iOS10對于手勢的操作,也有了更便捷的設計。達內昆明UI培訓以鎖屏界面為例:

    iOS9中:

    進入系統界面:

    有touch ID識別指紋:按下Home鍵

    無touch ID識別指紋:右滑屏幕

    插件中心:從頂上往下滑

    消息中心:從頂上往下滑,并切換tab

    相機:從右上角往上滑

    iOS10:

    進入系統界面:

    有touch ID識別指紋:按下Home鍵

    無touch ID識別指紋:按下Home鍵,輸入密碼

    插件中心:右滑

    消息中心:從頂上往下滑

    相機:右滑

    對比以上的兩個操作,功能還是那些功能,但整體的操作卻更加舒適便捷了,手指的操作變得更靈活直接,不需要上下來回,或者準確地對著某塊控件才能完成操作。

    Josh Clark在《Tapworthy-Designing Great iphone Apps》一書中分析得出,當我們單手操作時,雖然拇指能劃到整個屏幕,但只有三分之一的屏幕是真正容易觸及的——也就是拇指正對的區域。

    隨著iPhone手機屏幕越來越大,如何設計操作體驗,使操作更舒適,也是設計師們需要好好打磨的一個體驗問題。

    隨著iOS 10更新的地圖應用中,對于手指操作體驗的優化設計,使整個操作非常舒適,這種設計思路,也非常值得我們在平時的設計工作中借鑒。

    所有的操作都集中到了“舒適區域”內,讓用戶能更方便地使用體驗,不用因為手指不夠長也切換成雙手操作而苦惱了。

    上一篇:iOS 10給UI設計師的設計啟示
    下一篇:改善APP的輸入體驗:標簽和幫助信息

    馬上預約三天免費體驗課

    姓名:

    電話:

    UI設計師:用戶思維,就是上帝思維

    UI設計師應該這樣輸出產品原型

    由標簽導航引發的問題:標簽導航的格局

    達內昆明UI培訓談談團隊文化建設

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>