如何去設計超大觸摸屏軟件?關(guān)于超大觸摸屏軟件的設計指
來(lái)源:數字音視工程網(wǎng) 編輯:鐘詩(shī)倩 2018-03-30 11:54:33 加入收藏 咨詢(xún)

所在單位: | * |
姓名: | * |
手機: | * |
職位: | |
郵箱: | * |
其他聯(lián)系方式: | |
咨詢(xún)內容: | |
驗證碼: |
|
超大觸摸屏設計的7大注意事項。你是否有過(guò)對超大觸摸屏設計的經(jīng)驗?這種觸摸屏的設計已經(jīng)成為一種流行的趨勢。就算目前你還沒(méi)有做過(guò)此類(lèi)的設計,相信不久你也會(huì )接觸到。
隨著(zhù)科技的快速發(fā)展,觸摸屏設計的應用無(wú)處不在,它們不僅僅使用于手機和平板,也在臺式電腦上使用。由于臺式電腦的規模和尺寸更大,此類(lèi)觸摸屏的設計可能會(huì )給設計師帶來(lái)一些獨特的挑戰。
當你習慣了用拇指大小的區域來(lái)做屏幕設計時(shí),你如何去設計超大觸摸屏?這里筆者整理了一個(gè)關(guān)于超大觸摸屏的設計指南,為設計師們設計用戶(hù)交互提供靈感。
1. 使用自然的手勢交互
為什么“左右滑動(dòng)”在所有觸屏操作中都深受歡迎,因為這是用戶(hù)最自然的手部動(dòng)作和手勢。
在設計超大觸摸屏時(shí),設計師不僅要考慮用戶(hù)手指的動(dòng)作,還要考慮到整只手的操作。大多數用戶(hù)不得不接觸到更大的觸摸屏,因為相較于手持設備,它們可能會(huì )被貼在墻上或放置在桌子上,。
如果你希望用戶(hù)能夠輕松觸摸屏幕,那么動(dòng)作的觸發(fā)就應該像在移動(dòng)設備上一樣自然,所以多琢磨琢磨觸發(fā)動(dòng)作。與小屏幕相比,大屏幕的滑動(dòng)觸發(fā)可能需要更夸張一些,因此點(diǎn)擊可能會(huì )需要更大的手指壓力。
在超大屏幕的設備中,過(guò)多的滑動(dòng)設計對用戶(hù)來(lái)說(shuō)似乎不大友好,因為反復上的下滑動(dòng)操作可能會(huì )導致手臂疲勞。思考一下如何設計能讓用戶(hù)在瀏覽內容時(shí)不需要大量的滑動(dòng)操作。
另一種自然的“手勢”交互是視線(xiàn)掃描。由于一些設備的屏幕尺寸太大,用戶(hù)的眼睛無(wú)法同時(shí)抓住所有內容。設計師應該針對眼睛從上到下,從左到右的運動(dòng)特點(diǎn)進(jìn)行設計。要確保用戶(hù)看到最重要的信息,并了解用戶(hù)如何才能與設計進(jìn)行交互。
2. 增大文本和圖形的顯示比例
增大文本和圖形這種情況在設計中通常不會(huì )出現,因為設計師必須大幅放大視覺(jué)元素才足以在超大屏幕上顯示。然而,更大的屏幕并不意味著(zhù)可以展示更多的東西(反之亦然),不如試著(zhù)把它看作是一種特殊的用戶(hù)體驗。觸摸屏中的所有內容,包括文字和圖形,必須為了適應超大屏幕設計的尺寸而進(jìn)行放大。這樣做原因是:
用戶(hù)傾向于從更遠的距離進(jìn)行交互,且仍需要查看和區分元素。
用戶(hù)需要被具體可見(jiàn)的元素吸引到屏幕上。
用戶(hù)需要看到可視化的提示,幫助他們識別出用于公共場(chǎng)合的屏幕。
在沒(méi)有指令的情況下,屏幕元素必須具有可導航和清晰的顯示功能。
觸摸目標需要易于查看,并創(chuàng )建明顯的交互效果。
3. 確保導航始終可用
大多數用戶(hù)使用超大觸摸屏的心態(tài),與第一次訪(fǎng)問(wèn)網(wǎng)站類(lèi)似,導航顯得尤為重要。模仿這種場(chǎng)景進(jìn)行設計,很容易就能吸引用戶(hù)進(jìn)入你的設計并與之交互。需要注意的是,設計師要確保用戶(hù)在訪(fǎng)問(wèn)不同的內容時(shí),導航始終可用。
為你的產(chǎn)品設計一個(gè)導航模式時(shí),最好采用一般網(wǎng)站普遍使用的導航模式,如將導航欄設置在屏幕上方或側邊欄中。
當用戶(hù)訪(fǎng)問(wèn)不同的內容或頁(yè)面時(shí),也要確保導航不會(huì )消失。雖然主屏幕的設計可能只包含了幾個(gè)較大的導航按鈕,但其他的屏幕最好使用傳統的導航格式,以便用戶(hù)使用。
另外,在這些屏幕上盡量減少基于鍵盤(pán)的輸入。在較大的屏幕上,鍵盤(pán)可能會(huì )變得笨拙和緩慢,需要消耗用戶(hù)額外的體力。但是,如果你確實(shí)有基于鍵盤(pán)的輸入,請在導航中設置一個(gè)鍵盤(pán)切換命令,這樣用戶(hù)就可以在需要的時(shí)候輕松地顯示和隱藏鍵盤(pán)。
4. 不要創(chuàng )建太多的選項
屏幕越大,用戶(hù)選擇的余地就越大,需要耗費的時(shí)間就越多。不如將按鈕和交互看作是如何讓用戶(hù)快速做決定的游戲。設計的訣竅在于讓他們在兩個(gè)元素之間進(jìn)行選擇,而不是提供太多的選項。
這樣設計的好處就是它可以簡(jiǎn)化你的設計。每個(gè)屏幕只提供兩個(gè)選擇,減少設計元素和視覺(jué)混亂,創(chuàng )造了一個(gè)更實(shí)用的界面。
在設計選項時(shí),要確保操作是同樣清晰可見(jiàn)的。用戶(hù)如何選擇這些選項?按鈕必須是顯而易見(jiàn)的,以便用戶(hù)輕松觸摸。使用一個(gè)小動(dòng)畫(huà)來(lái)將用戶(hù)的注意力吸引到到交互元素上,或者是更受歡迎的用戶(hù)選項上。
由于屏幕大小的原因,簡(jiǎn)化選項也非常重要。請記住,整個(gè)屏幕可能并不總是在用戶(hù)的視野中,這在一定程度上限制了選項本身。如果你提前簡(jiǎn)化選項,則不必擔心環(huán)境會(huì )影響用戶(hù)的選項了。
5. 考慮用戶(hù)隱私
當涉及到觸摸屏訪(fǎng)問(wèn)敏感信息或數據時(shí),用戶(hù)的隱私是一個(gè)值得考慮的問(wèn)題。用戶(hù)在公共場(chǎng)所中使用大屏設備,并不意味著(zhù)他們希望其他人知道自己在做什么,特別是在輸入一些重要信息時(shí)。而屏幕越大,其他人就越有可能看到用戶(hù)輸入的內容。
為了解決這個(gè)問(wèn)題,設計師通常會(huì )使用一個(gè)較小的彈窗用于表單或數據輸入,這樣即使從遠處也看不到用戶(hù)輸入的內容了。
6. 網(wǎng)絡(luò )連接問(wèn)題
當涉及到超大觸摸屏設計時(shí),最需要考慮的問(wèn)題是產(chǎn)品的網(wǎng)絡(luò )環(huán)境。如何才能使產(chǎn)品在有無(wú)網(wǎng)絡(luò )的情況下都能正常工作?
思考一下:在公共場(chǎng)所,許多超大屏或者小屏設備(如可移動(dòng)的信息亭或大型平板電腦)都是便攜式的。這會(huì )涉及到設備對互聯(lián)網(wǎng)的訪(fǎng)問(wèn),以及網(wǎng)絡(luò )連接是否能正常工作。即使沒(méi)有連接網(wǎng)絡(luò ),這些觸屏設備也需要保持正常工作。
提示:請確保所有運行設計的工具相關(guān)數據(從Java到字體庫到數據收集)都存儲在本地。
7. 設置明顯的交互按鈕
此類(lèi)設計需要向用戶(hù)展示如何與屏幕交互,并不是每個(gè)用戶(hù)都能馬上理解如何在屏幕上進(jìn)行操作。
建議使用諸如動(dòng)畫(huà)和按鈕之類(lèi)的視覺(jué)提示來(lái)幫助引導用戶(hù)完成整個(gè)過(guò)程。
大多數的超大觸屏提供用戶(hù)的是一次性交互或觸發(fā)點(diǎn),且每個(gè)界面都有所不同。這種提示設置地越明顯,用戶(hù)就越容易理解操作,從而就越有可能與你的產(chǎn)品進(jìn)行交互。
除此之外,許多觸摸屏上涉及激活和開(kāi)始的屏幕區域也需要設置交互按鈕。例如在一個(gè)開(kāi)始屏幕中,設計師就會(huì )使用一個(gè)按鈕來(lái)提示交互。這樣設置既不會(huì )脫離設計,還能告訴用戶(hù)如何對設備進(jìn)行操作。
使用描述性的小提示,如“觸摸這里開(kāi)始”,來(lái)引導用戶(hù)完成整個(gè)過(guò)程。雖然這樣思維元素可能看起來(lái)過(guò)于明顯,但是如何使用界面并不是用戶(hù)應該深入研究的問(wèn)題,不如讓它變得容易點(diǎn)。
結論
你是否有過(guò)對超大觸摸屏設計的經(jīng)驗?這種觸摸屏的設計已經(jīng)成為一種流行的趨勢。就算目前你還沒(méi)有做過(guò)此類(lèi)的設計,相信不久你也會(huì )接觸到。
雖然大多數設計原則和其他基于界面的設計是一樣的,但是超大觸摸屏的尺寸以及尺寸的調整會(huì )讓很多設計師無(wú)所適從。所以,當你在公共場(chǎng)合看到超大觸摸屏時(shí),不如停下來(lái)在界面上操作一下,感受一下它的交互設計??纯茨男┰O計元素和交互對你有吸引力,以便在日后的超大觸摸屏設計中進(jìn)行參考。
評論comment