視覺技術

電子商務網站的競爭越來越激烈，雖然你可能在以最低的價格賣最好的東西，但同樣重要的的是使用者的購買體驗，對電子商務網站而言，易用性就是讓使用者盡可能快而簡單的完成購買，有時候，一條小小的改進可能帶來巨大的改變。 本來講述了10條電子商務網站的易用性規則。 1.使用者無需註冊直接購買 很多公司喜歡讓使用者註冊，但註冊過程實在太冗長了，尤其對那些臨時光顧的使用者，強迫註冊會將他們嚇跑。 讓使用者直接往購物車裡...

對於大部分B2C網站來說，購物車是網站的咽喉之地，訂單是白花花的銀子，所有銀子都必然流經購物車，購物車不能有失。 優秀的購物車設計至少需要完成兩項使命：一是方便使用者多買貨多掏銀子；二是幫使用者保管好待購的貨品，方便下次接著掏銀子。 購物車是個較複雜的系統，一般會跟訂單、商品、庫存、會員和促銷等模組有曖昧關係，也算是牽一髮而動全身。 所以，在不了解購物車前，不宜輕易的指揮你的程式師修改購物車。 說了這...

兒童網站是一個特殊的網站類型，設計兒童網站是具有挑戰的，因為你要瞭解兒童的心理活動與習慣。 當然一般來說設計師都是成年人。 所以本文我們將討論下怎樣設計兒童網站web註冊頁面(以兒童為中心做體驗設計)。 我們先來看看兒童的訪問網站的一些特點，首先兒童的價值觀與認知能力都比較差，所以他們比較厭煩抽象的數位體驗，比較喜歡抽象的圖片表達。 而且作為兒童對於未知比較有好奇心，因此有創意的HTTP://ww...

高技術高競爭的互聯網時代，對產品的交付時間逐步變短，而對交付品質的要求逐步提高，各種新創意、新產品層出不窮，市場允許的產品推出週期也越來越短，傳統的軟體發展模型已經無法跟上當前的需求，高效、便捷、 可反覆運算的產品開發模式也越來越為人們所關注，虛擬化技術正是體現這種開發模式最重要的工具。 從功能上講，虛擬化的優勢一是提高資源的利用率；二是提供多樣化的建構管理；三是提供快照的保存和恢復功能；四是提供...

國畫中有句話，「畫虎先畫骨」。 對應到網頁上，HTTP://www.aliyun.com/zixun/aggregation/8936.html">視覺效果只是一張皮，前端代碼是支撐這張皮的骨，瞭解骨架是怎麼長的，有助於設計出更合理高效的頁面。 一、常見視覺效果是如何實現的關於文字效果 文字自身屬性相關的效果css中都是有相對應的樣式的，如字型大小、行高、加粗、傾斜、底線等，但是一...

好的網頁不僅僅是有一個好的外表，它還要將資訊傳達給使用者，這可能要比起好看的外表重要得多。 設計視覺資訊包括文本內容，它們可使你想要傳達資訊更容易理解。 考慮到這些，對於來訪問你網站的人，你需要掌握連結的方法，除了知道他們想要什麼，和他們正在找什麼，你還要知道如何讓他們更方便地找到這些需要的資訊。 不管我們的服務物件是網路達人還是網路文盲你都要找到一種方法去符合這兩類人的搜索。 網頁設計被比喻為網...

即使是移動應用介面的原型設計，導航的形式也可以多種多樣。 儘管尺寸小，又必須緊湊排列大量資料，它們似乎受到了緊密的約束，但依然有著形形色色的選擇。 人們曾經一度只會考慮一種形式——流行且廣泛使用的垂直導航，即側邊欄。 儘管如此，還有其他可以提升使用者體驗的形式，會讓使用者流覽你的APP變成小菜一碟。 清單型功能表 讓我們從一種基於清單的標準型導航開始論述，它在移動APP作者中得到廣泛使用。 這種解決方式建...

幾乎在每個角落你都會看到有人談論或自稱網頁設計師、網頁開發者。 那具體是指什麼呢？ 誰是真正的設計師或開發者？ 可以同時成為這兩者嗎？ 這會是個引來熱議的話題，讓我們來分解這些術語，挖掘它們的含義和相互間聯繫。 設計師的職責 首先，我們來站在每個職業各自的角度審視這個問題。 設計師使用圖形和圖形設計軟體（例如 Adobe Photoshop, Illustrator 和...

幾天前，就網站的開發流程做了一個總結，觀點比較片面、極端，僅供參考： 保證介面及使用者體驗的前提下，寫代碼的速度是第一要務 不要拘泥于什麼技術可用，什麼技術不可用。 讓它在最短的時間內跑起來，在使用者體驗的過程中完成反覆運算升級。 利用高速的開發流程，為專案創造競爭優勢。 有些可以用CSS實現的東西，沒必要掛JS。 然後還跑過來問「我不想用CSS，這段JS為啥不能隱藏捲軸？ 」這種開發者，不僅是自虐，還是在...

繼團隊的CSS3.0中文手冊在國內首發以後，最近風風火火的到處吹起HTML5.0和CSS3.0的春風；似乎在這瀏覽器互相調侃的年代，成就了一大堆業界茶餘飯後的話題。 年前，google的chrome團隊來到公司做相關的交流，公司要求我做個前期討論方案。 於是想了一下，裡面提到了三點：chrome對於12px以上字體大小支援的問題chrome的開發者工具雖有整合，但不及Firebug一樣的靈活好...

經過眾多Web2.0優秀應用的薰陶，HTTP://www.aliyun.com/zixun/aggregation/4581.html">互聯網使用者變得越來越挑剔，對易用性的要求越來越高。 傳統意義上的「美工」已經不能勝任使用者體驗設計的工作。 產品遇到設計問題時的狀況通常是，工程師花了很大力氣做出來的各種強大功能是使用者不需要的，而使用者的一些簡單的核心需求卻得不到滿足。 為了突破產品...

據調研公司Gartner預測，平板的銷量每週都在增加，到2016年，全世界平板的銷量將達到6.65億台。 隨著以蘋果iPad為代表的平板電腦風暴越演越烈，相信行動裝置取代個人電腦的霸主地位，成為接入網路的首選設備只是時間問題。 Adobe最近發佈的數位行銷報告顯示，使用平板電腦流覽網站的使用者比普通PC訪客的每筆交易金額高出20%。 這些資料意味著對於電子商務企業來說，設計對平板電腦友好的網站非常...

兩年前，我們開發了一套基於Flash的檔（主要是圖片）上傳RIA應用，提供給阿裡巴巴的使用者使用。 如果你使用過Wordpress或flickr上傳圖片，你應該已經用過類似的產品。 這個程式基於YUI Uploader開發，增加了一個實用的功能——在用戶端先將圖片縮小，再上傳到伺服器。 使用者用數碼相機拍攝的照片往往有600萬以上的圖元，但產品圖片放到阿裡巴巴網站上顯示，並不需要這麼大的圖元，通常等...

每個人對網站的使用習慣不一樣，功能要求也不一樣，要做到最好的使用者體驗只能是照顧最主要目標受眾的需求，因此要實現使用者體驗的優化，前提之一是必須對自己的目標受眾瞭若指掌。 因此，要有一個詳細的背景調查，分析目標受眾的屬性，分析他們的需求和行為特徵，這樣才能有的放矢，實現網站使用者體驗優化的目的。 現在很多互聯網行業的從業人員動不動就提「使用者體驗」，但是在看了很多同行的網站後，發現很多的網站不僅沒有把...

美國科技博客Business Insider今日發表文章稱，顏色對於消費者的購買決定起著十分重要的作用，93%的消費者在做購買決定時會考慮到顏色。 以下為文章內容摘要： 在HTTP://www.aliyun.com/zixun/aggregation/17305.html">創建網站選擇色調時，大多數企業想到的是美觀。 其實，顏色所起到的作用遠超出人們的想像。 關於顏色與購買習...

目前，移動流覽功能不斷普及提高，開始優化你的網站以更好地適應移動平臺和它的局限性將是你的第一要務。 有很多簡單的方法可以提高你的移動流覽網站，同時又不過多的改動你的網站，本文探討其中最流行且可以對可用性產生巨大的影響的8個。 流式佈局 讓您的網站液體寬度佈局是使您的網站的朝著對行動裝置友好的重要一步。 它不僅摒棄了你的網站周圍的多餘的死空間，他還可以使之在許多不同平臺和解析度下查看。 那麼究竟流體...

你不必在每件事情上取得別人的同意。 作為一個專業的Web開發人，你是你訪客愛好和需求的宣導者;你必須堅持你對良好的使用者體驗的理解，確保在複雜的網站架構下你的訪客仍可能找到他們的路徑。 這意味著在與使用者和同事討論時，你必須能夠堅持你的立場，有效地傳達自己的想法。 事實上，你的工作就是妥協處理錯誤的思想和誤導的概念，而不是盲從它們。 在這種境況下，沒有任何東西可以説明你，除了和你工作中根本問題相關的深...

你是否曾經遭遇過網站流量明明不小，但就是無法轉成消費者購買產品之營收的問題？ 其實如果發生這種現象，就表示網站吸引到的訪客，不是那些未來會購買產品的潛在客戶。 要找出對的目標，市面上有許多付費的網站分析服務，免費的Google HTTP://www.aliyun.com/zixun/aggregation/16353.html"> Analytics也能做到追蹤不同頁面的訪客細節，...

瀑布流式佈局，想必設計師們已不再陌生，隨著pinterest自2011年開始走紅，瀑布流式的佈局被越來越多的網站所使用。 花瓣網、堆糖網、布兜、發現啦，美麗說，蘑菇街，人人逛街，凡客達人等，複製Pinterest的網站在中國蜂擁而現，粗略估計已有幾十家之多。 為什麼選擇瀑布流？ 既然pinterest式蜂擁而現，我們先從體驗角度看，瀑布流佈局為什麼好？ 筆者淺見。 隨著讀圖時代速食式消費的來臨，瀑布...

前段時間看過SocialBeta裡的一篇文章，叫「由韓國團購網站引發的一些討論」，讓我忽然想起5月初我寫過的關於韓國團購網站的文章，現在與各位童鞋分享，若有不足之處請多多包涵。 團購，相信這個詞大家並不陌生。 國內去年開始的團購熱，對廣大線民來說又帶來了一波新鮮的衝擊。 延續去年的火爆發展勢頭，截止到目前，國內團購網站數量已超過了5000多家。 然而競爭激烈的團購網站前段時間紛紛開始了一輪的「砸錢...