視覺技術

前段時間在北京的交互體驗日上，聽了新浪產品經理李馳明的《更效率的資訊》，感歎新浪對於媒體和資訊傳播研究之深刻、抓住了很多細微單直抵線民心靈的點。 他認為微博之所以能迅猛發展並成為互聯網資訊傳播不可忽視的平臺，其關鍵優勢就是效率。 因而新浪微博的設計也是以此為中心去執行和推廣的。 他的演講是基於微博的資訊設計的四個關鍵點（資訊獲取、自我資訊表達、資訊傳播和資訊通訊）來介紹的。 支付寶作為一個工具類為...

前幾天在robin club 上分享到電商產品評論的設計，感覺說的不過癮，這裡博客記錄一下。 在開始進行後面的產品分析和對比之前，我們來看一下之目前對商品詳細頁評論影響比較大的兩塊產品形態， 一是資訊交互始祖：bbs，論壇。 我們已經習慣在一層一層的樓層中閱讀資訊和辨別精華，針對樓主表達的思想進行回顧和發表自己的看法，後續的人也會把之前的資訊看成原本內容的一部分，所以也就有了後來更多的一樓決定...

人們總是認為，HTTP://www.aliyun.com/zixun/aggregation/8134.html">使用者測試是一個複雜且代價昂貴的事情。 一個網站設計專案需要一個龐大的預算和長長的時程表。 其實，可用性測試並非如大多數人認為的是浪費資源的事情。 在你可承受的測試成本範圍內，使用不超過5個使用者，即可達到很好的測試效果。 最初的研究過程中，Tom Landauer 和我得...

如果你使用Friendfeed和HTTP://www.aliyun.com/zixun/aggregation/1560.html">Facebook，並且同時關注Bret Tylor，你可能會發現一件有意思的事情。 Bret-Tylor是Friendfeed的創始人之一，在2007年10月創建的Friendfeed是一個優秀的「個人資訊聚合」（social-aggregat...

如果你一直以來從事著相對傳統的交互、視覺等方面的Web設計工作，而如今開始打算擴展視野、提升技能、隨「機」應變，做一名移動互聯網的弄潮兒... 那麼本文很適合你閱讀。 相關領域中的幾位牛人會在接下來的時間裡帶給我們一些很實在的經驗之談。 全文大致分為三個主題：Web設計師需要學習哪些知識和技能，才能進入移動應用的設計和開發領域？ 從設計的角度講，移動用戶端應用與傳統網站頁面之間的主要區別在哪裡？ 怎樣提升...

如何在寸土寸金的首頁上使頁面的價值最大化，是每個網站設計者最關心的話題。 使用者關注的頁面長度、寬度都是有限的。 寬度自不必說，一般網站都會根據自己網站最大使用者群的硬體條件來設置；長度雖然沒什麼限制，但很少有使用者有耐心看完太長的頁面。 這個有限的區域相當於一個超市，頁面內容相當於商品，超市要決定如何放置商品，就需要清楚每類商品所能帶來的價值，然後綜合協調擺放，使整體利益最大化。 超市在衡量商品價...

如今已進入了web2.0高速發展的互聯網時代，各種互聯網的Web應用程式如雨後春筍般出現。 那麼作為一名Web開發人員，怎樣去開發一款優秀的Web應用程式呢？ 這個問題沒有一個簡單的答案，甚至那些教育機構都未必能清楚的知道。 所以，像大多數在這個領域裡的web開發人員一樣，我們只是通過去做，去實驗才學會了這些。 沒有人告訴我們如何去做，我們從給自己做點什麼東西開始，學會如何開發web應用程式是在這個...

說實話，我們這次開發移動端的專案，整個專案組的人都是第一次，最初立項的時候為是選擇native app和web app還爭論了一番，最後綜合考慮，我們選擇了web（我們選擇了h5）開發。 但從這兩種開發模式的特點來說，從它們誕生之日起就開始了不斷的爭論，孰好孰壞，本文不作探討，只是簡單羅列下本人開發遇到的問題和最終的解決方案。 1. 回應式web設計 說到這個，移動開發面對的螢幕尺寸那叫一個豐...

隨著 Retina 螢幕的逐漸普及，網頁中對圖片的適配要求也越來越高。 如何讓圖片在放大了兩倍的 Retina 螢幕顯示依然清晰，曾經一度困擾著網頁開發者，好在 CSS3 與 HTML5 已經著力在改變這種現狀。 那麼到底什麼是回應式圖片呢？ 什麼是回應式圖片？ 回應式圖片是指：使用者代理根據輸出裝置的解析度不同載入不同類型的圖片，不會造成頻寬的浪費。 同時，...

隨著電子商務的成熟，國內湧出了很多B2C網站，我經常訪問的有：當當網、1號店、京東商城、易迅網、為為網和新蛋網等。 這類網站很好的利用了電腦技術、互聯網技術、即時通信技術和物流管道，實現整個商務過程中的電子化、數位化和網路化，讓不少使用者得以不出戶購天下物。 在訪問這些網站的過程中，我發現其首頁的資訊架構擁有一些共同特點，也有各自的特色，遂以京東商城、新蛋網和易迅網為例，撰粗評一篇，拿來分享。 ...

隨著技術的進化，Web設計的藝術和技巧也在不斷進化。 新的技術創造了新的挑戰，而新的挑戰要求新的解決方案。 我們通常工作在未知領域，需要給出全新的解決方案。 考慮到有限的Web設計歷史，我們必須超越當前的領域去回答更有挑戰性的問題。 為此，我們可以通過借鑒其他不相關領域的發展歷史，如音樂，從中尋求可以説明我們問題的解決方案。 下面將列舉一個18世紀早期關於巴赫的一個小故事。 巴赫和《The Well...

隨著社交網站的紅火，大多數的線民不可避免地融入到這股線上社交洪流中。 雖然線上社交並非憑空創造，它本身也是現實關係鏈的轉移和變形，但在這個可擴充性更強的虛擬空間中，使用者的心理呈現出有別于現實社交的一些特點。 以下這十條是筆者在平時觀察或研究過程中發現的一些使用者心理現象，其中一些可能沒有經過嚴格的論證，也許只代表一部分社交使用者，希望與大家分享討論。 1. 負面的宣洩——壞的總是容易傳遞出去 有一...

隨著網站建造技術的進展和人們對網路環境及其效用之認識的演變，網站設計出現了重大轉變，由簡單的靜態HTML頁面發展到富多媒體動態網站，能夠與訪客以精細熟練的方式進行交互。 當然這並非說網站設計就不再使用靜態或永久性編碼規程和方法來保存和呈現網站內容。 總之，這是一個持續變化的進程，對當下網路使用者的各類期望與需求都極為敏感。 網站設計的概念可謂太廣泛，太多樣了；因此，要定義某些共同特徵或趨勢，能讓網...

隨著智慧手機iphone和Android的熱潮，衍生出基於Safari和Chrome瀏覽器的觸屏手機網站Touch Screen Mobile Website。 觸屏手機網站在中國還屬於起步階段，從行業的現狀來看，其體驗參差不齊，筆者將從設備、系統、瀏覽器、網路、四個維度來與大家共同探討觸屏手機的網站設計： 一、設備 ·解析度與螢幕尺寸·...

通過平面媒體和出席研討會來傳播他的有效消費者介面設計原則。 在這篇文章寫作的後期，他已經在User Experience World Tour上傳授他的意見。 Nielsen 擁有博士學位，同時也是 Nielsen Norman Group的消費者宣導者和負責人（Nielsen Norman Group 是他與 Apple Computer 的前研究副主管 Dr. Donald A. Norma...

土鼈網站處處有，中文網站特別多。 一個中文網站土鼈不難，難的是所有中文網站一起土鼈。 土鼈不可怕，就怕土鼈沒變化；土鼈不可怕，就怕土鼈氾濫化。 19世紀俄國著名互聯網觀察家列夫·托爾斯泰說：「不土的網站各不相同，但土鼈的網站都是相似的。 」 流氓無恥的行徑 土鼈耍流氓，防不勝防。 說到令人深惡痛絕的網站流氓行徑，彈窗首當其衝。 有彈窗的都不是好產品，QQ、旺旺彈出每日焦點，新浪首頁彈出大...

網頁千千萬，如何讓自己的網頁HTTP://www.aliyun.com/zixun/aggregation/7814.html">脫穎而出呢？ 網頁設計、導航、可用性、內容、SEO、跟蹤和分析、頁腳一個都不能忽視。 在這個資訊圖上，我們發現了瀏覽器家族的chrome已經險勝Firefox了。 我們還能知道關於使用者搜素行為的一些資料。 例如42%的流覽者會點擊排在第一位的連結。 &n...

網站分析通過統計點選流資料及網站產生的其他各類資料，提供各種HTTP://www.aliyun.com/zixun/aggregation/9282.html">資料包表來監控網站的運營狀態， 為網站的優化和改進提供參考依據。 但網站分析能提供的絕不僅有資料，其中點擊熱圖（Heat Map）是對網站分析的一個很好的擴充，目前網上介紹點擊熱圖的文章也比較多，很多網站交互設計師用點擊...

網站設計除了架構設計、交互設計、視覺設計這些方面以外，還有一個非常重要的點，那就是——網站內容。 我們在進行網站設計的時候要首先思考使用者為什麼會來到你的網站，你能為使用者提供什麼樣的內容，什麼樣的功能（説明），你如何展示你的內容？ 要站在使用者的角度，去體會你的網站。 在體會網站的同事要記得理解使用者。 使用者非常忙，他們都是急性子，短時間找不到想要的東西，就會生氣的走開，你就丟失了這樣的一位使用者了。 使用者...

我們可以看到目前很多的網站都會有內容評分，無論是電子商務、HTTP://www.aliyun.com/zixun/aggregation/18542.html">資訊分享還是內容下載。 內容的評分主要分為兩類，一類是使用者對內容的評分，主要針對使用者的使用感受，如電子商務網站的商品評分，內容分享網站的內容評分等，這個也是目前最普遍的評分模式，而內容的綜合評分的計算也相對比較簡單，大...