如何為超大型觸摸屏設(shè)計(jì)思考指南

2022-05-30    分類: 網(wǎng)站建設(shè)

摸屏無(wú)處不在。但他們不只是在你的手機(jī)和平板電腦上。為超大版本的觸摸屏設(shè)計(jì) - 認(rèn)為臺(tái)式電腦規(guī)模和更大 - 可以提出一個(gè)獨(dú)特的挑戰(zhàn)。
當(dāng)你習(xí)慣于考慮屏幕設(shè)計(jì)的拇指區(qū)域時(shí),你如何設(shè)計(jì)這么大的東西?這里有一個(gè)關(guān)于超大觸摸屏的思考指南,以及如何在更大的觸摸范圍內(nèi)創(chuàng)建與用戶交互的東西。
1.使用自然手勢(shì)
設(shè)計(jì)觸摸屏
有一個(gè)原因,“向右滑動(dòng)”和“向左滑動(dòng)”非常受歡迎 - 它們是自然的手部動(dòng)作和手勢(shì)。
滑動(dòng)可能比在一個(gè)更小的屏幕上更夸張一點(diǎn)
在考慮過(guò)大的屏幕時(shí),不僅要考慮手指的操作。想想整個(gè)手。大多數(shù)用戶將不得不伸手到更大的觸摸屏,因?yàn)樗麄儗⒈毁N在墻上或桌子上,而不是手持的。
您希望屏幕能夠輕松觸摸,移動(dòng)應(yīng)該像在移動(dòng)設(shè)備上一樣無(wú)縫地進(jìn)行。但是想想觸摸動(dòng)作。滑動(dòng)可能比在一個(gè)較小的屏幕上稍微夸張一點(diǎn),水龍頭可能會(huì)稍微有點(diǎn)壓力或力量。
滾動(dòng)有點(diǎn)不舒服 - 反復(fù)上下移動(dòng)手臂可能會(huì)導(dǎo)致疲勞 - 思考如何讓用戶瀏覽內(nèi)容時(shí)不會(huì)有太多的上下運(yùn)動(dòng)。
另一個(gè)自然的“手勢(shì)”是眼睛掃描。一些超大尺寸的屏幕太大,不能立即使用。眼球運(yùn)動(dòng)的設(shè)計(jì) - 從上到下,從左到右 - 確保用戶看到最重要的信息,并理解如何參與設(shè)計(jì)。
2.放大文本和圖形
這種情況不會(huì)發(fā)生,因?yàn)樵O(shè)計(jì)師必須大幅放大視覺(jué)元素才能在超大屏幕上顯示。一個(gè)更大的屏幕并不意味著更多的東西(反之亦然)。把它看作是一種不同的用戶體驗(yàn)。內(nèi)容,包括文字和圖形,必須放大為超大的屏幕設(shè)計(jì),因?yàn)椋?br />用戶傾向于從更遠(yuǎn)的距離進(jìn)行交互,并且仍然需要查看和區(qū)分元素。
用戶需要引誘來(lái)遠(yuǎn)方的屏幕,例如亭子。
用戶需要看到視覺(jué)提示,幫助他們確定一個(gè)供公眾使用的屏幕。
屏幕元素需要可導(dǎo)航且清晰無(wú)需指令。
觸摸目標(biāo)需要易于查看,并創(chuàng)建明顯的交互。

3.確保導(dǎo)航始終可用


設(shè)計(jì)觸摸屏
大多數(shù)用戶從第一次訪問(wèn)網(wǎng)站的思維模式中選擇超大的觸摸屏。模仿這種體驗(yàn)的設(shè)計(jì)將很容易讓用戶進(jìn)入并與之互動(dòng)。
確保在訪問(wèn)不同的內(nèi)容時(shí)導(dǎo)航不會(huì)消失。
為這些始終可以訪問(wèn)的設(shè)備創(chuàng)建導(dǎo)航模式。使用與通常接受的網(wǎng)站模式相似的格式,例如跨屏幕頂部或側(cè)邊欄。
確保在訪問(wèn)不同的內(nèi)容時(shí)導(dǎo)航不會(huì)消失。雖然主屏幕設(shè)計(jì)可能只包含沒(méi)有傳統(tǒng)導(dǎo)航菜單的大導(dǎo)航按鈕,但所有其他屏幕應(yīng)具有更傳統(tǒng)的導(dǎo)航格式以便于使用。
盡量在這些屏幕上盡量減少基于打字的輸入。鍵盤(pán)可能會(huì)變得笨拙和緩慢,需要用戶額外的體力。但是,如果您確實(shí)有基于鍵盤(pán)的輸入,請(qǐng)?jiān)趯?dǎo)航中包含鍵盤(pán)切換命令,以便用戶可以根據(jù)需要輕松顯示和隱藏鍵盤(pán)。
4.不要?jiǎng)?chuàng)建太多的選擇
屏幕越大,選擇越多。把按鈕和交互看作是這個(gè)或那個(gè)游戲,這給用戶一次做出一個(gè)決定。這里的訣竅是他們選擇兩個(gè)元素。
從這個(gè)概念的一個(gè)很好的外觀是,它使你簡(jiǎn)化設(shè)計(jì)。每個(gè)屏幕只有兩個(gè)選擇,設(shè)計(jì)元素和視覺(jué)混亂減少,創(chuàng)造一個(gè)更可用的界面。
在設(shè)計(jì)選擇時(shí),要確保行動(dòng)同樣清晰。用戶如何選擇這個(gè)或那個(gè)?按鈕應(yīng)該是明顯的,大到足以輕松觸摸。使用一個(gè)小動(dòng)畫(huà)幫助吸引人們的注意力到互動(dòng)元素,或者到更受歡迎的用戶選擇。
由于屏幕的大小,簡(jiǎn)化的選擇也很重要。請(qǐng)記住,整個(gè)屏幕可能并不總是在用戶的視野中,這可能會(huì)限制選擇本身。如果您提前簡(jiǎn)化選擇,則不必?fù)?dān)心環(huán)境中的用戶選項(xiàng)。
5.考慮隱私
設(shè)計(jì)觸摸屏
僅僅因?yàn)橛脩糇叩焦矆?chǎng)所的一個(gè)亭子屏幕,并不意味著這個(gè)人想讓每個(gè)人都知道他或她在做什么。
請(qǐng)記住,屏幕越大,其他人就越有可能看到用戶在做什么。當(dāng)涉及到在觸摸顯示屏上詢問(wèn)敏感信息或數(shù)據(jù)時(shí),這是一個(gè)很大的考慮因素。
為了解決這個(gè)問(wèn)題,通常一個(gè)基于觸摸的設(shè)計(jì)將包括用于表單或數(shù)據(jù)輸入的較小的彈出框,以便遠(yuǎn)距離看不到內(nèi)容。
6.斷開(kāi)與Web的連接
設(shè)計(jì)觸摸屏
當(dāng)涉及到超大尺寸的觸摸屏?xí)r,這可能是最重要的設(shè)計(jì)問(wèn)題 - 它們需要使用,而且沒(méi)有互聯(lián)網(wǎng)連接。
想一想:許多超大尺寸的屏幕在公共場(chǎng)所,或者小型屏幕(如可移動(dòng)的信息亭或大型平板電腦)是便攜式的。這會(huì)影響對(duì)互聯(lián)網(wǎng)的訪問(wèn)以及連接是否正常工作。即使沒(méi)有連接,設(shè)計(jì)也必須工作。
確保所有運(yùn)行設(shè)計(jì)的工具(從JavaScript到字體庫(kù)到數(shù)據(jù)收集)都存儲(chǔ)在本地。
7.明顯的交互設(shè)計(jì)按鈕
設(shè)計(jì)觸摸屏
設(shè)計(jì)需要向用戶展示如何與屏幕交互。并不是每個(gè)用戶都會(huì)立即看到觸摸屏。
使用視覺(jué)提示(如動(dòng)畫(huà)和按鈕)來(lái)幫助指導(dǎo)用戶完成整個(gè)過(guò)程。
使用視覺(jué)提示(如動(dòng)畫(huà)和按鈕)來(lái)幫助指導(dǎo)用戶完成整個(gè)過(guò)程。大多數(shù)超大屏幕是用戶的一次性互動(dòng)或接觸點(diǎn),每個(gè)接口都有點(diǎn)不同。用戶越容易使用它,用戶就越容易參與設(shè)計(jì)。
許多設(shè)計(jì)包括觸摸時(shí)完全激活的屏幕區(qū)域,例如開(kāi)始屏幕。包括一個(gè)按鈕來(lái)提示交互。它不會(huì)消除設(shè)計(jì),并告訴用戶如何操作設(shè)備。
使用描述性的顯微鏡,如“觸摸這里開(kāi)始”,引導(dǎo)用戶完成整個(gè)過(guò)程。雖然這些元素可能看起來(lái)過(guò)于明顯,但如何使用接口并不總是所有用戶的第二性質(zhì)。讓它容易。
結(jié)論
你的任何設(shè)計(jì)項(xiàng)目是否都需要使用超大尺寸的屏幕?他們?cè)诟鞯卦絹?lái)越受歡迎。即使你還沒(méi)有這樣的項(xiàng)目,未來(lái)你可能會(huì)得到一個(gè)。

盡管大部分設(shè)計(jì)原則與其他基于界面的設(shè)計(jì)相同,但調(diào)整大屏幕的尺寸和規(guī)模對(duì)于許多設(shè)計(jì)師而言可能會(huì)感到不舒服。當(dāng)你在公共場(chǎng)合看到這些屏幕時(shí),請(qǐng)停下來(lái)與他們互動(dòng),看看哪些設(shè)計(jì)元素和互動(dòng)對(duì)你有吸引力。


本文來(lái)自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽:成都網(wǎng)站建設(shè)公司成都網(wǎng)頁(yè)設(shè)計(jì)公司,成都網(wǎng)站設(shè)計(jì)公司,網(wǎng)站建設(shè) 成都,成都 網(wǎng)站建設(shè),成都企業(yè)網(wǎng)站建設(shè),營(yíng)銷(xiāo)型網(wǎng)站建設(shè),網(wǎng)站建設(shè)設(shè)計(jì),網(wǎng)站開(kāi)發(fā),網(wǎng)站制作設(shè)計(jì)

本文名稱:如何為超大型觸摸屏設(shè)計(jì)思考指南
瀏覽地址:http://www.bm7419.com/news17/160967.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、虛擬主機(jī)網(wǎng)站策劃、搜索引擎優(yōu)化、微信小程序、網(wǎng)站排名

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)