其他

無事看到不錯的外文，簡單翻譯了一下共用出來，希望對大家有用。（轉載請表明出處，以下為譯文全部。）當今越來越多的應用程式遷移到web平台上。由於沒有平台的限制和安裝的要求，SAAS的模式看起來非常有吸引力。Web應用程式的介面設計，其核心就是網頁設計，但它的重點主要是在功能方面。要超越傳統型應用程式， Web應用程式必須提供簡單、直觀和即時響應的使用者介面，讓他們的使用者花更少的精力和時間去完成事情。以前，我們並沒有注意到web應用程式這個方式，但是現在是時候仔細看看一些實用的技術和設計解決方案，

在使用者體驗這個行業，經常會聽到，可用性，可訪問性這樣專業的名詞，但是，事實上在很多產品實現過程裡都忽略了這一點！WHY？舉個很簡單的例子，使用者的註冊流程，很多互動設計師在做這塊流程設計的時候都無可避免的忽略了部分可用性和可訪問性，直白點說，產品的應用情境沒有cover全使用者群，損害了這部分使用者的可用性和訪問性。太抽象？不明白？好，那我們就使用者註冊流程展開，侃侃流程中使用者提交表單的設計。看上圖，這是現有支付寶註冊流程中的一塊功能，要實現的功能很簡單，個人使用者直接填寫註冊資訊，是企業使

在互連網世界中，斜杠“/”是很常見的一個符號。它的位置在右 Shift 的左邊，不用按 Shift 就能夠輸入。我猜測（沒在維基中查到），斜杠之所以佔據那麼重要的地位，應該得益於作業系統（Unix、Dos）的流行。在命令列中，一個斜杠往往是表示著根目錄，也作為目錄與目錄之間的分割。其實到了互連網時代，除了 URL 中可能要用到斜杠外，其他地方很少見到它的身影。但它並沒有隨著曆史而去。在 Gmail 中，如果你給 label 命名為 abc/def，那麼通過 IMAP

對於相簿來說，大圖的瀏覽非常重要，因為對瀏覽者來說最重要的就是大圖看得爽不爽，因為做項目的需要，我比較了許多相簿的大圖瀏覽方式，現在一一評說，本文只代表我個人的觀點，歡迎大家拍磚呀！FlickrFlickr一直是專業攝影愛好者喜歡的相簿，它在照片詳情頁面提供了許多的尺寸供瀏覽者選擇，還體貼的提供了“大尺寸下載”的連結，讓瀏覽者能把心儀的照片下載到自己的硬碟。在Flickr的所有尺寸中，除了“大圖下載”外，還有Flickr周到的正方形75×

由於目前所見即所得

為什麼一張圖片比三張圖片更有力量？如何設計產品使用指南？如何在設計中通過各種對比產生層次感？如何使設計內外統一協調？如何設計一個獨一無二的簽名式 LOGO

Google Webmaster Central Blog 最近討論了一些關於404錯誤頁面的問題，我認為還是非常有用的，這就引出了我們今天要談到的一個問題：404頁面應該如何設計？首先，何為404錯誤？404是一個 http

　　如果你想最大化你的服務所帶來的效益，你就必須最大化你網站表單的成功率。僅僅簡單的讓使用者在你網站上註冊是不夠的，除非你有能夠讓訪問你網站的人一看就映像深刻的點子。為了讓服務達到最大化的體現，我們設計師需要提供使用者一個良好的使用者體驗。我們需要邀請使用者，為他們描述服務供應項目有多少好，給他們解釋為什麼他們需要填那些表單並且暗示他們會因此得到利益的回報。當然，我們也應該做的非常方便讓使用者來參與。　　但是設計有效頁面表單不是件容易的事情。有個不爭的事實就是：沒人喜歡填表單—&md

前三篇文章中，明確了柵格系統的設計細節和適用範圍。這一篇將集中討論960柵格系統的技術實現。Blueprint的實現Blueprint是一個完整的CSS架構，柵格系統是它的一部分功能。我們來看 demo 頁面：以上三欄布局的代碼為：<style type="text/css">    .container { margin: 0 auto; width: 950px }    .span-8 {

原文：http://flex8.net/article.asp?id=41今天在看羅素的《西方哲學史》時，忽然想到了這個想法，我認為可以從另外一個角度來看“使用者體驗“的影響因素。上面這個圖是我今天思考的一部分，這是一個關於“主觀性使用者體驗（Subjective

記得很早以前看到過這樣的一段介紹：想象你在逛街邊的一家書店，如果最終你沒有購買任何圖書就直接離開了，店長並不會知道你來過。但是如果你買了書，那麼書店的員工就會知道他們賣出了一些商品（當然如果你在那裡留了聯絡資訊來預訂另外一本書，他們就可以得到更多東西）。回過頭來，我們從資訊收集的角度看看網站訪問，那就是另外一個截然不同的世界了。無論你有沒有買東西，在你訪問網站時，總是會留下很多記錄，通過收集這些訪問者留下的大量資料，我們的網路專家就可以得到關於網站使用者體驗的很多結論。從網站的記錄中，可以知道你

長期以來，中國的教育都是“填鴨子”式的應試教育，不管是什麼樣的學生，都採用的是同樣的教程同樣的教學方式，所以造成了很多從學校走出來的學生缺乏應有的生存技能。正是因為存在這樣的情況，所以很多學校都開始打出“因材施教”的口號，雖然很多時候這隻是一個口號而已，但起碼也是一種進步，起碼開始區分不同的“材”。其實這就猶如是WEB設計的進步，從最初的以產品設計者為中心的設計，到現在的以使用者為中心的設計，只有本質上的改變才是真正的改變。

很多時候，往往以為自己理解了概念，卻只有等再理解下個概念之後，才明白以前認識還不夠。我們都是在某個點出發，逐漸放大試圖瞭解全域，然後才可能正確認識自己的位置，並找到適合自己的突破口。長久被專業名詞困擾和誤導，我知道它們肯定是一體的，但如何分類、組織、建立聯絡，讓整個架構立體化，合理解釋似乎並不是那麼容易。基於自己現階段知識結構，以及同行們反饋的各種觀點，重點介紹新突破。 行業，在何種業務內做事？ 指導理念，在哪些原則下做事？ 工作方式和流程，一個人怎麼做事？

　　相關文章：網頁內容頁面製作的9個實用建議　　　　　　　網頁頁面設計的4個實用建議　　　　　　　網頁布局的9個建議　　HTML格式 　　1、應避免使用交叉標記。不同的瀏覽器對交叉標記的反映會不同。 　　2、使用交織 GIF 和 Jpeg

春節前在藍色理想上發了個“雅虎口碑招聘前端工程師 ”的啟事，職位: 前端工程師 薪金: 面議 有效期間至: 2009-02-28 工作地點: 浙江杭州西湖區文三西路 公司名稱: 雅虎口碑 簡曆投送郵箱: kaven.yan@yahoo.com 學曆: 不限 是否應屆: 不限 年齡要求: 不限 性別要求:

11月的一個深夜，我飛臨我的故鄉亞利桑那 Tucson 的上空，我為這個城市網格式的布局所打動，Tucson 是美國通過規劃而建造的城市之一，從上空看，這個城市的所有東西都被設計者精心布局（圖1），我剛從倫敦回來，倫敦正好相反，倫敦的城市布局（圖2）曲裡拐彎，看上去更像是出之天然。圖 1：亞利桑那的 Tucson圖 2：倫敦我構想這篇文章已久，這兩個城市的俯瞰圖讓我聯想到 Web 設計，當今的技術可以讓我們自由實現網格式設計，或者完全跳出網格之外，這種選擇對 Web

“這是什麼啊，用不明白，體驗太差了！”、“在哪裡登入？找不到啊！”、“誰知道這是個按鈕可以點啊，像個圖片！”在產品體驗中，我們經常會聽到這樣那樣有關產品體驗的聲音。而主動並客觀地去發現這些問題（可用性問題）的方法之一，就是我們今天要介紹的使用者研究方法之一——使用者測試法。什麼是使用者測試？通俗地講，使用者測試就是通過給使用者制定任務，在使用者執行任務的過程中，發現產品設計的不足，並為產品最佳化提供依

網站可用性關係到它能為使用者節省多少時間。網站可用性越高，使用者體驗也就越高，使用者也就會增加停留在網站上的時間。當一個經驗不足的使用者通過你網站的一個深層連結訪問某個內部頁面時，他們第一次會在那裡平均花60秒鐘的時間，而經驗豐富的使用者在他們第一次訪問一個內部頁面時會花45秒鐘。支援深層連結的一個主要原因是，同首頁相比，使用者會更加充分地閱讀網站內部頁面上的內容。我們看到了內部頁面和首頁有同樣的現象：即隨著經驗的增多，人們掃描第一次訪問頁面的速度會加快，同時決定他們想要在網站上做什麼的過程也會

道之於90年代恰如禪之於70年代。事無巨細，皆可受之道，或推之道。Web 設計之事，雖小技，然而通覽道德經，我們仍然會發現其中包含深刻的道理。道是哲學，象佛，是一種生活與處世的方式，來自古老的《道德經》，這部擁有81個章節的晦澀經文涵蓋了人類的經驗，但它始終講述一個主題，和諧。過去幾年，或好或壞，我的生活與 Style Sheet 有關，我為之編寫軟體，教程與指南；回答了數不清的問題，通過新聞群組或電子郵件；通過 The Web Standards

Programming is an underappreciated art form. It is there, in the background, invisible to but a few people who usually are looking to fix it, copy it or simply understand it.A successful human interface can make the most complex functionality work