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

項目中的某天，項目相關(guān)人集體會議，就一些設(shè)計風(fēng)格和傳達出的含義做深入探討。 核心爭論點是：如果某個地方，我們不用某種顏色，會破壞網(wǎng)站模式的對應(yīng)關(guān)系。 大家列舉用會帶來的困難，及不用會帶來的問題，互不相讓，直到其中有一位GM說，我覺得大家都太入戲了， 其實用戶根本搞不清楚我們的結(jié)構(gòu)與模式。

佐藤可士和也在他的《超整理術(shù)》一書中提到過類似的現(xiàn)象：客戶總是覺得顧客已經(jīng)了解他們的產(chǎn)品了，也覺得顧客一定 會關(guān)注他們的廣告，希望基于這個前提做產(chǎn)品的廣告，但其實顧客根本就不了解，或者說沒興趣了解。 其實在日常生活中，每個人都會遇到這種，自己覺得顯而易見，大家都應(yīng)該明白，但其實很多人不明白的事兒。這來自于大家過去的 經(jīng)歷體驗不同，對具體事件深入了解不同，以及主動探索的意愿不同。

就比如：QQ網(wǎng)購是一個什么都賣的，綜合性商城，這件事情。 項目的任何參與者都會覺得，這是一個顯而易見的事情。當(dāng)然，如果從首頁進入，用戶從首頁各種類別商品的展示中，也會快速學(xué)習(xí)到這件事情。但對于直接進入到某個頻道、列表、或商品的用戶呢？不要說，現(xiàn)在大部分的電子商務(wù)平臺都是什么都賣的啊，我們針對的不是大多數(shù)平臺，而是就這個QQ網(wǎng)購平臺。在初步方案的用戶測試中，這個問題暴露出來。我們直接打開QQ網(wǎng)購電器頻道頁面，讓用戶開始瀏覽，然后給用戶一個購買一罐可樂的任務(wù)。不少用戶疑惑了，他們問：這里不是只賣數(shù)碼家電的么？還賣可樂？

按照大多數(shù)網(wǎng)站的做法，我們本來是在除了首頁后的其他頁面，都將豎向類目導(dǎo)航收起，留有一個“全部商品分類”的提示。但明顯這個提示并不足夠，很多人覺得，這個應(yīng)該只是電器城的商品分類。用戶對于事物的理解，相對于從宏觀框架上入手，更多偏向從局部，當(dāng)前情景下的進行判斷。

故事的背景和當(dāng)前的情景會影響用戶的理解，因此，我們決定為了首頁和內(nèi)頁，設(shè)計不同的導(dǎo)航。

信息獲取有效性最大化?–?寬窄版

我們以前常常會說，在無限的互聯(lián)網(wǎng)世界中。但其實一切都是有限的。比如帶寬，比如顯示屏大小，比如首屏的位置。比如用戶停留在你網(wǎng)站的時間，比如他們滾動滑鼠的次數(shù)。

而相對于推動用戶改變設(shè)備，或研究出革命性技術(shù)革新等方式，在原本有限的空間中，通過擴大內(nèi)容顯示寬度，來擴大有限空間下的信息數(shù)量，明顯是一件相對靠譜的事兒。這個靠譜，包含了可行及可達到這兩個層面。

回頭想想，現(xiàn)在QQ網(wǎng)購65%以上的用戶使用的屏幕達到了1280及以上的分辨率，而V1版的網(wǎng)購寬度才985pix。算上15pix的滾動條，這65%的用戶頁面兩邊一共起碼有280pix的空白。這些空白留著干什么？游泳還是跑馬？這么奢侈的事兒，暫時還是不合適做的。

當(dāng)然，我們又不能犧牲另外35%喜歡小巧的用戶的使用體驗。那么，我們起碼就應(yīng)該有2個或者以上的頁面寬度尺寸，來滿足不同的用戶。并且，鑒于我們做多個尺寸的核心目標(biāo)，是為了更多的信息內(nèi)容展示，我們的版本必須是寬版后有內(nèi)容補充，而非單純的相同數(shù)量的信息平鋪（相同數(shù)量信息間距加寬）。

既然我們說要做多寬度版本，那要多少個版本呢？

從技術(shù)層面來說，我們有兩種解決方案。一是做固定寬度的幾個版本；二是根據(jù)屏幕大小設(shè)置寬度下限，而后通過補充內(nèi)容和調(diào)整間距來完全自適應(yīng)。從技術(shù)層面來說，第一種方式明顯簡單很多。

我們最終也采取的第一種方式，但下面我想說一些和技術(shù)實現(xiàn)無關(guān)的問題和理由。 越寬越好么？

我們想要在一屏內(nèi)，展示更多的信息，從數(shù)量角度來說，當(dāng)然是內(nèi)容區(qū)域越寬，展示的越多。但回歸展示信息的目標(biāo)，是為了讓用戶有效接收。妨礙用戶接收信息的主要原因，有自主意愿和能力范圍。而過寬，將會超出用戶接收信息的視角能力范圍。

那大概多寬合適呢？這里，我們借用一個傳統(tǒng)行業(yè)的比例16：9。這個比例被廣泛應(yīng)用在電影、電視機等影像播放中。它反映出，這個比例是讓人感到舒適而最大程度適合人眼視線范圍的。因此，在設(shè)計頁面寬度的時候，我們決定參考這個比例。

而既然是16：9的比例，那現(xiàn)在所有的顯示器的寬度都在這個比例內(nèi)，是否意味著我們可以盡量放東西來充滿每個屏幕呢？也就意味著，我們選擇了一個會出現(xiàn)適合1024、1280、1440、1360、1680……等等尺寸的多版本寬度方案？

我們當(dāng)然不會選擇一個，算柵格和內(nèi)容對齊方式把交互算死；做多版本大廣告把視覺做死；寫多版本頁面把重構(gòu)寫死的方案。最終我們只有985pix和1225pix兩個尺寸。

這不關(guān)乎工作量，我們的焦點再一次聚焦在人的視線范圍。購買電視機的時候，會有客廳的寬度與電視機尺寸的對照參考；去看電影的時候我們也都不喜歡坐在第一排。因為與屏幕的直線距離，直接影響到信息傳遞的有效面積。

盡力展現(xiàn)各自的魅力點?–?類目內(nèi)容差異化

首頁作為一個分發(fā)器的作用，將不同需求的用戶運送到不同的地方。在首頁上，我們需要展現(xiàn)全站都有哪些內(nèi)容，以便用戶知道要搭乘哪個鏈接去到相應(yīng)的地方。理論上，首頁只需要展現(xiàn)各個清晰的入口即可，但就如同人們在現(xiàn)實生活中旅游一樣。只看到一個入口名稱，很多時候不足以讓每個人判斷自己是否想要去這里，這個時候，需要適當(dāng)流露一些目的地的美麗風(fēng)景，才能吸引用戶前去探索。

因此，我們多半除了明確的類目導(dǎo)航分類外，還會在首頁使用大量篇幅來展示類目中的精品內(nèi)容。也就形成了，我們所謂的類目樓層。說到類目樓層的內(nèi)容，我們通常會想到什么？相似的結(jié)構(gòu)、熱門關(guān)鍵詞、廣告、熱賣、排行榜？這些元素的組合，形成了類目樓層。

過去，我們常常使用相同的處理方式來對待這些樓層們。每個樓層都有相同的結(jié)構(gòu)，并且單元模塊放置相同的元素形式。左邊都是熱門關(guān)鍵詞、中間都是廣告，右邊都是排行榜，對了下面還都要一排LOGO。如果有哪個樓層的點擊不夠好，就一定是運營經(jīng)理的問題，別人的點擊都那么好，怎么就你負責(zé)的類目差呢？

在這樣設(shè)計后，我們發(fā)現(xiàn)，樓層中廣告的指向漸漸變得不同，有的到賣場、有的到列表、有的到店鋪、有的到單品。這個體驗不好，因為相同形式的內(nèi)容，最終點擊的結(jié)果不同，使得操作前，操作不可預(yù)知。違法了起碼的交互規(guī)則。于是，我們應(yīng)該怎么辦？ 要求大家統(tǒng)一？當(dāng)然不是！

存在就會有其道理，為什么都是廣告，會被配置到指向?qū)蛹?、形式完全不同的頁面？再回歸到現(xiàn)實世界，大家都是如何談?wù)撈鹕唐返哪兀课覀儠l(fā)現(xiàn)，手機都是一款一款的，iphone5還是?GALAXY SIII?；空調(diào)都是一個系列的，美的變頻空調(diào)；談?wù)撘路喟霑f到某中元素，今年流行蕾絲；而說起化妝品，我們會說，冬季保濕最好的產(chǎn)品。

根據(jù)人們對于商品的需求不同，大家對于商品的關(guān)注角度也不相同。成點、成線、成面。因此我們怎么能妄想用同樣的元素形式，滿足這么豐富的需求呢？

而另一面，過分不同的框架，會導(dǎo)致頁面混亂，用戶無法歸納規(guī)律，而瀏覽視線變化過快的問題。

于是，我們決定采取基于大體一致的框架下，改變單元模塊中元素形式的方式。整理過去版本模塊的點擊情況及線下用戶的調(diào)研后，運動戶外是LOGO，服裝是流行元素，圖書音像則是暢銷排行榜。 盡力展示各個類目的魅力點，以吸引用戶。

視覺風(fēng)格定位?–?大品牌的唯一性

通過1.0版本的用研和數(shù)據(jù)，得出為了讓新用戶對平臺快速建立記憶，我們的視覺應(yīng)該符合以下幾點定位：

1. 塑造獨特唯一的品牌印象，避免和國內(nèi)各大電商一片紅的品牌形象撞車，保留彩色的視覺元素，營造琳瑯滿目的豐富運營氛圍，深色的top奠定B商城的品質(zhì)感，給用戶信賴感。
2. 用研結(jié)果顯示，潮流型用戶覺得大面積彩色豐富多彩，而品質(zhì)型用戶對過多的彩色產(chǎn)生不信任感，估在2.0版本保留彩色元素，但大大減少色彩面積，在滿足品質(zhì)型用戶信賴度的基礎(chǔ)上，保證潮流型用戶的審美需求。

根據(jù)這樣的確切定位，進行了一場設(shè)計風(fēng)暴，統(tǒng)一的大方向，欄目劃分更加輕盈，質(zhì)感更加扁平。在色彩定位上，我們通過數(shù)據(jù)發(fā)現(xiàn)70%左右的用戶會通過搜索和豎導(dǎo)航來尋找商品，由此推斷這部分的用戶是有目的購物的用戶， 所以我們無須把這部分已經(jīng)成為用戶習(xí)慣的內(nèi)容在視覺方面做得過于突出，已經(jīng)深入人心的固化操作，我們用深色來奠定。搶眼的彩色部分給到運營位，吸引住30%無明確目的購物或者有目的購物卻被突出色彩廣告所吸引的用戶。

每個類目保留獨特的彩色屬性，使用戶更清晰類目定位，并且營造活潑輕松的購物環(huán)境。

設(shè)計成品是一個結(jié)果，而設(shè)計本身是一個復(fù)雜的思考過程。要先有理念，再根據(jù)理念形成方案。相同的理念，可以得出不同的方案，相同的方案也可能基于不同的理念。但只有遵照理念行事，才能使得設(shè)計有理可依。

來源：騰訊ECD