您現在的位置是:電腦技術吧?>? 組裝維修 ??>??什么手機觸控好,蘋果觸控條好用嗎??>??正文詳情

什么手機觸控好,蘋果觸控條好用嗎

王陽暉2019-11-14 05:31:07 人圍觀
簡介ipad觸控筆哪個好移動觸摸時代早已到來。你跟上時代了嗎?今天的騰訊疾控中心好文章從五個方面幫助你學習這方面的知識:什么是觸摸手勢,觸摸手勢的使用場景/基本操作,什么是好

移動的觸控時代早已到來,您是否也與時俱進了呢?今天騰訊CDC這篇好文,從什么是觸控手勢、觸控手勢的使用場景/基本操作,有哪些好用的觸控手勢、手勢設計守則五個方面幫你全方位學習這個知識點,交互設計師來收!

  我們生活在一個人機互動頻繁,由設備驅動的世界中。

  隨著觸摸屏逐漸成為移動設備的標配,多點觸控手勢的廣泛應用,讓我們與手機、平板電腦甚至是筆記本電腦之間建立起了一種更寬廣的聯系方式。

我們通過模擬真實世界的手勢與屏幕上的各種元素進行互動,使許多曾經不曾想或者不敢想的人機交互方式變成了現實,同時手勢操作的應用降低了人與物理設備之間的溝通的門檻。

  圖0. 嬰兒幾乎無困難的通過屏幕玩游戲

  我家那位小P孩,不到2歲就已經能夠很自然輕松解鎖iPad、翻頁找到他喜歡玩的熊貓餐廳,接著熟練地在各種食材選折他喜歡的,制作一份美味的虛擬美食;而我們也樂于買各種大屏手機和平板電腦送給我們的長輩。

移動設備及手勢交互方式給我們帶來革命性體驗和便捷,移動的觸控時代早已到來,您是否也與時俱進了呢?值得我們每一位設計師反思。

  一、什么是觸控手勢

  觸控手勢是自然用戶界面(NUI)的一種表現形式。

  自然用戶界面(Natural user interface, NUI)是指一類無形的用戶界面。

NUI則只需要人們以最自然的交流方式(如語言和文字)與機器互動。

直觀的說,使用NUI的設備不需要鍵盤或鼠標。

特別是觸控技術將使人機交互變得更加自然直觀,更為人性化。

  您的手機、平板電腦還有筆記本擁有識別多點觸控輸入的功能來幫助你實現對其廣泛的運用。

這種輸入方式幫助我們實現與屏幕內容的交互,而模仿真實中的操作手勢可以降低我們對操作屏幕對象的認知障礙。

  在PC時代,我們需要他人或者一個說明教程去教會我們怎么使用鼠標,移動屏幕的光標,而這些在現實世界里幾乎找不到可相映射的東西,然后學習怎么雙擊打開一個文件,按住一個文件不放,把它拖動到文件夾里面。

  觸控手勢帶來的是自然用戶界面,支持觸控的移動設備能夠自然直觀的被所有年齡層,不同技能水平的人所使用。

使用Multi-Touch多點觸控式接口技術,取代目前所使用的鍵盤(按鍵)、鼠標,將進一步體現出人性化操控接口的未來趨勢。

  圖1. 電容式觸摸屏結構原理圖

  試想一下在那些老套的用戶界面里,需要你把鼠標懸停或者郵件點擊目標上才能獲得更多詳細的信息,而這些在手機設備上將不再起作用。

如何擺脫這種慣用的設計呢?答案就是,創建移動先行體驗。

  二、觸控手勢的的使用情景(移動的情景)

  移動情景指的是用戶使用時的環境和狀態也就是任何可以影響用戶與設備進行交互的內容。

由于這些情境持續而快速地變化,對移動設備而言就顯得尤為重要。

我們要考慮用戶分心、多任務、手勢操作、低電量條件和糟糕的連接條件等復雜環境下的通用設計。

  圖2. 移動中的互動語境(出處:Nadav Savio | Giant Ant Design)

  各種移動環境下會影響到用戶使用觸屏設備完成任務的效率和準確度的因素有:

   移動情景下,注意力容易被分散(如交談,觀察周圍環境等)

   移動情景下,操作手機的時間碎片化(各種事情打斷)

   移動情景下,任務容易被中斷(意外情況影響)

   移動情景下,肢體可能被其他物體被占用(如遛狗、拎包等)

   移動情景下,噪音分散注意力(車水馬龍、人聲鼎沸的路邊)

  三、觸控手勢的基本操作

  圖3. 鋼鐵俠系列電影中的全息觸控交互

  所謂自然手勢就是在真實物理世界中存在或演繹而來的手勢。

例如上下滑動滾動列表,滑動以平移等。

這類手勢是自然的,不需要或很少需要用戶去學習的。

   長按以查看更多操作(現在有了3D Touch,同長按操作相比,最大區分是需要是有一定的按壓力度)

   點擊執行主操作

   滑動以平移

   輕掃以選定,并進行命令操作

   收縮和拉伸以縮放

   轉動以旋轉

   邊緣輕掃以使用系統命令

  四、好用的手勢是怎樣的?

  首先我們來看看多點觸控的優缺點。

  那么什么是好用的手勢呢?

  好用的手勢一來簡單,二來支持單手操作,它們該如由Tweetie創始人Loren Brichter所開發并獲得專利的下拉刷新一樣受歡迎。

或者像 iBook的翻頁動作一樣自然簡單。

以下是好用的手勢該有的一些特征:

   簡單易用。

不僅動作簡單,還要能在擁擠的交通工具上單手操作

   容易記憶。

其一手勢要好記,其二要讓人愿意記住

   符合認知習慣。

也就是說,該手勢一方面要遵循人的自然習慣和意識,另一方面要契合手勢即將產生的操作

   實用。

手勢要讓用戶感到舒服,少有用戶愿意點兩次才看到想看的東西,讓會讓他們感到麻煩

   愉悅的體驗。

Winkler 認為好的手勢會有神奇的感覺。

UX 總是個未知數,而且難于言傳。

但這恰是我們認識、

  享受科技的一種表現

   及時反饋。

反饋就是說用戶知道當前正在進行的操作。

用戶進行完手勢操作后有明確的狀態信息告知

  五、手勢設計應用過程中需要注意的點:(手勢設計準則)

  符合認知習慣

  在非概念性項目中使用基礎手勢(組合)之外的創新手勢,未建立統一規范的情況下,使用混亂會導致用戶困惑,學習成本稿,增加記憶負擔,難以引導用戶培養使用習慣,技術上的限制可能會使創新變成不便。

  最終使用者是人,手勢操作是基于人的行為來定義的。

手勢操作是人們現實世界行為的映射,因此,手勢設計要符合大多數人的認知習慣,減少用戶的認知成本。

比如有方向性的手勢操作,要盡量符合拇指的活動方向,且要與認知相一致。

  圖4. iBooks的翻頁體驗與翻實體書

  記憶力限制

  因為這些手勢操作不能明白的顯示在界面上,沒有代表動作的可視元素,需要用戶記住哪種手勢對應的是哪些操作,一些不常用的手勢操作往往很難發現。

如果手勢直觀常用自然沒問題,而如果沒有自然的手勢去代表一個動作,用戶就會感到困惑,于是便需要記憶,就像在使用命令行界面時要記住那些命令一樣。

  一個App中手勢數量需保持在5個數量以下,多依賴與界面的引導和暗示,讓此類用戶根據情境記憶這些手勢,從而增加手勢的易記憶性。

  如果用戶對其缺乏認知,這些手勢操作就不易被發現,也便不會為人所用,甚至造成操作障礙。

(壞的例子,找不到導航欄)

  圖5. Mozilla Firefox 4版本右劃呼出Tab

  不同應用場景采用不同的手勢設計

  人們會在千奇百怪的環境中使用我們的產品,我們的產品在和周圍環境爭奪用戶的注意力,憑借一個3.5~5寸的屏幕與車水馬龍、人聲鼎沸的大千世界作斗爭,因此在實際的手勢設計中還需考慮該應用的使用場景。

  效率型和實用型應用,這類應用一般使用場景是在行進間,考慮手機一般隨著用戶的行進而搖晃,操作效率以及誤操作等因素,一遍采用單手操作手機的手勢交互。

  游戲等屏幕沉浸型應用,一般為休閑且穩定的操作環境,可以適當的設置一些復雜手勢配合游戲中的高級操作功能,增加游戲的操作樂趣。

  圖6. Clear的手勢操作令人印象深刻

  適度的應用手勢

  2014年火得不能再火,一旦開始玩根本停不下來的Flappy bird。

游戲以簡單但有效的方式使用了基本的手勢。

點擊或不點擊是唯一的操作手勢。

玩家可以很快地知道應該使用什么手勢以及怎么利用手勢去進行游戲。

  圖7. Flappy Bird游戲,玩家只需要用一根手指來操控

  提供即時反饋

  在用戶觸摸屏幕的時候,立即提供視覺提示,可提高用戶的信心。

交互操作涉及到的元素可表現為改變顏色、改變大小或發生移動/震動。

  圖8. 3D touch的震動反饋

  使操作可逆

  觸控互動操作應該是可逆的。

提供視覺反饋來表明當用戶抬起手指時會發生什么,同時允許用戶反悔,取消操作。

這將使你的應用能夠安全地使用觸控操作進行瀏覽。

  圖9. Wechat取消發送語音

  不要讓你的手勢觸發區域遠離拇指熱區(拇指法則)

  Jash Clark在觸動人心-設計優秀的iPhone應用一書中提到,拇指的活動范圍對操作手機的效率以及正確度都有一定的影響。

  雖然拇指能夠劃到整個屏幕,但拇指在所及范圍和靈活性上是有限的,只有三分之一的屏幕是真正容易觸及的也就是拇指正對的區域。

為了獲得舒適的人機體驗,應將主要點擊目標放置在方便拇指點擊的熱區內。

  圖10. Luke Wroblewski在移動為先(Mobile First)

  保持手勢的全局性

  不要讓用戶在你的應用中適應了你創造的手勢后,卻又在你的應用中碰壁。

  如果用戶已經習慣你的手勢,覺得你的手勢達到了方便快捷的目的,并耗費學習成本掌握并適應了你的手勢,那么便意味著你成功了一半。

盡量用簡單的手勢完成常用功能,需要復雜手勢操作完成的功能,要有一個方便且更容易發現的方式相配合。

盡量使用統一的手勢,減少不同手勢的切換頻率。

  圖11. 全局手勢在iOS原生應用中的使用場景

  寫在最后

  好用的觸控手勢是人與設備、應用之間交流的方式。

當初創造多點觸控技術的人,難能可貴的是細心洞察到了人們細膩的本真行為特征,轉而用觸屏這一行為自然的映射了出來。

版權聲明:本文由 王陽暉 整理編輯。

原標題:10點觸控的屏幕好不好,觸控電腦好嗎

轉載注明出處:http://www.dn9ww09s.icu/assemble/12061.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • dos如何重裝系統,純dos重裝系統

    dos如何重裝系統,純dos重裝系統 相關圖片怎么重裝系統win7現在很多人不知道如何在DOS命令下重新安裝系統,因為他們對DOS知之甚少。如果使用DOS安裝系統,通常無法完成操作。現在讓我們看看如何在DOS命令下重新安裝系統重裝...

  • 使用中的,借唄使用中

    使用中的,借唄使用中 相關圖片蒙特利爾公約使用中如何使用壓縮HTML幫助(。CHM文件)在C Builder中:微軟提供的HTML幫助研討會包括HTML help。用于在程序中使用壓縮HTML的H和html使用過程中...

  • 筆記本電腦cpu怎么換,筆記本電腦cpu怎么拆

    筆記本電腦cpu怎么換,筆記本電腦cpu怎么拆 相關圖片筆記本電腦cpu降溫CPU是中央處理器。這是一個集成電路,這個集成電路的規模很大。它是每臺計算機的核心部分,所以CPU非常重要。如果CPU壞了怎么辦?或者電腦反應太慢?如何更換筆...

  • 怎么打開lrc文件,手機怎么打開lrc文件

    怎么打開lrc文件,手機怎么打開lrc文件 相關圖片lrc文件在哪里下載LRC是英語抒情詞的縮寫,在漢語中是抒情的意思。因此,LRC也被用作歌詞文件的擴展名。與歌詞同步。如果MP3支持歌詞顯示,則可以下載與歌詞同名但格式不同的歌詞...

  • 文檔中查找替換怎么用,在表格中怎么查找替換

    文檔中查找替換怎么用,在表格中怎么查找替換 相關圖片文檔中替換在制作網頁的過程中,我們可能會遇到這樣的情況。當我們的大量網頁完成后,我們發現它們都有一個需要修改的常見錯誤。在這個時候,手工改變是不可能的。我能做什么...

  • 電腦機箱風扇怎么裝,電腦風扇

    電腦機箱風扇怎么裝,電腦風扇 相關圖片機箱風扇很多朋友喜歡組裝電腦,因為你可以選擇自己的配置。同樣性能的組裝機可能更便宜。正確安裝機箱風扇可以提高效率。然而,有些人買了零件后不能組裝,但這無關緊要。小...

  • 手提袋怎么做,手提袋

    手提袋怎么做,手提袋 相關圖片創意手提袋以下是制作手袋的詳細步驟:紙質手提袋...

  • 重裝系統后cad不能用,重裝系統后打開cad慢

    重裝系統后cad不能用,重裝系統后打開cad慢 相關圖片重裝cad對于設計師來說,經常需要使用CAD工具來標記圖標的大小和打印,但是最近小的編輯們聽說了這樣的問題。玉林木峰win7系統重新安裝后,無法安裝CAD。系統重新安裝后cad無法在當...

  • 筆記本電腦做系統教程,電腦系統安裝教程

    筆記本電腦做系統教程,電腦系統安裝教程 相關圖片電腦怎么老是斷網計算機有許多不尋常的功能,有時可以發揮很大的作用。系統的任務激活程序是一個不尋常的功能,它可以在固定的時間內執行某些功能。今天,小編教大家如何利用...

  • 創建列表,創建查閱列表

    創建列表,創建查閱列表 相關圖片列表一。在Dreamweaver 1中創建滾動列表。將光標放在表單框中,單擊“插入菜單”,選擇表單項,在彈出的子菜單中選擇“選擇(列表/菜單)”命令,或在“插入”面列表生成式...

熱評文章

  • sql文件打開方式,.sql文件

    sql文件打開方式,.sql文件 相關圖片手機打開sql 文件SQL是一種高級的非過程編程語言。實際上,SQL文件類似于office訪問文件。SQL是連接數據庫服務器和客戶端的重要工具,而access在本地計算機上得到了廣mysql運行sql文件...

  • 內容被改變,意識改變的內容

    內容被改變,意識改變的內容 相關圖片如何改變圖片部分內容的顏色Void quick call TForm1:: sethtml (tcppwebbrowser * WebBrowser, AnsiString HTML) 三個沒有變具體內容...

  • 重裝系統桌面文件可以恢復嗎,重裝系統如何恢復桌面文件

    重裝系統桌面文件可以恢復嗎,重裝系統如何恢復桌面文件 相關圖片win10重裝系統提示恢復win7一鍵重裝的過程是先格式化system C盤,然后寫入大量的系統數據。這個過程是一個覆蓋性質的過程,會對原C盤的數據造成一定程度的破壞。寫入了多少數據,相...

  • 什么是臨時文件,如何找到臨時文件

    什么是臨時文件,如何找到臨時文件 相關圖片怎么恢復臨時文件Dreamweaver使用臨時文件將一些未保存的數據傳輸到其他應用程序,例如,用戶可以在其他瀏覽器中預覽Dreamweaver正在編輯的軟件許多應用程序都使用臨CAD臨時文件...

  • swf格式,swf格式用什么軟件打開

    swf格式,swf格式用什么軟件打開 相關圖片swf 文件怎么看SWF文件是flash動畫文件,默認情況下需要flash播放器打開。其實,一般的播放器也可以打開,比如風暴音頻、快速播放、QQ音頻、雷霆播放器。那么SWF文件可手機打開swf格式...

  • 恢復電腦上刪除的文件,電腦不小心誤刪文件怎么恢復

    恢復電腦上刪除的文件,電腦不小心誤刪文件怎么恢復 相關圖片怎樣找回電腦硬盤刪除的文件有時,由于我們的疏忽或想再次使用一個文件,我們發現這些文件已經消失,去回收站,但他們已經被自己清空。我們該怎么辦?如何恢復錯誤刪除的文件...

  • 說服的技巧,說服他人的七個技巧

    說服的技巧,說服他人的七個技巧 相關圖片什么是說服如果你像大多數同行一樣致力于銷售或說服性的產品設計,你會想嘗試盡可能多的工具來讓用戶做出你想要的決定。當然,你可以用不道德和黑暗的方法欺騙、勒索或誤導用...

  • 電腦無網絡什么原因,電腦沒網絡可能是啥原因

    電腦無網絡什么原因,電腦沒網絡可能是啥原因 相關圖片有網,但是打不開瀏覽器用戶詢問沒有互聯網的電腦有什么問題?試了很多方法,換了網線,換了插頭,換了路由器,換了交換機,或者挑一臺電腦連接到網絡上。小編也遇到了這種情況...

  • 尤克里里新手入門自學,ps入門教程我要自學

    尤克里里新手入門自學,ps入門教程我要自學 相關圖片java入門自學教程在規范中,不僅涉及到可視化規范元素規范等,還涉及到很多交互設計原則。因此,作為一個好的UI,您不僅應該理解接口級別的規范,還應該理解交互。交互是另一個...

  • 電腦無法更改系統日期,電腦開機如何更改日期

    電腦無法更改系統日期,電腦開機如何更改日期 相關圖片電腦時間在哪里更改我們通常想在使用計算機時查看詳細的日歷信息。有時我們使用電腦的時候,電腦的日期會亂七八糟,比手機的時間晚了兩分鐘,或者日期不對。然后我們需要重新...

關注微信

变脸官网查询