譯者注：随着平闆電(diàn)腦(nǎo)市場(chǎng)的迅猛增長，你(nǐ)可(kě)曾考慮到網站(zhàn)在平闆上(shàng)的用戶體(tǐ)驗？本文給出了6個(gè)提升網站(zhàn)平闆體(tǐ)驗的簡易技(jì)巧，讓你(nǐ)花(huā)小(xiǎo)氣力，出大(dà)成果，可(kě)謂事半功倍。要不你(nǐ)試試看。

原文鏈接：http://uxmag.com/articles/the-pursuit-of-tappiness

在這篇文章發布時(shí)，僅在美國就有(yǒu)近7000萬的平闆電(diàn)腦(nǎo)用戶，這比前一年的數(shù)據增加了一倍。這意味着，美國近30％的互聯網用戶使用平闆設備上(shàng)網浏覽。2011年到2012年間(jiān)，電(diàn)子商務網站(zhàn)在平闆電(diàn)腦(nǎo)上(shàng)的交易量增長了348％，第一次超越智能手機的交易量。由于平闆市場(chǎng)很(hěn)年輕，其未來(lái)的發展空(kōng)間(jiān)必定很(hěn)大(dà)。

這一趨勢傳遞了一個(gè)強烈的信号：如果你(nǐ)的網站(zhàn)還(hái)沒有(yǒu)針對平闆電(diàn)腦(nǎo)進行(xíng)設計(jì)的話(huà)，現在是時(shí)候優先考慮其在平闆電(diàn)腦(nǎo)上(shàng)的可(kě)用性了。否則，忽略這一點可(kě)能會(huì)對網站(zhàn)的整體(tǐ)轉化率，回訪量，銷售量等帶來(lái)負面影(yǐng)響。

什麽是“點擊愉悅感”（tappiness）？

當一個(gè)網站(zhàn)具有(yǒu)“點擊愉悅感”時(shí)，用戶在手機或平闆設備進行(xíng)訪問的操作(zuò)将變得(de)容易而愉快。點擊愉悅感包括巧妙使用的空(kōng)間(jiān)，易于閱讀的文本，符合邏輯的交互線索，和(hé)大(dà)尺寸的點擊目标，這些(xiē)讓訪問者浏覽網站(zhàn)時(shí)充滿信心。

本設計(jì)中，大(dà)字體(tǐ)和(hé)大(dà)點擊目标的體(tǐ)驗很(hěn)好，即使在平闆電(diàn)腦(nǎo)上(shàng)縮小(xiǎo)後，體(tǐ)驗依然不錯。

而在另一些(xiē)設計(jì)中，文字太小(xiǎo)無法閱讀，鏈接太接近容易誤操作(zuò)，無形中增加了操作(zuò)時(shí)間(jiān)、複雜度以及體(tǐ)驗上(shàng)的挫敗感。糟糕的體(tǐ)驗下，用戶将快速流失。

本設計(jì)中的小(xiǎo)字體(tǐ)和(hé)小(xiǎo)觸摸目标被證明(míng)在平闆電(diàn)腦(nǎo)上(shàng)難以閱讀和(hé)使用。

一種理(lǐ)想選擇可(kě)能是：重新設計(jì)你(nǐ)的網站(zhàn)，讓它能針對各種不同設備進行(xíng)自适應布局，但(dàn)時(shí)間(jiān)和(hé)成本可(kě)能會(huì)使你(nǐ)無法完成這樣的全面翻新。然而你(nǐ)還(hái)有(yǒu)其他選擇。本文給出一些(xiē)技(jì)巧和(hé)方法，能快速幫助你(nǐ)提升網站(zhàn)的平闆用戶體(tǐ)驗，隻需幾個(gè)簡單的變化，你(nǐ)今天就可(kě)以做(zuò)到！

提升網站(zhàn)點擊愉悅感的6個(gè)簡易技(jì)巧

隻需一些(xiē)細微的CSS調整即可(kě)大(dà)大(dà)提升平闆電(diàn)腦(nǎo)的可(kě)讀性和(hé)導航精準度。

　　1、增加普通(tōng)按鈕和(hé)立即行(xíng)動按鈕（calls-to-action）的大(dà)小(xiǎo)和(hé)外邊距（margin）。大(dà)多(duō)數(shù)人(rén)的手指點擊區(qū)域約為(wèi)45-57像素，千萬不要讓用戶費勁地尋找和(hé)點擊“購買”按鈕。

　　2、鏈接和(hé)立即行(xíng)動按鈕應應顯示為(wèi)可(kě)點擊态，而不是hover态。在平闆電(diàn)腦(nǎo)上(shàng)，hover态是不存在的。文本鏈接應當用清晰、對比強烈的顔色。不要害怕使用下劃線來(lái)表示默認鏈接狀态。

　　3、增加字體(tǐ)大(dà)小(xiǎo)來(lái)提升可(kě)讀性。在原有(yǒu)字體(tǐ)上(shàng)，增加一些(xiē)字體(tǐ)像素值（px值）或是提升字體(tǐ)顯示百分比（em值）都會(huì)好很(hěn)多(duō)。正所謂事半功倍。

　　4、增大(dà)導航菜單項的內(nèi)邊距（padding）。可(kě)以試着先增加5-10個(gè)像素，如果設計(jì)允許的話(huà)，也可(kě)增加更多(duō)內(nèi)邊距。

　　5、增大(dà)頁面和(hé)內(nèi)容塊的外邊距（margin）。這一改進可(kě)以提升整體(tǐ)易讀性，降低(dī)視(shì)覺複雜度。相比擁擠的網站(zhàn)來(lái)說，增加留白能營造更加易用的印象。

　　6、增加表單輸入框的大(dà)小(xiǎo)和(hé)間(jiān)距。這樣用戶将更容易點擊并輸入信息。改進表單樣式，可(kě)以極大(dà)提升網站(zhàn)的轉化率。

另外，這些(xiē)簡單的CSS變化很(hěn)可(kě)能也将利于你(nǐ)的桌面用戶。當然，按照慣例，正式上(shàng)線前，要确保在所有(yǒu)平台和(hé)浏覽器(qì)上(shàng)測試改動過的內(nèi)容。