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

2016-08-26    分類: 用戶體驗(yàn)

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

Windows Phone界面的Windows用戶界面更直觀的使用觸摸屏,蘋果巧妙地適應(yīng)OSX的隨著時(shí)間的推移,精簡日益共享他們的移動(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ū)iT為觸摸屏的用戶,讓他們在一段時(shí)間集中于一種類型的用戶。 的一個(gè)問題是,由于網(wǎng)站是分開的他們依靠URL重定向,這往往會(huì)導(dǎo)致諸如用戶被發(fā)送到錯(cuò)誤的網(wǎng)站的鏈接問題,或貧窮重定向由于需要重定向到移動(dòng)用戶的頁面格式。
隨著移動(dòng)用戶而單獨(dú)的網(wǎng)站大的問題,就是經(jīng)常移動(dòng)版缺乏桌面用戶接收功能或信息;功能和接口往往簡化,按鈕和選項(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)頁,向下滾動(dòng),然而在桌面上移動(dòng)你的鼠標(biāo)滾輪下你。蘋果試圖鞏固他們的觸摸界面技術(shù)為觸控板的筆記本電腦和臺(tái)式電腦都正確,但是PC用戶或使用傳統(tǒng)的滾輪或滑塊滾動(dòng)網(wǎng)頁甚至Mac用戶都處于劣勢。
按鈕必須在移動(dòng)設(shè)備上大得多,攻遠(yuǎn)準(zhǔn)確的用鼠標(biāo)點(diǎn)擊,沒有什么更多的憤怒比試圖點(diǎn)擊下一個(gè)網(wǎng)頁的鏈接,不小心被發(fā)送回一個(gè)網(wǎng)頁或廣告而上。一個(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ǎn)生的屏幕大小不同型號和生產(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)頁面而不是滾動(dòng)的觸摸滾動(dòng)的更多的創(chuàng)新形式,水平滾動(dòng)的更多的創(chuàng)意不可能出了問題。大多數(shù)應(yīng)用程序使用水平滾動(dòng)作為工具和迄今為止大的成功是在水平滾動(dòng)的Kindle,所以為什么不落實(shí)到你的Web UI?很多單頁網(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)頁上他們可以滾動(dòng)起來,并回到主導(dǎo)航。在雙軸網(wǎng)站這可能不是那么簡單,所以導(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)勢是,觸摸屏用戶更好地控制正常的下拉列表,如方向控制比開發(fā)更準(zhǔn)確。在形式的徑向菜單和網(wǎng)站可以極大的提高網(wǎng)站上的一個(gè)觸摸屏用戶的使用體驗(yàn),并延伸到個(gè)搖桿如那些用于游戲機(jī),在徑向菜單通常是因?yàn)樗试S游戲可以很容易地移植到PC等桌面用戶不要失去了它仍然如此,徑向菜單可以簡化為簡單的類長名單,增加使用或生產(chǎn)力的網(wǎng)站上方便使用。
徑向菜單是一個(gè)偉大的方式顯示上下文敏感的信息,這樣的一個(gè)例子是點(diǎn)擊圖片上的食物網(wǎng)站給出的選擇轉(zhuǎn)發(fā)的一道菜,食譜鏈接,成分列表或保存圖片。但是你必須小心,你仍然可以訪問菜單和簡單的,否則你很容易讓用戶特別是結(jié)合符號和文字在同一徑向菜單。徑向菜單時(shí)使用的是靜態(tài)而非動(dòng)態(tài)的因?yàn)檫@會(huì)導(dǎo)致對象選擇困難等之類的網(wǎng)站更容易蓬在這種情況下,尤其是當(dāng)使用鼠標(biāo)光標(biāo)跟蹤使它特別直觀。

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

擬物化
skeuomorphic設(shè)計(jì)模仿創(chuàng)造一個(gè)直觀的用戶界面的外觀和功能,為日常生活中的對象,而最近已經(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)頁,你就會(huì)知道什么主題/頁面用于制作鼠標(biāo)懸停提示和鏈接,凸顯過時(shí)。


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

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

觸摸屏是如何影響用戶體驗(yàn)
最后,成都網(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)界面。
簡單的設(shè)計(jì)可以很好的在炫耀他的整個(gè)投資組合以專業(yè)的方式,同時(shí)保留了一個(gè)有趣的新面貌,非常直觀。當(dāng)然,很大一部分的設(shè)計(jì)在用戶的手中,能夠改變導(dǎo)航的位置調(diào)整是如何使用的空間,有些人可能會(huì)說,不正是構(gòu)成設(shè)計(jì)的選擇。桌面版有四種風(fēng)格,我邀請你去玩,并得出自己的結(jié)論是這只是優(yōu)柔寡斷或巨大的創(chuàng)造性。

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

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

廣告

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

搜索引擎優(yōu)化