<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          10大原則!教你做好數(shù)字產(chǎn)品的自然界面設(shè)計(NUI)!

          共 4099字,需瀏覽 9分鐘

           ·

          2023-03-04 02:59

          點擊 "TCC翻譯情報局關(guān)注,回復(fù) "社群" 加入我們

          本文共 3616 字,預(yù)計閱讀 10 分鐘
          TCC 情報局的 第 179 篇 干貨分享
          2023 年的 第 8 

          TCC 推薦:大家好,這里是TCC翻譯情報局,我是李澤慧?,F(xiàn)如今人們的生活已經(jīng)離不開電子產(chǎn)品了,從觸控平板設(shè)備到可穿戴智能手表,我們在日常生活中每天也許會花費數(shù)個小時在這些設(shè)備商。盡管這些智能設(shè)備的操作界面大小不一,但一些優(yōu)秀的應(yīng)用軟件都遵循了相同的法則,從而讓用戶擁有非常好的交互體驗。我們來看一看本文作者總結(jié)了哪些能夠讓你的產(chǎn)品使用體驗更加絲滑,更人性化的tips吧!

                    


          跟隨時代的變遷,市場上的智能設(shè)備種類一直在逐漸增加。同樣,適用于人們?nèi)粘I畹脑O(shè)備也變得豐富起來。跟隨這一趨勢,在科技產(chǎn)業(yè)領(lǐng)域從業(yè)的設(shè)計師將扮演越來越重要的角色。當(dāng)人們的日常生活中開始使用越來越多的設(shè)備,人們平均在每個設(shè)備上花費的時間也越來越有限。Exploding Topics 公司 2022 年的數(shù)據(jù)顯示,人們每天在手機上花費的時間大概為 3 小時 15 分鐘。假設(shè)人們總體設(shè)備的使用時長不變,但手機的使用時間是減少的。因為人們可能會花費其他時間在智能手表,智能電視,平板電腦以及其他位置設(shè)備( 例如集成顯示屏 )上。

          我在 Quora 上挖掘到一位低調(diào)的作者,Dan Saffer,交互設(shè)計師兼作家,撰寫了《 11個自然交互界面(NUI)的設(shè)計準(zhǔn)則 》。在瀏覽這篇文章的過程中,我意識到這就是貫穿設(shè)計的黃金法則 —— 即便如今手持或者手腕友好的設(shè)備的外形一直在改變。讓我們來重溫下這些法則并一探究竟。



          1.為手指設(shè)計,而不是光標(biāo)

          1.Design for Fingers, not Cursors


          手指觸碰目標(biāo)理應(yīng)比桌面圖標(biāo)設(shè)計的更大,8-10 毫米適合鼠標(biāo),10-14 毫米大小適合手指。

          即便是設(shè)計網(wǎng)頁時,作為設(shè)計師我們應(yīng)該考慮到這些網(wǎng)頁在觸摸屏設(shè)備上打開時是如何進行交互的。許多網(wǎng)頁界面癱瘓都是由手機端引起的。這是 因為我們經(jīng)常隨身攜帶手機設(shè)備,相比其他設(shè)備而言,手機能為我們提供一個非常舒適便利的使用體驗。因此,在設(shè)計任何界面的時候,還要考慮觸控區(qū)域,例如鏈接,不同類型的按鈕,以及滑動區(qū)域。像臺式機等桌面設(shè)備,使用鼠標(biāo)或觸控板來選中 / 點擊對象;在筆記本電腦這類設(shè)備上的光標(biāo),是為了精確而設(shè)計,因此僅適合高密度設(shè)備。而 手指則適用于那些低精度輸入端,例如手機,智能手表和平板這種有觸摸屏的設(shè)備。



          2.生理與人體運動學(xué)

          2.Remember physiology and kinesiology


          不要讓用戶進行過于夸張或者重復(fù)的任務(wù)。

          不要讓用戶一遍遍做一樣的任務(wù)。一個重復(fù)多次完成的任務(wù)是無聊單調(diào)的。作為設(shè)計師,需要通過關(guān)注數(shù)據(jù)及用戶觀點來試探是否可以自動化完成任務(wù),而不是使用規(guī)則包含的基礎(chǔ)自動化。不需要所有東西都看起來完美,只是要注意那些需要手動重復(fù)的工作,用戶會在你的產(chǎn)品上滯留更長的時間。



          3.拒絕大猩猩手臂

          3.No gorilla arm


          盡管主流報告并沒有提及此觀點,但人類的手臂并不適合放在身前長時間作業(yè)。

          想象一下,在微軟平板上呈現(xiàn)你的界面設(shè)計,聽起來很激動是吧?盡管大尺寸屏幕為設(shè)計提供了更多空間,但是用戶的手臂也可能難以觸及所有界面控件。任何超越簡單交互的設(shè)計都會讓用戶感到乏味,疲倦。如果用戶長時間伸展手臂在屏幕上進行交互,那么因而引發(fā)的疲勞和酸痛被稱為“大猩猩手臂”。



          4.屏幕遮擋問題

          4.No gorilla arm


          手指與手掌緊密相連,因而當(dāng)你在屏幕上做出手勢時你的手可以覆蓋整塊屏幕。盡量 避免將重要元素,比如標(biāo)簽,放在一個控件下面,因為用戶的手可能把它蓋住。將類似菜單的控件置于屏幕底端可以避免這種現(xiàn)象。

          當(dāng)設(shè)計一個按鈕交互時,當(dāng)它以浮動的方式或出現(xiàn)在工具提示中,請牢記用戶的手掌大概率會遮蓋住手指下方所有的信息。這種問題同樣出現(xiàn)在手指肥大的用戶身上。反過來講,設(shè)計師若將 所有交互信息都陳列在用戶手指周圍或上方就能避免這種問題。Pinterest的長按保存靈感的交互設(shè)計就是很好的例子。
                     
                     


          5.熟知技術(shù)

          5.Know the technology


          不同的觸摸屏,感應(yīng)器,以及攝像頭決定了設(shè)計師可以設(shè)計哪些交互手勢。復(fù)雜的交手勢意味著有更少的用戶能夠?qū)ζ溥M行操作。

          但你在設(shè)計一款需要手勢交互的產(chǎn)品時,我們建議回溯到用戶廣泛悉知并能夠輕松使用的那些手勢。當(dāng)然,考慮到人口多樣統(tǒng)計,你需要始終提供手勢提示,并且還要盡可能為有特殊需求的用戶提供輔助功能選項,以便他們將手勢轉(zhuǎn)換成點擊或語音控制。        
                     
                     

          6.反饋提示于用戶操作觸發(fā)時,而不是按下離開后
          6.Trigger actions on release, not on the press

          在一個用戶測試的環(huán)節(jié),我注意到那些 老一輩的用戶非常擔(dān)心 在移動電話界面上 觸碰到錯誤的按鍵或者進行了錯誤的手勢。因為恢復(fù)至上一步驟是他們并不習(xí)慣的操作方式,只有當(dāng)他們 確認在完成了正確的操作后才會將手指從屏幕上移開,不然他們會保持手指一直按壓在屏幕上。這一觀察有特別的意義,提醒我們需要一直關(guān)注特殊人群的需要。當(dāng)用戶一直在維持按壓的交互行為時,我們需要提示用戶已經(jīng)按下按鈕,但是只有當(dāng)手指移開界面時才會給予反饋。



          7.預(yù)設(shè)吸引力

          7.Attraction affordance


          利用一個簡單的手勢讓用戶開始體驗系統(tǒng)。

          當(dāng) 引導(dǎo)用戶熟悉新的體驗時,要避免將事物過度復(fù)雜化。從簡開始,循序漸進的展開讓用戶逐漸適應(yīng)你的應(yīng)用,了解如何在應(yīng)用上進行操作。你的交互動作設(shè)計的越簡潔,你的用戶對應(yīng)用就越容易上手。讓用戶使用起來覺得他們很聰明的體驗可以讓產(chǎn)品走得很遠,反之,愚弄用戶和他們感受的產(chǎn)品會迅速流失他們的用戶。



          8.避免無意識觸發(fā)

          8.Avoid unintentional triggers


          用戶的各種日?;顒右苍S會意外觸發(fā)系統(tǒng),要避免這一點。

          尤其是一些大型設(shè)備,軟件應(yīng)該考慮意外點擊和碰觸。基于界面區(qū)域,碰觸時長,角度以及其他方面的問題,軟件應(yīng)用應(yīng)當(dāng)巧妙的避開誤觸元素,并提供恢復(fù)的方法,以防系統(tǒng)將這些失誤操作被判定為正確的動作。作為設(shè)計師,我注意到隨著設(shè)備尺寸的變化而增加的可能性,以及像手機這樣大小的設(shè)備更易于管理。



          9.手勢與常規(guī)按鍵

          9.Gestures and Command Keys


          使用簡單的方式(按鈕,滑塊,菜單等)來觸發(fā)功能,但要利用進階的可學(xué)習(xí)的手勢作為捷徑。

          9 宮格的解鎖交互就是我以上提到的。對于復(fù)雜的手勢控制應(yīng)用來講,最好提供交替觸控和滑動觸控的UI操作界面。比如,一個用戶可以通過雙手指旋轉(zhuǎn)的動作來旋轉(zhuǎn)畫布,或者利用點控菜單欄來選擇并確認旋轉(zhuǎn)角度。這兩個交互行為都是易于掌握,并且大概率對于不同年齡的用戶都比較友好。在設(shè)計操作手勢的過程中,還要考慮到非手勢操作的用戶。



          10.多樣化的必要

          10.Requisite variety


          記住這一點:有很多不同的方式來完成一種操作手勢。

          在操作手勢時,要考慮那些同時使用左右手的用戶并對其測試。對于那些操作某些具體手勢產(chǎn)生困難的用戶來講,他們大概率會把手掌放在屏幕上休息。所有這些都是不同類型的用戶在使用觸摸屏界面時使用的真實交互模式。作為設(shè)計師,在使用簡單和復(fù)雜的手勢時,我們應(yīng)該考慮到各種運動障礙和不同使用模式的人。



          11.根據(jù)任務(wù)的復(fù)雜程度和頻率來匹配操作手勢

          11.Match the complexity of the gesture to the complexity and frequency of the task


          簡單來講,經(jīng)常操作的任務(wù)應(yīng)該使用簡單的手勢來觸發(fā)它們

          凡是需要兩根手指操作的手勢對大多數(shù)用戶來講都會造成問題。根據(jù)這一想法,復(fù)雜的手勢應(yīng)該保留給一次性動作。對那些頻繁觸發(fā)的動作,需要依賴簡單的單擊雙擊或者滑動手勢。因為他們是頻繁發(fā)生的,所以當(dāng)用戶使用兩根手指進行操作時很容易引起疲勞和不適。

          原文:https://blog.prototypr.io/10-ways-to-design-for-digital-devices-using-natural-user-interface-patterns-8b99bf43a873
          作者:Dhananjay Garg
          譯者:高暢
          審核:徐曼鷺
          編輯:孫淑雅、李莉好
          本文翻譯已獲得作者的正式授權(quán)(授權(quán)截圖如下)                 

          往期精選文章:

          十個技巧幫助你設(shè)計一款在線學(xué)習(xí) APP

          這些色彩心理學(xué)知識教你如何傳遞信息

          案例研究|康奈爾大學(xué)副業(yè)社區(qū)網(wǎng)站設(shè)計

          Web Vitals —— 谷歌的新一代 Web 性能體驗和質(zhì)量指標(biāo)

          網(wǎng)頁設(shè)計師能從日式美學(xué)中學(xué)到什么?

          案例研究|一款為你帶來難忘體驗的美食 APP

          如何制作打動面試官的作品集,這里有一份完整的指導(dǎo)手冊

          如何做好用戶體驗項目?從一個好計劃開始

          如何建立設(shè)計系統(tǒng)

          如何把握不同層級用戶的需求:回歸本質(zhì),打磨信息架構(gòu)

          TCC 視野|2021 年用戶體驗設(shè)計趨勢分析



          - 設(shè)計師自習(xí)社區(qū) -
          TCC 設(shè)計情報局歡迎小伙伴加入,一起交流設(shè)計知識,了解全球設(shè)計資訊,鍛煉英文能力,發(fā)掘更多可能性~

          添加小助手微信,備注「社群」,即可加入讀者群。

          瀏覽 65
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  人妻摸一摸日日爽一爽,免费视频 | 黄色一级A一级片 | 国产精品麻豆 | 丁香五月婷婷综合网 | 超碰成人福利 |