亚洲av小电影在线免费,国产亚洲精品久午夜波多野结衣久久,亚洲日韩精品视频一区二区,国产全黄A一级视频

將想法與焦點和您一起共享

網(wǎng)站平板體驗的6個設(shè)計技巧發(fā)布者:本站     時間:2022-01-07 10:01:58

隨著平板電腦市場的迅猛增長,你可曾考慮到網(wǎng)站在平板上的用戶體驗?本文給出了6個提升網(wǎng)站平板體驗的簡易技巧,讓你花小氣力,出大成果,可謂事半功倍。要不你試試看。

在這篇文章發(fā)布時,僅在美國就有近7000萬的平板電腦用戶,這比前一年的數(shù)據(jù)增加了一倍。這意味著,美國近30%的互聯(lián)網(wǎng)用戶使用平板設(shè)備上網(wǎng)瀏覽。2011年到2012年間,電子商務(wù)網(wǎng)站在平板電腦上的交易量增長了348%,第一次超越智能手機的交易量。由于平板市場很年輕,其未來的發(fā)展空間必定很大。

這一趨勢傳遞了一個強烈的信號:如果你的網(wǎng)站還沒有針對平板電腦進行設(shè)計的話,現(xiàn)在是時候優(yōu)先考慮其在平板電腦上的可用性了。否則,忽略這一點可能會對網(wǎng)站的整體轉(zhuǎn)化率,回訪量,銷售量等帶來負面影響。

什么是“點擊愉悅感”(tappiness)?

當(dāng)一個網(wǎng)站具有“點擊愉悅感”時,用戶在手機或平板設(shè)備進行訪問的操作將變得容易而愉快。點擊愉悅感包括巧妙使用的空間,易于閱讀的文本,符合邏輯的交互線索,和大尺寸的點擊目標,這些讓訪問者瀏覽網(wǎng)站時充滿信心。

提升網(wǎng)站平板體驗的6個設(shè)計技巧,PS教程,

本設(shè)計中,大字體和大點擊目標的體驗很好,即使在平板電腦上縮小后,體驗依然不錯。

而在另一些設(shè)計中,文字太小無法閱讀,鏈接太接近容易誤操作,無形中增加了操作時間、復(fù)雜度以及體驗上的挫敗感。糟糕的體驗下,用戶將快速流失。

提升網(wǎng)站平板體驗的6個設(shè)計技巧,PS教程,

本設(shè)計中的小字體和小觸摸目標被證明在平板電腦上難以閱讀和使用。

一種理想選擇可能是:重新設(shè)計你的網(wǎng)站,讓它能針對各種不同設(shè)備進行自適應(yīng)布局,但時間和成本可能會使你無法完成這樣的全面翻新。然而你還有其他選擇。本文給出一些技巧和方法,能快速幫助你提升網(wǎng)站的平板用戶體驗,只需幾個簡單的變化,你今天就可以做到!

提升網(wǎng)站點擊愉悅感的6個簡易技巧

只需一些細微的CSS調(diào)整即可大大提升平板電腦的可讀性和導(dǎo)航精準度。

1、增加普通按鈕和立即****按鈕(calls-to-action)的大小和外邊距(margin)。大多數(shù)人的手指點擊區(qū)域約為45-57像素,千萬不要讓用戶費勁地尋找和點擊“購買”按鈕。

提升網(wǎng)站平板體驗的6個設(shè)計技巧,PS教程,

2、鏈接和立即****按鈕應(yīng)應(yīng)顯示為可點擊態(tài),而不是hover態(tài)。在平板電腦上,hover態(tài)是不存在的。文本鏈接應(yīng)當(dāng)用清晰、對比強烈的顏色。不要害怕使用下劃線來表示默認鏈接狀態(tài)。

提升網(wǎng)站平板體驗的6個設(shè)計技巧,PS教程,

3、增加字體大小來提升可讀性。在原有字體上,增加一些字體像素值(px值)或是提升字體顯示百分比(em值)都會好很多。正所謂事半功倍。

提升網(wǎng)站平板體驗的6個設(shè)計技巧,PS教程,

4、增大導(dǎo)航菜單項的內(nèi)邊距(padding)。可以試著先增加5-10個像素,如果設(shè)計允許的話,也可增加更多內(nèi)邊距。

提升網(wǎng)站平板體驗的6個設(shè)計技巧,PS教程,

5、增大頁面和內(nèi)容塊的外邊距(margin)。這一改進可以提升整體易讀性,降低視覺復(fù)雜度。相比擁擠的網(wǎng)站來說,增加留白能營造更加易用的印象。

提升網(wǎng)站平板體驗的6個設(shè)計技巧,PS教程,

6、增加表單輸入框的大小和間距。這樣用戶將更容易點擊并輸入信息。改進表單樣式,可以極大提升網(wǎng)站的轉(zhuǎn)化率。

提升網(wǎng)站平板體驗的6個設(shè)計技巧,PS教程,

另外,這些簡單的CSS變化很可能也將利于你的桌面用戶。當(dāng)然,按照慣例,正式上線前,要確保在所有平臺和瀏覽器上測試改動過的內(nèi)容。

具有點擊愉悅感的網(wǎng)站案例

下面幾個網(wǎng)站很好地體現(xiàn)了點擊愉悅感。你可以在平板電腦和桌面上都體驗下這些網(wǎng)站。請注意,這些網(wǎng)站并未針對平板電腦使用不同的布局或版本。然而,同一網(wǎng)站在兩個平臺上看起來都不錯,而且操作也都很方便。

提升網(wǎng)站平板體驗的6個設(shè)計技巧,PS教程,

Fitbit 采用了合理的留白空間,外加大號字體和大尺寸觸摸目標。

提升網(wǎng)站平板體驗的6個設(shè)計技巧,PS教程,

Comcast 的網(wǎng)站提供了大號字體和間距。你還可以注意到清晰標識的鏈接、分布合理的導(dǎo)航和輔助導(dǎo)航,以及大且易用的表單輸入框。

提升網(wǎng)站平板體驗的6個設(shè)計技巧,PS教程,

雖然 Skillshare 網(wǎng)站的主體文字略小,但它確實提供了點擊區(qū)域大且易用的導(dǎo)航按鈕和立即****按鈕,此外,內(nèi)容區(qū)域周圍也留有了足夠空間。

提升網(wǎng)站平板體驗的6個設(shè)計技巧,PS教程,

Apple 官網(wǎng)有點擊愉悅感并不奇怪。畢竟,他們是手持式觸摸屏設(shè)計的先鋒。

總結(jié)

你的網(wǎng)站是否具有點擊愉悅感?請你自己在平板設(shè)備上體驗一下。如果你的網(wǎng)站在平板電腦上體驗不好的話,就可能會失去用戶、轉(zhuǎn)化率和金錢。



選擇我們,優(yōu)質(zhì)服務(wù),不容錯過
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗,優(yōu)秀的技術(shù)和設(shè)計水平,更放心
3. 全程省心服務(wù),不必擔(dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時聯(lián)系電話:021-58370032
關(guān)鍵詞標簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)
主站蜘蛛池模板: 石河子市| 大冶市| 阆中市| 济宁市| 高尔夫| 博白县| 偏关县| 乐亭县| 资兴市| 酒泉市| 轮台县| 靖边县| 井陉县| 石棉县| 理塘县| 合川市| 阳春市| 巫溪县| 泌阳县| 南宁市| 淮北市| 竹北市| 易门县| 新巴尔虎左旗| 登封市| 新闻| 信丰县| 马公市| 吉安县| 修水县| 东阿县| 涪陵区| 奉化市| 永顺县| 南昌县| 莱阳市| 太谷县| 东山县| 西华县| 肇东市| 洮南市|