<var id="f0s3d"><output id="f0s3d"></output></var>
      <thead id="f0s3d"></thead>
    <output id="f0s3d"></output>

  1. <sub id="f0s3d"></sub>
      品牌設計
      Hi,are you ready?

      準備好開始了嗎?
      那就與我們取得聯系吧

      有一個品牌項目想和我們談談嗎?您可以填寫右邊的表格,讓我們了解您的項目需求,這是一個良好的開始,我們將會盡快與你取得聯系。當然也歡迎您給我們寫信或是打電話,讓我們聽到你的聲音!

      PID派點互動

      地 址:廣州市天河區金慧路88號11棟138單元(華南農業大學內)

      電 話:+020- 3855 0205 3855 0745

      傳 真:+020-3855 0745

      E-mail:925774558@qq.com

      填寫您的項目信息

      大屏手機上的設計小策略

      標簽:派點互動|響應式設計|網站設計|廣州網站設計|響應式網站設計

      最近網上爆料三星S5即將發布,手機尺寸可能將增大為5.3寸。以三星為首的各家安卓手機廠商,每次手機版本升級,屏幕尺寸也必然升級,現在大屏似乎已經成了安卓手機的標配。其實一開始安卓手機做大只是為了更高的分辨率,更大的電池容量,更好的散熱效果等,在商業營銷的作用下,大屏趨勢愈演愈烈,經過市場的選擇,手機大屏時代已經到來。

      派點互動 品牌網站建設 網頁設計制作 建站公司 設計公司 廣州網站建設 網站制作 高端設計

      手機從通訊工具變成了互聯網的入口,在人們生活中的地位越來越重要,人們對手機的定位也發生了改變:從簡單的通訊工具變成了生活學習工作的身邊小助手,所以單手持握是最自然的使用方式;而且人們使用手機的場景都是在移動中,所以單手操作也是最方便的。所以,手機大屏是趨勢,而單手操作最自然。

      矛盾來了。由于手機機身變大,用戶在單手操作時會出現一些不爽的情況~例如,我們看一個發微博的例子:(手機為魅族MX3,使用者為180+男生。)

      8.png

      當你一只手浮著地鐵把手,另一只手顫顫巍巍勉強觸碰到頂部的發微博按鈕以后,是不是覺得有淡淡的憂?!盐淖执a好,準備發送的時候,你會發現世界上最遠的距離,不是無處尋覓, 而是根本無法相遇。

      準確高效,流暢易用的操作流程會提升用戶的使用體驗。單手操作時拇指操作的觸擊熱區有限,大屏手機上的非觸擊熱區面積明顯增大,其區域內點擊正確率會大幅較低,影響操作效率;用戶在與機器溝通交互過程中 ,以視覺輸入,觸摸輸出為主要通道,剛才的例子,在用戶的目光和手指的循跡組成的流系統中,造成視線→操作斷節,影響用戶的操作流暢性。

      類似這樣的痛點在大屏手機上還有很多,人們享受著大屏帶來的暢快體驗的同時,也忍受著由于機身太大帶來的痛楚。這種矛盾可以調和嗎?答案當然是:yes!.還是發微博的例子,我們看一下Fuubo是如何優雅地設計的:

      8.png

      Fuubo將寫微博 ,發微博等常用操作放置底部,單手操作毫無壓力~簡單優雅有木有~高效便捷有木有~同樣是發微博,這體驗的差距咋就這么大呢?

      剛才的兩個例子可以看出,在執行任務–完成目標這個流程中,后者通過一些小的設計手段,很優雅的解決了用戶因為大屏幕和單手操作帶來的痛楚,提升了操作流暢性,操作更方便。

      我們在做設計的時候,也可以使用一些小策略來消除用戶因此產生的痛點~通過以下幾個小例子,可以總結出一些規律,為我們此后設計提供思路。

      一.操作位置轉移

      1.魅族—下拉懸停

      8.png

      下拉懸停是魅族在魅族MX3的發布會上提出的一項設計創新,針對的就是大屏手機單手操作的情況?!绊敳苛斜眄楇y以觸達”這是常見的痛點場景,魅族針對這一情景提供了一個大膽的設計思路,巧妙的將頂部的操作位置下移,方便用戶觸達,滿足單手操作的基本需求。但是,此種設計方案用戶操作流是:手指上移–按住下滑—手指上移—點擊,操作路徑較長且與用戶想要點擊頂部列表項時下意識產生的操作意向不太一致,所以使用不太自然;而且由于“懸?!钡臅r間較短,用戶在使用時會產生心理負擔,對用戶體驗來說也不太完美,所以有用戶在論壇里吐槽此舉“雞肋“”很少用“。我猜想下拉懸停的使用頻率應該不會太高,但是其設計思路還是值得學習的。

      2.Fuubo菜單—底部對齊

      8.png

      安卓上很多應用都使用導航抽屜這種模式,常見的抽屜列表都是從上到下依次排列項目,即頂對齊。Fuubo匠心獨運,將菜單項底部對齊,這樣既能與頂部的個人信息做區分,也可保證菜單項目輕松觸達。這種方式也是運用了操作下移的思路。不過這種情況適用于抽屜內項目較少的情況,如果列表較長也使用此種設計的話,會造成遮擋,影響信息可見性。

      3.百度輸入法“單手模式”

      8.png

      安卓的百度輸入法提供了“單手模式”。單手模式將鍵盤區域減小,解決了因為手機機身太寬,拇指活動區域受限帶來的問題。側邊空白區提供了切換左右手使用的按鈕(百度的單手模式默認是輸入區域向右縮小,看來是為右手設計的)。給身邊的幾個同事上手使用了一下,褒貶不一。有人表示,創新精神可嘉,使用起來還可以;也有同事則覺得邊上的一大塊空白加三個按鈕嚴重影響了整體美觀性。評價這個設計優劣有兩個考量因素,第一:用戶操作手機方式是否頻繁切換,(因為這個設計切換到正常模式比較困難)。

      調查了一下身邊的同事使用輸入法的操作方式,發現有兩種情況較常見:

      (1)無論何種情景,多數使用單手完成輸入動作;

      (2)在移動場景中(坐地鐵,行走等)單手輸入,靜止狀態(坐著)時,用雙手操作。

      對于前者,單手模式可以很好地滿足用戶的需求。所以這種模式也只是為了迎合這部分人的使用習慣。對于單雙手會頻繁切換的用戶,可能還需要再優化;另一個考量因素:全鍵盤和九宮格的使用情況:因為全鍵盤切換到單手模式的時候,可點擊區域就會減?。ㄔ?.7寸屏或者6.1寸屏上或許會稍微好一些),影響輸入效率,所以對于全鍵盤的用戶來說單手模式并不太適合。對此對身邊的人做了個小范圍調研,發現用全鍵盤的人不在少數。所以,單手模式的設計能滿足部分用戶的需求。對其余的用戶,此項優化可能效果甚微。(百度的單手模式只是單純的將操作區域做了變化,如果在細節上再花些心思效果會更好。)

      二.轉換操作方式

      1.360手機瀏覽器下拉搜索—手勢

      8.png

      在手機瀏覽器上,搜索框是一個主要的上網入口。但常見手機瀏覽器的搜索框多數在頂部,用戶不方便點觸。360針對此種情景,在瀏覽器首頁提供“下拉搜索”,即下拉可激活搜索框。這個操作初衷是好的,和ios7的下拉搜索思路差不多。但360瀏覽器主界面是個長頁面,需要頻繁的上下滑動查看頁面信息,這導致下拉搜索操作經常誤操作被觸發;還有一點實在不能接受:由于此操作隱藏較深,其提供了用戶引導,但這個閃啊閃的引導箭頭竟然一直存在,既不美觀,也會影響用戶正常瀏覽信息。

      解決痛點的方向是對的,但設計方案上還需再優化。

      所以利用手勢解決操作問題時需要注意:避免引起誤操作,且控制用戶學習成本。(正面案例:IOS7的返回手勢)

      2.海豚瀏覽器—長按搜索

      8.png

      同樣是解決上一個痛點,海豚采取的方式是長按菜單中提供搜索按鈕,點擊后觸發搜索流程。用戶需要采取的操作時:長按-滑動選擇;這個方式減少了誤操作,但是隱藏較深,需要提供合適的用戶引導。且提供的是臨時性操作,用戶心理負擔較大。

      三.軟硬件結合

      1.OppoN1—軟硬件結合 背后操作

      N1的一大功能就是其背部四向觸控設計,可以支持滑動、雙擊、長按三種操作,能實現翻閱照片、更換音樂、上下拖動網頁、調整音量、打開應用等操作。先不說持握時用食指在背面進行操作是否方便,這種敢于創新的精神是國產手機都需要的。官方的說法此舉是方便大屏手機的單手操作,但為什么我覺得這種方式更適合雙手操作或者在平板上用呢。。人艱不拆啊。。這種方式局限性較大,可能需要深度定制才能與硬件進行高契合度配合,且其操作方式并不太方便并,沒有解決大屏手機上單手操作的痛啊。也就其創新大膽精神可以給一個小贊。

      2..其他(傳感器)

      其他的方法還有利用傳感器提供的快捷操作:如搖一搖,吹一吹,但我建議這些傳感器要謹慎使用,利用傳感器作為快捷操作觸發并不自然,找到合適的場景還是比較難的。

      反思

      總結上面的例子,可以得出做設計優化時我們的思考方向:

      1.操作位置轉移:

      8.png

      操作按鈕下移/列表下移:這種優化可有效提高操作效率,需要和整體頁面元素配合設計,可在此基礎上做發散創新;

      操作區域側移: 削弱了大屏優勢,能滿足部分用戶需求,可能會影響雙手操作;

      2.轉換操作方式:

      8.png

      移動設備上提供了豐富的手勢操作,手勢操作簡便,不受區域限制,在設計中有較高的發揮空間,但有的手勢可能會與其他操作沖突,需考慮誤操作;若隱藏較深, 則學習成本較高。

      3.軟硬件結合(傳感器):

      需要深度定制,適用范圍受限制;場景接入不自然。


      返回列表
      在線溝通

      Are you interested in ?

      感興趣嗎?

      有關我們服務的更多信息,請聯系

      135 7039 2915 李先生

      與我們合作

      與派點合作,您將會得到更成熟的網站建設服務。我們以客戶至上,同時也相互挑戰,力求呈現最好的網站建設成果。

      品牌顧問熱線(李生):

      +135 7039 2915

      TOP

      QQ客服

      免費電話

      91国内精品自线在拍2020

        <var id="f0s3d"><output id="f0s3d"></output></var>
          <thead id="f0s3d"></thead>
        <output id="f0s3d"></output>

      1. <sub id="f0s3d"></sub>