視覺技術

Mapping概念論 Mapping的概念見於邏輯學、語言學、心理學領域。 最簡單的理解是，Mapping指通過一個概念領域來理解另一個概念領域，比如說「戀愛是一場旅行」。 戀愛與旅行之間建立了映射關係。 在設計研究中邀請使用者完成Mapping的過程，可以理解為，通過視覺化的手段，在抽象與具象之間建立映射關係，構築問題空間(problem-space)或設計空間(HTTP://www.aliyu...

1、簡而精的流程，盡可能讓使用者一步到位操作完成，如果不能一步完成，則需要分劃出清晰的註冊導航，引導使用者填寫 複雜的註冊流程，首先應該考慮簡化。 使用者在填寫複雜的註冊表單時常出現反感心理，對網站的使用抱有不滿，給使用者下一次的操作帶來不利的影響。 應該讓使用者滿意而歸，對網站的應用產生好感，帶來下一次的光臨；下面分析下目前幾種類型的註冊頁面的流程設計： 支付寶註冊頁面： &HTTP://www...

APP設計中便捷的單手操作 探討APP的手勢操作前，我想先介紹兩篇文章來瞭解使用者是如何使用手機的，以及觸控屏是如何來感應我們的操作的。   使用者是如何使用手機的 Steven Hoober在《How Do Users Really Hold Mobile Devices?》[1]一文中指出，通過兩個月的時間對1333名手機使用者在公眾場所（街道、機場、汽車站、咖啡館、火車上、 汽車上...

iPhone App的特點 iPhone有自己的特點和氣質，因此他的App不同于其他鍵盤手機甚至Android這種觸屏手機。 首先iPhone只有一個物理按鍵Home，而這個按鈕主要是在系統級操作上起到一些作用，在一個應用中，絕大多數情況都是退出功能。 在480 x 320這個對手機而言很大的螢幕上要包括以下3個模組，才能對一個App進行操作。 1、虛擬鍵盤 iPhone雖然與Android...

對基礎構思的完善和原型化 一款遊戲從創意到開發，抽象來看可以分為兩大階段：基礎構思的階段，和反覆開發的階段。 任何遊戲在最早的時候都只是一個或者一組零散而不確定的構想，策劃人員將這組構想加以整理，抽取其中相互聯繫的規則組成核心規則集，這就是產品最初的框架。 譬如說俄羅斯方塊最初的規則可能包括：方塊連成一行就消除並加分；頭頂隨機掉落新的方塊；方塊可旋轉，等。 一般來說，在這個階段，遊戲開發者會尋求...

概述The Daily 第一個數位新聞出版物擁有大量原創的正版內容，每天發行，一切只為iPad。 由記者和設計師組成的頂級新聞搜集團隊，使TheDaily覆蓋全球：突發新聞，體育，流行文化，娛樂，應用程式，遊戲，技術，意見，名人八卦等等。 The Daily電子報紙的訂閱服務為媒體公司解決了商業模式的難題，但現在媒體公司必須創造優秀的內容，不僅要吸引使用者付費，而且要吸引使用者一直付費使用其服務。 ...

莫名的源起 – H1這裡的H1不是H1N1中那令人不寒而慄H1，而是HTML中的一個標籤，一個重構者日常工作中不可避免的一個標籤，一個不能被忽視的標籤，一個在HTML的標題中排名第一的標題，歷史上有過很多的關於H1的探討， 也有人在Twitter上進行過H1辯論(en)，雖然大家會有一些分歧，但是對於H1的重要性，大家都一種認同，追求者眾多，追法各異，各有各的手段，各有各的目的，滿足了才是王道...

人物介紹： Jack Chen ——「寵物商店」的首席架構架構師，擁有豐富的軟體設計與建模經驗，但對新生事物持懷疑態度。 王總——「寵物商店」的總經理，從美國留學後回國創立「寵物商店」網站。 一路來唾手可得的成功讓他養成了固執專橫的行事作風。 Spark —— Jack Chen的大學同學，一家商務軟體公司的高級諮詢顧問。 最近熱衷於宣揚「領域驅動設計」的最佳實踐。 引子 就象大家所聽說過的那些神...

一、HTTP://www.aliyun.com/zixun/aggregation/8343.html">頁面停留時間與網站停留時間是如何計算出來的？ 假設使用者訪問了網站的主頁（Home）。 分析工具將這個訪問者標記為一個Visit，接著這個訪問者又流覽了另外兩個頁面（Page2和Page3），然後他離開了你的網站。 如下圖所示： 我們想要知道的是： Tp = 花費在一個頁面上...

一、無圖片技術定義 在不使用CSS Image（通過CSS的引入的背景圖片,不包括img標籤內的圖片）情況下生成類似圖片效果的技術；換句話的意思就是在使用純CSS生成類似圖片效果的技術。 二、為什麼要「無圖片」？ 首先我們通過yslow的statistics查看新浪微博最新版首頁的檔，得到Stylesheet HTTP://www.aliyun.com/zixun/aggregation/...

產品從無到有，從一個想法到雛形到上線的產品，都有個過程。 不論是產品、運營、開發、測試等都有自己的職責和工作。 很多公司都希望將自己的產品流程化，正規化，希望按照一定的流程走下去，想的是哪天哪個職位出現空缺了，直接找個合適的人可以頂替。 同時也為以後的產品工作或專案進程都提供一個模版。 特別是對於中小型公司來說，當沒有UED，當沒有產品相關流程時，產品是否能夠按時完成，能否高品質的完成，成為很多產品...

觸屏手機網站和非觸屏手機網站區別在於，前者使用手指點擊注重點擊體驗， 而後者是使用手機物理按鍵注重選取規則，觸屏手機螢幕增大，可以顯示更多的內容，但內容密度不宜過大否則不便點擊，一般人的食指點擊的區域約為7*7 mm 拇指點擊區域約為8*8 mm，各大門戶也分別推出適應觸屏手機的高端版本，下面將會從手機網站最常使用的二個交互功能來分析3G門戶炫版和其他門戶的區別。 手機網...

此文主要討論電子商務HTTP://www.aliyun.com/zixun/aggregation/10409.html">網站產品頁面設計模式，從產品頁面元素、設計理由，解決方案等對產品頁面設計進行分析。 以客觀的思路來探討如何設計出好用的產品頁面產品頁面作用用於顯示在一個電子商務網站中的產品資訊，包括商品製造商，品牌，產品說明，價格以及使用者評論等。 產品頁面元素與解決方案...

從前有三隻小豬，長大自立了分別造房子住。 老大搬來草堆堆出草屋，老二搬來木頭搭出木屋，老三搬來磚頭，砌牆，造煙囪，造出了堅固的磚房。 一天晚上大灰狼相繼吹飛撞毀老大老二的草屋木屋後，來到老三家門口。 進不去磚房傻眼了，看到煙囪就趴上屋頂跳進去，不料掉進鍋爐變成了大灰狼火鍋... 這故事都熟的吧。 用咱常用的map表達出來呢就是下圖的樣子： 描述網站的HTTP://www.aliyun.com/zixu...

從事網路行銷的人員不會否認，移動互聯網行銷是一個大的趨勢， 但是怎麼樣去做恐怕還都一籌莫展。 由PC端的網路行銷的經驗和常識來看，首要的是要做好移動端手機網站的優化工作。 據小生的觀察以及眾多互聯網的資料分析 來看，目前國內的大多數並沒有做好手機網站的優化，有的只是由PC端網站copy成簡單的移動版本的wap網站，基本沒有做優化。 據國內三 大運營商資料來看，中國的手機使用者數已達10億，超過2...

當將易操作的理念融合到網站設計中時，網站設計的問題就變得更加複雜。 當大多數人將使用全屏顯示器訪問電腦時，這些理念往往容易被大眾忽視。 除了需要考慮人們的身體條件如視力不好外，你也不得不注意到關於瀏覽器市場的不斷變化。 給你的使用者群提供一個完美的流覽體驗並不是一件容易的事。 它需要你非常努力的工作，並且要很專注才行！ 因為存在有很多的支援Internet的設備，包括移動和平板設備以及網路電視甚至還有...

當今互聯網的發展，已不是大魚吃小魚的時代，而是快魚吃慢魚的時代。 互聯網產品的制勝原則就是一個字——「快」。 在各種形態的產品研發中，我們始終貫徹如一的價值觀之一就是「快」，我們應該如何來理解和詮釋「快」？ 又會從哪些方面來執行貫徹這個原則呢？ 一、快速反覆運算，快做快發 互聯網產品不同于傳統軟體發展，我們面對的是上億使用者這樣一個龐大的使用群體，他們是誰，有什麼喜好，有何種習慣，會怎樣使用我們的產品，...

當流覽網頁時，總有那麼一類網站華麗而富有趣味性。 在流覽資訊的同時，足夠讓我們眼前一亮。 它們在充分融入動畫、視頻、遊戲、甚至是與眾不同的交交互操作而使網站效果令人驚奇，這些基於flash設計的網站，讓網頁從平面變身立體，從靜態變得有故事有情節。 如果將fash技術用於個人作品集製作或者企業推廣時，網頁設計便成為了一種有故事有情節的藝術，它們是那樣富有活力而創意獨特。 下面讓我們隨著這些...

當你歷盡千辛萬苦讓訪客來到你的網站，那麼下一個重要舉措就是把他們轉化成你的潛在客戶。 相信每個內行的市場HTTP://www.aliyun.com/zixun/aggregation/38848.html">行銷人員都深知這一點。 那麼最好的方法是怎樣的呢？ 答案只有一個，就是登陸頁面！ 現在你已經做好了移動app。 它創意十足，直觀實用，你非常確定這是同類應用中最好的app.接下來...

當前國內的主流建站程式都是採用了MVC三層架構來開發，對於網站的後期維護與應用過程，都有很大的裨益。 由於MVCHTTP://www.aliyun.com/zixun/aggregation/12894.html">開發模式將前端設計、程式開發進行了明確的定義與分工，但是並沒有對網站策劃進行過多的定義與著墨，在這裡 ，本文主要探討在MVC開發模式下，網站策劃（or產品經理）的角色...