觸摸屏是如何影響用戶體驗(yàn)

Windows Phone界面的Windows用戶界面更直觀的使用觸摸屏，蘋果巧妙地適應(yīng)OSX的隨著時(shí)間的推移，精簡(jiǎn)日益共享他們的移動(dòng)和桌面操作系統(tǒng)的特點(diǎn)。雖然我們還沒有看到一個(gè)觸摸屏Mac，很明顯，觸摸屏革命即將在我們的用戶花更多的時(shí)間在他們的移動(dòng)設(shè)備比家里的電腦。
這一點(diǎn)成都網(wǎng)站制作不斷增加的瀏覽以智能手機(jī)和平板電腦的地方的比例，網(wǎng)站必須決定他們將如何適應(yīng)人們沒有鼠標(biāo)和鍵盤訪問他們的內(nèi)容。而這個(gè)默認(rèn)的反應(yīng)也往往只是做一個(gè)獨(dú)立的移動(dòng)界面！'，一個(gè)已經(jīng)在過去的小型移動(dòng)設(shè)備如手機(jī)的解決方案，有較大的手機(jī)和平板顯示器占據(jù)中間很小的范圍。
本文將以大量的下降了兩規(guī)和標(biāo)準(zhǔn)的網(wǎng)站設(shè)計(jì)更加觸摸友好的網(wǎng)站看一看。

網(wǎng)站與網(wǎng)站響應(yīng)
許多網(wǎng)站已經(jīng)創(chuàng)建了子公司的網(wǎng)站或應(yīng)用程序?qū)ｉT為觸摸屏的用戶，讓他們?cè)谝欢螘r(shí)間集中于一種類型的用戶。 的一個(gè)問題是，由于網(wǎng)站是分開的他們依靠URL重定向，這往往會(huì)導(dǎo)致諸如用戶被發(fā)送到錯(cuò)誤的網(wǎng)站的鏈接問題，或貧窮重定向由于需要重定向到移動(dòng)用戶的頁(yè)面格式。
隨著移動(dòng)用戶而單獨(dú)的網(wǎng)站大的問題，就是經(jīng)常移動(dòng)版缺乏桌面用戶接收功能或信息；功能和接口往往簡(jiǎn)化，按鈕和選項(xiàng)縮小放大。這可以通過使用一個(gè)'響應(yīng)'設(shè)計(jì)解決。響應(yīng)網(wǎng)站的設(shè)計(jì)可以很容易地看到在兩個(gè)平臺(tái)上沒有任何一個(gè)失去質(zhì)量。這也有好處，只有一個(gè)網(wǎng)站的需求來設(shè)計(jì)，而不是兩個(gè)，但是這往往導(dǎo)致妥協(xié)為平臺(tái)。

基本設(shè)計(jì)的差異
有明顯的差異，一個(gè)觸摸屏和桌面之間你需要思考創(chuàng)造你的網(wǎng)站的時(shí)候。在觸摸屏上你刷網(wǎng)頁(yè)，向下滾動(dòng)，然而在桌面上移動(dòng)你的鼠標(biāo)滾輪下你。蘋果試圖鞏固他們的觸摸界面技術(shù)為觸控板的筆記本電腦和臺(tái)式電腦都正確，但是PC用戶或使用傳統(tǒng)的滾輪或滑塊滾動(dòng)網(wǎng)頁(yè)甚至Mac用戶都處于劣勢(shì)。
按鈕必須在移動(dòng)設(shè)備上大得多，攻遠(yuǎn)準(zhǔn)確的用鼠標(biāo)點(diǎn)擊，沒有什么更多的憤怒比試圖點(diǎn)擊下一個(gè)網(wǎng)頁(yè)的鏈接，不小心被發(fā)送回一個(gè)網(wǎng)頁(yè)或廣告而上。一個(gè)光標(biāo)的缺乏也意味著你不能有懸停狀態(tài)來解釋一個(gè)鏈接到哪里去了，是一個(gè)字的意思，甚至什么是可點(diǎn)擊的。
還有一個(gè)區(qū)別在手機(jī)觸摸屏輸入精度由于有電阻或電容輸入具有不同的靈敏度和精度，可以在隨后失去了電阻式觸摸屏。除此之外，設(shè)計(jì)必須包括兩個(gè)非常不同的，有兩個(gè)方向移動(dòng)設(shè)備的分辨率。

屏幕方向和縱橫比
多分辨率超越常規(guī)的顯示器尺寸意味著你可以不再覺得只是在標(biāo)準(zhǔn)屏幕分辨率和垂直運(yùn)動(dòng)的條件。 在技術(shù)市場(chǎng)的快速變化產(chǎn)生的屏幕大小不同型號(hào)和生產(chǎn)廠家，所有關(guān)于所謂的智能手表我們可能會(huì)開始看到屏幕，不再局限于四個(gè)邊界謠言。手機(jī)屏幕添加更多的復(fù)雜性，因?yàn)樗麄兛梢栽谛は窈惋L(fēng)景模式是通過旋轉(zhuǎn)。
答案是液態(tài)布局自我調(diào)整適應(yīng)任何分辨率和縱向和橫向觀看。一些網(wǎng)站使用液態(tài)布局，徹底改變了網(wǎng)站要看優(yōu)化容易控制和使用基于它的定位屏幕的全部潛力。
雖然小鼠專為方便多用戶垂直滾動(dòng)條滾動(dòng)輪遷移到觸摸板和觸摸屏，因?yàn)樘O果已經(jīng)接受這類似于拖動(dòng)頁(yè)面而不是滾動(dòng)的觸摸滾動(dòng)的更多的創(chuàng)新形式，水平滾動(dòng)的更多的創(chuàng)意不可能出了問題。大多數(shù)應(yīng)用程序使用水平滾動(dòng)作為工具和迄今為止大的成功是在水平滾動(dòng)的Kindle，所以為什么不落實(shí)到你的Web UI？很多單頁(yè)網(wǎng)站有一個(gè)單獨(dú)的水平軸，但是他們經(jīng)常要使用按鈕來煽動(dòng)滾動(dòng)的用戶可能不了解非標(biāo)準(zhǔn)格式。
水平滾動(dòng)可能類似于在設(shè)計(jì)上的垂直滾動(dòng)，然而兩者的使用可能會(huì)打開雙軸滾動(dòng)的可能性，它可能無法正常工作在瀏覽器。很多用戶喜歡的是固定的軸，顯然這通常是X軸，這是靜態(tài)的，所以如果用戶迷失在網(wǎng)頁(yè)上他們可以滾動(dòng)起來，并回到主導(dǎo)航。在雙軸網(wǎng)站這可能不是那么簡(jiǎn)單，所以導(dǎo)航需要粘，使用HUD風(fēng)格的酒吧。

那么，你的網(wǎng)站的用戶界面應(yīng)該使用？
顯然不是每個(gè)UI網(wǎng)站的各個(gè)類型是合適的，那么問自己一些基本的問題：你的目標(biāo)觀眾是誰？你想什么'賣'？你想給的印象是怎樣的？年輕人更容易使用觸摸屏比老年人口可能會(huì)使用桌面，但仍可能需要更大的按鈕和清晰的用戶界面。有創(chuàng)造想象最創(chuàng)新的用戶界面沒有點(diǎn)如果沒有人能理解如何使用它，所以總是記得創(chuàng)建UI，用戶可以立即知道如何使用。

徑向菜單
徑向菜單，也被稱為一個(gè)餡餅菜單，是一個(gè)圓形的上下文菜單，采用多方位的語境而不是高度或?qū)挾鹊倪x擇工具。
這是一個(gè)偉大的直觀的設(shè)計(jì)，防止用戶迷失在子菜單的幾十個(gè)形式。另一個(gè)優(yōu)勢(shì)是，觸摸屏用戶更好地控制正常的下拉列表，如方向控制比開發(fā)更準(zhǔn)確。在形式的徑向菜單和網(wǎng)站可以極大的提高網(wǎng)站上的一個(gè)觸摸屏用戶的使用體驗(yàn)，并延伸到個(gè)搖桿如那些用于游戲機(jī)，在徑向菜單通常是因?yàn)樗试S游戲可以很容易地移植到PC等桌面用戶不要失去了它仍然如此，徑向菜單可以簡(jiǎn)化為簡(jiǎn)單的類長(zhǎng)名單，增加使用或生產(chǎn)力的網(wǎng)站上方便使用。
徑向菜單是一個(gè)偉大的方式顯示上下文敏感的信息，這樣的一個(gè)例子是點(diǎn)擊圖片上的食物網(wǎng)站給出的選擇轉(zhuǎn)發(fā)的一道菜，食譜鏈接，成分列表或保存圖片。但是你必須小心，你仍然可以訪問菜單和簡(jiǎn)單的，否則你很容易讓用戶特別是結(jié)合符號(hào)和文字在同一徑向菜單。徑向菜單時(shí)使用的是靜態(tài)而非動(dòng)態(tài)的因?yàn)檫@會(huì)導(dǎo)致對(duì)象選擇困難等之類的網(wǎng)站更容易蓬在這種情況下，尤其是當(dāng)使用鼠標(biāo)光標(biāo)跟蹤使它特別直觀。

擬物化
skeuomorphic設(shè)計(jì)模仿創(chuàng)造一個(gè)直觀的用戶界面的外觀和功能，為日常生活中的對(duì)象，而最近已經(jīng)不時(shí)髦了，尤其是自從史葛Forstall先生辭去蘋果和Jony Ive的扁平化設(shè)計(jì)了iOS和OS X的未來可能。借殼被蘋果推向更直觀的設(shè)計(jì)的很大一部分，最近在Mac被設(shè)計(jì)為一個(gè)實(shí)際的地址簿中的聯(lián)系人，或報(bào)刊亭和iBooks在iOS實(shí)際書架。本設(shè)計(jì)是一個(gè)更明顯的好處的觸摸界面的用戶，因?yàn)槲覀儾荒芘c我們周圍的世界互動(dòng)與光標(biāo)。
親密感增加了直觀的使用任何用戶界面的時(shí)候，這是借殼的點(diǎn)，帶來一種熟悉的額外維度的加入與真實(shí)物體所以用戶立即知道如何與它互動(dòng)。一個(gè)成功的skeuomorphic設(shè)計(jì)意味著只要一看網(wǎng)頁(yè)，你就會(huì)知道什么主題/頁(yè)面用于制作鼠標(biāo)懸停提示和鏈接，凸顯過時(shí)。

撥號(hào)界面
這是一個(gè)結(jié)合了以上的在整個(gè)用戶界面形式，一個(gè)簡(jiǎn)單的撥號(hào)；設(shè)計(jì)類似于徑向菜單，而是掛在中心，選擇從那里，表盤轉(zhuǎn)動(dòng)到一個(gè)單點(diǎn)的選擇。這是非常有效的情況下，如音樂，撥經(jīng)常用于組合跟蹤和控制量。在網(wǎng)絡(luò)標(biāo)簽 案例shsk'h 他們使用一種改進(jìn)型的撥號(hào)界面選擇你想玩的軌道。

極簡(jiǎn)主義的運(yùn)動(dòng)
極簡(jiǎn)主義是其中一個(gè)網(wǎng)站是剝奪了其必需的元素。這是偉大的為移動(dòng)用戶減少加載時(shí)間和數(shù)據(jù)的使用以及讓用戶能夠訪問在一個(gè)清晰的界面，更容易使用較小的決議，所有必要的信息。目前的極簡(jiǎn)主義已經(jīng)超越了剝離網(wǎng)站的最基本的要素，形成了新的風(fēng)格被稱為平面設(shè)計(jì)。這取決于相信直覺不再是必要的設(shè)計(jì)因?yàn)榻涌诤退麄兊氖褂靡呀?jīng)成為人們生活的重要組成部分，設(shè)計(jì)可以超越告訴用戶做什么，用戶界面可以是一個(gè)工具，而不是作為一個(gè)導(dǎo)師也加倍。平面設(shè)計(jì)一直以大膽的顏色塊的使用，但隨著iOS7的推出，梯度在無國(guó)界的平面設(shè)計(jì)世界占有一席之地，從花哨的提取的優(yōu)雅。

最后，成都網(wǎng)站制作要結(jié)束這篇文章與一個(gè)網(wǎng)站，做一些不同的事情。 蒂博 是一種創(chuàng)造性的開發(fā)人員設(shè)計(jì)了一個(gè)投資組合的網(wǎng)站建設(shè)者稱為pikibox。該網(wǎng)站是非常友好的觸摸而阻礙其進(jìn)入桌面用戶，但在較小的觸摸屏設(shè)備用戶發(fā)送到一個(gè)集中的重定向與移動(dòng)界面。
簡(jiǎn)單的設(shè)計(jì)可以很好的在炫耀他的整個(gè)投資組合以專業(yè)的方式，同時(shí)保留了一個(gè)有趣的新面貌，非常直觀。當(dāng)然，很大一部分的設(shè)計(jì)在用戶的手中，能夠改變導(dǎo)航的位置調(diào)整是如何使用的空間，有些人可能會(huì)說，不正是構(gòu)成設(shè)計(jì)的選擇。桌面版有四種風(fēng)格，我邀請(qǐng)你去玩，并得出自己的結(jié)論是這只是優(yōu)柔寡斷或巨大的創(chuàng)造性。

文章題目：觸摸屏是如何影響用戶體驗(yàn)
本文來源：http://jinyejixie.com/news/21162.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有做網(wǎng)站、用戶體驗(yàn)等

廣告

聲明：本網(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í)需注明來源： 創(chuàng)新互聯(lián)