中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編者按：隨著大屏手機(jī)的普及，網(wǎng)站大都需要適配手機(jī)版（這簡(jiǎn)直是一定的）。不過(guò)在有限的空間上想將整個(gè)桌面端網(wǎng)頁(yè)轉(zhuǎn)移上去，設(shè)計(jì)師可需要下工夫了， 得擇重避輕、全面考慮、無(wú)縫對(duì)接，等等等等。今天分享的好文，從7個(gè)方面幫你打造卓越的移動(dòng)網(wǎng)站，文章很全面，設(shè)計(jì)師和產(chǎn)品經(jīng)理都可以學(xué)習(xí)一下。

zchening（周晨）：現(xiàn)在手機(jī)上App很火爆，看到最近很流行的游戲很多人就會(huì)去裝一個(gè)?？蓪?shí)際上不少應(yīng)用都是一些偶發(fā)性的需求，比如我最近 要租房子裝了個(gè)58同城，可我不可能天天租房子，租完房子之后這個(gè)應(yīng)用我就幾乎不會(huì)打開了。想想我們平常經(jīng)常使用的應(yīng)用也就3-5個(gè)，微博、微信、瀏覽器 等，一般最多不會(huì)超過(guò)7個(gè)。普通人的大腦無(wú)法同時(shí)處理七件以上的信息單位，人們?cè)诹谐霰仨氂浝蔚氖马?xiàng)上多半只列到第七項(xiàng)：一周有7天，音樂有7個(gè)音符，電 話號(hào)碼通常是7位數(shù)，世界奇跡是7個(gè)、七仙女、白雪公主和7個(gè)小矮人等。(更多請(qǐng)查看神奇的7±2法則)

一方面是用戶偶發(fā)性的需求，一方面卻是開發(fā)者面對(duì)移動(dòng)互聯(lián)網(wǎng)海量用戶的渴求，如何平衡這兩者之前的矛盾呢？專為移動(dòng)設(shè)備優(yōu)化的移動(dòng)網(wǎng)站是可行的方案之一。

下面是幾個(gè)案例。

2012年淘寶無(wú)線網(wǎng)站（m.taobao.com）的訪問量增長(zhǎng)了6.4倍，占淘寶流量的比例也從2%上升到11%，其中并不包含來(lái)自于App應(yīng) 用的訪問。攜程也是個(gè)很好的例子，其手機(jī)網(wǎng)站（m.ctrip.com）推出后訂單成交量增加了5倍。攜程通過(guò)向訪問手機(jī)網(wǎng)的消費(fèi)者進(jìn)行了調(diào)研，對(duì)預(yù)訂過(guò) 程進(jìn)行優(yōu)化。并且采用了HTML5技術(shù)，訪問網(wǎng)站可以很清晰的看到機(jī)票、酒店、航班動(dòng)態(tài)、門票、火車篇、我的攜程6個(gè)模塊，看上去和APP非常像。如果別 人的案例不具有說(shuō)服力那我就舉我自己的例子：回來(lái)后特意去看了下公司的網(wǎng)站（視頻網(wǎng)站），移動(dòng)設(shè)備的日均PV瀏覽量達(dá)到了40萬(wàn)！要知道，我們的網(wǎng)站沒有 針對(duì)移動(dòng)設(shè)備做任何優(yōu)化，而且這些視頻在手機(jī)上都是無(wú)法觀看的。

既然移動(dòng)網(wǎng)站如此重要，那應(yīng)該如何來(lái)優(yōu)化移動(dòng)站點(diǎn)，向手機(jī)用戶提供良好的用戶體驗(yàn)?zāi)?這七條策略或許可以給大家一些啟發(fā)：

一、考慮多元化場(chǎng)景

移動(dòng)用戶的訪問場(chǎng)景經(jīng)常是多元化的，公交車上、廁所、排隊(duì)等人等各種場(chǎng)景都有，而且隨時(shí)都可能被打斷，更多的是利用碎片化的時(shí)間，所以網(wǎng)站簡(jiǎn)便快捷 非常重要?？梢岳脭?shù)據(jù)分析移動(dòng)用戶最感興趣的內(nèi)容，切記避免大量文字的堆積。如果不能避免大量文字，也要注重排版，分成多個(gè)節(jié)點(diǎn)來(lái)顯示。盡可能地壓縮圖 片，幫助用戶節(jié)省流量，加快載入速度。即使你的圖片做的再精美但訪問需要30秒那極有可能用戶在看到網(wǎng)站之前就關(guān)掉了。電梯、公交車等場(chǎng)景還要考慮擁擠的 空間，你的按鈕是否足夠大，流程是否足夠順暢簡(jiǎn)單，以至于用戶單手也能完成。另外你還需要考慮當(dāng)用戶切換手機(jī)屏幕方向時(shí)（如由豎屏切換到橫屏）你如何處 理，是否需要對(duì)此進(jìn)行適配，是否需要展示其他的一些內(nèi)容（如圖表）。還有就是通過(guò)文字、背景配色等方式，讓用戶在光線不足，甚至是陽(yáng)光下也能有效捕捉信 息。

或許有人覺得這些情況過(guò)于極端，但在極端情況下如果仍舊能保證良好的用戶體驗(yàn)，這樣高標(biāo)準(zhǔn)下正常情況的體驗(yàn)也會(huì)相應(yīng)提高，同時(shí)超出了用戶的預(yù)期，用戶對(duì)產(chǎn)品的好感度也會(huì)增加。

二、簡(jiǎn)化導(dǎo)航，減少輸入

導(dǎo)航的目的就是方便用戶從大量?jī)?nèi)容中快速找到自己需要的內(nèi)容。移動(dòng)站點(diǎn)受限于屏幕尺寸和用戶習(xí)慣，導(dǎo)航要盡可能少而精。如果內(nèi)容過(guò)多時(shí)還需要在顯眼 處添加搜索框，支持諸如語(yǔ)音等方式搜索。如果你有兩個(gè)導(dǎo)航方案不知道哪個(gè)更好，可以分別在兩個(gè)時(shí)間點(diǎn)分別部署在網(wǎng)站上，看看頁(yè)面訪問量、持續(xù)時(shí)間等數(shù)據(jù)的 變化來(lái)輔助你做判斷，一切用數(shù)據(jù)說(shuō)話。當(dāng)然這并不是讓你頻繁改版，頻繁的改版會(huì)讓用戶茫然無(wú)措。

三、為不同設(shè)備優(yōu)化

考慮為不同的設(shè)備做優(yōu)化，比如塞班手機(jī)或者低端手機(jī)、大屏智能手機(jī)、iPhone、iPad平板電腦訪問時(shí)分別顯示什么。利用響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)（RWD） 等技術(shù)讓頁(yè)面自適應(yīng)，同時(shí)針對(duì)不同的設(shè)備做不同的優(yōu)化和響應(yīng)（觸屏、重力感應(yīng)、定向等）。雖然前期實(shí)現(xiàn)成本相對(duì)大一些卻一勞永逸，以后改動(dòng)成本很小。通過(guò) HTML5等強(qiáng)化頁(yè)面表現(xiàn)層次、加強(qiáng)多媒體信息的展示（取決于網(wǎng)站定位和性質(zhì)，一般的網(wǎng)站不建議用過(guò)多使用多媒體資源），改善人機(jī)交互體驗(yàn)等。移動(dòng)設(shè)備訪 問時(shí)可以通過(guò)重定向等方式引導(dǎo)到適合移動(dòng)設(shè)備訪問的站點(diǎn)。

另外，要提供其他版本的切換方式，如果用戶用移動(dòng)設(shè)備時(shí)需要切換到電腦版通常是因?yàn)樗枰玫诫娔X版中存在但移動(dòng)版舍棄的部分功能，也有可能是對(duì)用 戶的設(shè)備進(jìn)行了錯(cuò)誤的判斷。切到電腦版之后也要提供讓他可以方便切回移動(dòng)版的選項(xiàng)。比如移動(dòng)購(gòu)物網(wǎng)站，手機(jī)上搜索對(duì)于用戶來(lái)說(shuō)比較麻煩，所以大家更喜歡直 接去逛，因此對(duì)于無(wú)線的導(dǎo)購(gòu)產(chǎn)品來(lái)說(shuō)就需要把直接、精準(zhǔn)、精品的貨品交到客戶的手上。另外，手機(jī)上通常小額的商品比如說(shuō)彩票下單率比較高。這些都需要針對(duì) 不同的設(shè)備做出優(yōu)化。

四、考慮跨平臺(tái)問題

對(duì)于部分特殊的網(wǎng)站（有用戶ID系統(tǒng)和同步需要），還需要考慮跨平臺(tái)同步時(shí)的體驗(yàn)。如何讓用戶在多個(gè)設(shè)備間可以順暢的切換。對(duì)于移動(dòng)購(gòu)物網(wǎng)站，不少 用戶因?yàn)橹Ц栋踩檻]和網(wǎng)銀習(xí)慣在手機(jī)上下單（可能在等公交車時(shí)下單），然后再用PC去付款（比如下班回到家）。這時(shí)候如何讓用戶在跨平臺(tái)時(shí)流程順暢特別 重要。再以多看閱讀（雖然不是網(wǎng)站）為例，當(dāng)你下班前在等公交車時(shí)用手機(jī)上看《烏合之眾》看到第X頁(yè)，晚上躺在床上拿出iPad看時(shí)會(huì)自動(dòng)從服務(wù)器獲取最 新的閱讀進(jìn)度。

五、轉(zhuǎn)移復(fù)雜性

所謂轉(zhuǎn)移復(fù)雜性，就是讓每個(gè)平臺(tái)（手機(jī)、平板、PC等）發(fā)揮自己最大的優(yōu)勢(shì)。比如移動(dòng)平臺(tái)（手機(jī)、平板電腦）等可以拍照，可以隨時(shí)隨地使用，能夠精確識(shí)別位置和方向，但不方便輸入大量文字，顯示信息較少，而且數(shù)據(jù)傳輸速度有限。但這些缺陷卻是PC的優(yōu)點(diǎn)。

比如，在移動(dòng)網(wǎng)站上輸入大量文字是一件非常痛苦的事!如果你的網(wǎng)站經(jīng)常需要用戶輸入大量文字，你可以給用戶一些建議，將他引流到PC網(wǎng)站上?；蛘卟?用語(yǔ)音的方式來(lái)輸入文本。另外你不需要把PC網(wǎng)站上的內(nèi)容原封不動(dòng)地搬到移動(dòng)網(wǎng)站上，而且這通常來(lái)說(shuō)也很愚蠢。你可以通過(guò)數(shù)據(jù)分析和移動(dòng)場(chǎng)景分析，來(lái)看看 移動(dòng)網(wǎng)站上用戶對(duì)哪些內(nèi)容更感興趣。在一些平臺(tái)上很容易的事情在其他平臺(tái)上往往會(huì)變得異常復(fù)雜，如何充分利用每個(gè)平臺(tái)的優(yōu)勢(shì)，這需要網(wǎng)站設(shè)計(jì)者仔細(xì)考慮。

六、簡(jiǎn)化業(yè)務(wù)流程

結(jié)合網(wǎng)站業(yè)務(wù)特性，仔細(xì)考慮如何簡(jiǎn)化流程，讓用戶在站點(diǎn)上方便地完成操作。比如網(wǎng)站在PC上注冊(cè)時(shí)需要填寫大量信息，在移動(dòng)網(wǎng)站注冊(cè)時(shí)能否填寫盡可能少的信息(比如移動(dòng)設(shè)備訪問時(shí)推薦用手機(jī)號(hào)碼注冊(cè))，不用填驗(yàn)證碼等。

七、培養(yǎng)熱心用戶，持續(xù)改進(jìn)

互聯(lián)網(wǎng)產(chǎn)品永遠(yuǎn)都是Beta版，你會(huì)發(fā)現(xiàn)也許之前設(shè)想得很好的方案結(jié)果到用戶手里完全不是那么一回事。那就去聽聽用戶的聲音，根據(jù)用戶的建議迭代開 發(fā)，當(dāng)然不是所有的用戶都愿意給你提供建議，最好培養(yǎng)部分忠誠(chéng)用戶給他們優(yōu)先試用權(quán)和其他激勵(lì)。不一定是物質(zhì)上的，有時(shí)候他們的意見得到采納也是對(duì)他們莫 大的鼓舞。當(dāng)然，這并不意味你可以隨意的添加功能一開發(fā)完就可以讓他們使用。在開發(fā)前和原型階段就可以邀請(qǐng)部分用戶來(lái)測(cè)試，這樣避免后期開發(fā)資源的浪費(fèi)。 開發(fā)完也要進(jìn)行必要的自測(cè)，避免到他們手上的是一個(gè)有各種bug完全不可用的產(chǎn)品。

原文來(lái)自：優(yōu)設(shè)

作者：zchening（周晨）