ui界面手勢(shì)交互設(shè)計(jì)

ui界面手勢(shì)交互設(shè)計(jì)

      業(yè)內(nèi)有很多人覺(jué)得手勢(shì)交互沒(méi)必要拿出來(lái)深究，覺(jué)得用戶(hù)使用產(chǎn)品的過(guò)程中，自然而然就會(huì)去使用拇指，進(jìn)行手勢(shì)操作，今天小編主要給大家分享ui界面手勢(shì)交互設(shè)計(jì)，希望對(duì)你們有幫助!

      ui界面手勢(shì)交互設(shè)計(jì)拇指驅(qū)動(dòng)設(shè)計(jì)

      眾所周知，現(xiàn)在手機(jī)屏幕越做越大，甚至比最早的屏幕大兩倍。然而，許多設(shè)計(jì)師并沒(méi)有改變他們的想法，而是跟隨這一趨勢(shì)的變化而設(shè)計(jì)。

      普及一個(gè)常識(shí):大多數(shù)人錯(cuò)誤地認(rèn)為手指在屏幕上的熱區(qū)是不變的，但事實(shí)上手指的熱區(qū)會(huì)隨著設(shè)備的變大而縮小。因?yàn)槭终浦�撐設(shè)備的重心向后移動(dòng)，拇指將屏幕控制在較小的范圍內(nèi)。

      結(jié)果是，手機(jī)屏幕變得越來(lái)越大，雙手持機(jī)的用戶(hù)變多，但是75%的用戶(hù)仍然用拇指觸摸屏幕。因此，“拇指驅(qū)動(dòng)設(shè)計(jì)”一詞應(yīng)運(yùn)而生。

      我們上面說(shuō)過(guò)，在使用某些產(chǎn)品時(shí)，經(jīng)常會(huì)遇到使用起來(lái)不順心的情況，在這里，還有一個(gè)更重要的原因，就是“拇指操作區(qū)域”。

      拇指操作區(qū)分為三個(gè)部分:易于觸達(dá)，難以觸達(dá)和介于兩者之間的區(qū)域。

      因此，在設(shè)計(jì)界面時(shí)，應(yīng)注意界面的主要操作元素是否處于用戶(hù)容易觸及的范圍內(nèi)。

      如果你仔細(xì)觀察和思考，iOS產(chǎn)品界面會(huì)發(fā)現(xiàn)的“返回”按鈕位于“難以觸達(dá)”的區(qū)域。原因是產(chǎn)品人員自己不希望用戶(hù)返回或退出，而是讓用戶(hù)關(guān)注當(dāng)前頁(yè)面。如果想返回，需要支付一點(diǎn)成本，什么成本?操作成本。

      有人會(huì)說(shuō)，因?yàn)閕OS可以從手機(jī)的左邊緣向右滑動(dòng)以獲得返回效果，所以在大多數(shù)iOS產(chǎn)品中，返回不需要太多的操作成本。然而，并不是所有的蘋(píng)果用戶(hù)都知道這一點(diǎn)，也不是所有的產(chǎn)品都支持這一功能。而且，手勢(shì)交互的進(jìn)化是為了提高用戶(hù)操作的效率，所以它們?cè)诒举|(zhì)上并不矛盾。在手勢(shì)操作中，“滑動(dòng)”的返回比“點(diǎn)擊”更具成本效益。

      ui界面手勢(shì)交互設(shè)計(jì)內(nèi)容在上，操作在下

      許多人設(shè)計(jì)app，但是沒(méi)有人研究為什么app是這樣設(shè)計(jì)的。

      例如，為什么一開(kāi)始把標(biāo)簽欄放在下面?一開(kāi)始，我也問(wèn)過(guò)很多人這個(gè)問(wèn)題，但基本上只說(shuō)這是官方設(shè)計(jì)規(guī)范，這相當(dāng)于胡說(shuō)八道。

      通過(guò)閱讀大量資料，我發(fā)現(xiàn)工業(yè)設(shè)計(jì)領(lǐng)域有一個(gè)重要的基本設(shè)計(jì)原則:內(nèi)容在上，操作在下。

      例如，在使用電腦時(shí)，操作在下意味著使用者在操作過(guò)程中，手指始終處于界面下方，從而避免手指阻擋內(nèi)容的情況。

      界面的右/左上角的位置顯然對(duì)拇指不友好，這樣做的原因也很明顯:編輯功能會(huì)讓數(shù)據(jù)發(fā)生變化。將此類(lèi)控件放置在難以操作的位置(與左上角返回的道理相同)是一種防御性設(shè)計(jì)策略，可以在一定程度上避免操作錯(cuò)誤造成的破壞性結(jié)果。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://elsolbar.com/news-id-34879.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂(yōu)網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專(zhuān)業(yè)課程信息您可在線咨詢(xún)也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050