InspireGate 派克空間 (存檔)
Menu
淺說相冊圖片詳情頁面中大圖的瀏覽方式
2008/02/23
對於相冊來說,大圖的瀏覽非常重要,因為對瀏覽者來說最重要的就是大圖看得爽不爽,因為做項目的需要,我比較了許多相冊的大圖瀏覽方式,現在一一評說,本文只代表我個人的觀點,歡迎大家拍磚呀! Flickr Flickr一直是專業攝影愛好者喜歡的相冊,它在照片詳情頁面提供了許多的尺寸供瀏覽者選擇,還體貼的提供了「大尺寸下載」的鏈接,讓瀏覽者能把心儀的照...
用戶研究角度看設計(2):用戶為何視若無睹
2008/02/20
可視性的問題幾乎在每次不同產品的用戶測試中都會出現:用戶總是對頁面的某些元素、功能視若無睹,或根本無視。基於此,對這個問題進行了一番小小的研究。 為何用戶視若無睹? 視覺是人的生理與心理現象。本文述及的是視覺作為心理現象,也即由知覺、思維、記憶、情感等視覺認知引起的可視性問題,而非用戶眼睛在生理上存在缺陷,也不是錯幻視覺(詳見鏈接圖例)。用標準些的心理學術語來說,這裡所說的「...
用戶研究角度看設計(1)「複製鏈接」的故事
2008/02/16
《用戶研究角度看設 計》系列是淘寶的用戶研究團隊在可用性測試之後的點滴思考。在每次與淘寶用戶的直接接觸、觀察用戶的操作之後,作為體驗分析師的我們總是會感慨:「為什麼 有些細節設計看似已經很顯眼了,用戶就是沒有注意到?」、「為什麼用戶偏偏要那樣去理解?」、「用戶在那個流程中為什麼陷入困惑,甚至不能完成任務 了?」,然後,我們會思考這界...
網頁柵格系統研究(4):技術實現
2008/02/14
前三篇文章中,明確了柵格系統的設計細節和適用範圍。這一篇將集中討論960柵格系統的技術實現。 Blueprint的實現 Blueprint是一個完整的CSS框架,柵格系統是它的一部分功能。我們來看demo頁面: 以上三欄佈局的代碼為: <style type="text/css"> .cont...
網頁柵格系統研究(3):粒度問題
2008/02/11
研究(2)中討論了柵格系統的基礎知識。這一篇將集中探討柵格系統的粒度問題。(註:如非特別指明,柵格系統均指24列960柵格系統) 淘寶的首頁(截圖)目前尚未嚴格遵守柵格系統,如果重構的話,寬度方向可以考慮採用下面的柵格佈局(只考慮頁面主體部分,忽略高度的比例): (圖1)
視覺對交互的幫助——提升可用性
2008/02/07
在整個產品設計的過程中,視覺設計與交互設計的「工序」非常緊密,兩者關係也是相輔相成,互相影響。而視覺界面作為最直接與用戶交流的層面,如何把交互設計以良好表現形態展現給用戶,這裡主要集中探討視覺在提升交互的可用性方面的作用: 1.提升可瀏覽性 2.精確與高效地傳遞信息與任務 3.貼合用戶的心智模型 4.讓交互富有情感 ...
123
2008/02/05
1231241
網頁柵格系統研究(1):960的秘密
2008/02/03
研究網頁柵格系統前,來看一組數據: 網站 首頁頁面寬度 px Yahoo! 950 淘寶 ...
網頁柵格系統研究(2):蛋糕的切法
2008/02/01
首先澄清一個應用場景問題。研究(1)中指出,對於結構複雜的網站,不少設計師們喜歡採用960固定寬度佈局。但要注意的是,960並不是萬能鑰匙,大部分網站沒有也不需要柵格系統。Amazon採用的是寬度自適應佈局,最大限度的呈現信息。Google更是簡簡單單,主題部分就一個列表。eBay的頁面非常簡潔,商品頁面寬度自適應,信息自然流暢,噪音少,購物很踏實。類似的站點還有很多,對於這些站點來說,寬度...
CSS ClassName 的長命名 VS. 短命名
2008/01/29
源自2009.11.26懶懶交流會的PK堂,收穫甚多,故作此記。 PPT鏈接 說實話,看到這個題目時我覺得這有什麼好討論的,肯定會是場一邊倒的討論。因為個人比較傾向於短命名,簡單優雅,可能是出於程序員的潔癖,容不得任何冗餘的東西。(和我一個想法的人應該不在少數吧
10個最有幫助的線上協作平台
2008/01/28
在外包行業,如果你想保持自己的商機能夠源源不斷地進來,保持和客戶,開發夥伴,合作公司之間的緊密聯繫就是必不可少的功課。在當今這個互聯網的世 界裡,作為一個Freelancer,或者一個小型的外包企業,軟件企業,尋求一款或一系列的先進有效的在線協同工作工具會成為你贏得客戶,贏得先機的利 器之一。這裡我們根據自己積累的經驗,和大家分享一些有用的資源。
微軟宣佈Internet Explorer 9 (IE9) 支持 CSS3
2008/01/27
微軟今天讓開發商早期一瞥的Internet Explorer 9(IE9)在其2009年專業開發者大會。 雖然只有在早期階段的發展,IE9團隊已經期待已取得了一些令人印象深刻的飛躍上的網頁標準的支持,特別是關於CSS3選擇器,其中的期待下面的圖像(摘自IE博客) ,IE9似乎令人印象深刻的574分出在我們的578 CSS3選擇器測試,一個巨大的進步而取得了IE8的唯一五...
10個重點瞭解 Google Chrome OS
2008/01/24
鉻-現在的操作系統 Google 已經展示出其Chrome OS操作系統的第一次,與互聯網巨頭'開源'的代碼最新的合資企業和計費它作為理想的操作系統的免費設備,而不是主要的電腦。 展示了早期版本的Chrome OS第一次, Google 的新聞發佈會上證實,許多事情你期望從 Google 產品是當前和佔,改為「速度,簡易性和安全」使用的整個演示文稿。 該操作系統是相當多的瀏覽器與...
安裝 Google Chrome OS
2008/01/23
第一件事首先你需要下載 谷歌 Google Chrome OS beta 和 Viture Box. 一旦你已經下載了。ISO文件,並解壓縮它,你可以創建虛擬磁盤。
PHP寫的Google翻譯API
2008/01/21
最近由於要翻譯大量的文字,並且要翻譯多種語言,Google Translate是個不錯的選擇,但是這麼多的文字及這麼多的語言種類,用手工來一個一個翻譯的話,我估計我會死得直直的。 於是下了Google translate API,但是這個API卻是JS的,用起來非常的不方便。在Google及百度上搜了大半天找到些PHP寫的翻譯類,拿下來用了,發現這些代碼都是 Ctrl+C...
新增文章 test 123 gogo go
2008/01/18
123
如何使用 Google Analytics (谷歌分析) 入門教學
2008/01/14
Google Analytics是一個強大的工具,監測的所有方面你的網站流量,從轉介的搜索引擎的活動。而像任何應用程序設計,做這麼多,Google Analytics帶有一個比較陡峭的學習曲線,可嚇人第一。此頁旨在減輕您在應用和教你如何使用Google Analytics。
Google Analytics WordPress Plugin
2008/01/11
在谷歌分析(佐治亞州)為WordPress插件可以讓您方便地添加谷歌的網絡跟蹤腳本您的網站。 Google Analytics 是一個了不起的服務營銷:它生成的綜合網站的統計信息為您的網站-完全免費-這完全是著眼於優化的網站(快速瀏覽)。唯一的缺點是,谷歌最終知道您的統計。如果你不希望它,探討 Hitslink 插件。 點擊看一個旅遊團的Google Analytics
Google Analytics 統計並分析網站流量
2008/01/09
lumaxart 想知道網站到底有多少人瀏覽過,一般人直接想到的就是計數器啦。不過只有計數器也太遜了吧,現在是重視流量分析的時代,不止要知道每天多少人來看過,更要知道這些人是誰?從哪來?怎麼來? 網路上有很多服務提供這種分析工具,最著名的就屬Google Analytics了。大家可以看看下面的分析主頁面,你可以知道訪客來自哪個國家、用什麼關鍵字搜尋進來,甚至從哪一頁連到哪一頁再離開都能做記錄,...
Less
13
14
15
16
17