其他

說幾個web前端開發以外但沒有跑出UED範疇的問題五一放假那天在客村坐著等姐的過程中看著身邊電線杆上的廣告發現廣州的電線杆廣告還是很刺激很前衛的相對於上海的高爾夫球童來說少了許多矜持居多都是些招“房間公主”和“大堂少爺”的夜總會地上也會貼著許多 譬如高效追債等紙條不過這次我們不討論地上的只說電線杆客村那裡的電線杆廣告有1個特點恩

關於心理模型，上一期互動設計月報中的《資訊構架的若干原則

1.任何在使用者體驗上所做的努力，目的都是為了提高效率：a. 協助人們工作的更快b. 減少他們犯錯的幾率2.

Flash通常只是用來實現網站的輔助效果，比如一些特效或簡單互動，最近有了些比較酷的應用就是在各大SNS網站上紛紛上馬的網頁遊戲。但是現在隨著As3的普及和技術的進步，flash也開始應用於電子商務網站（網上商店）了。儘管使用Flash開發有創意的網店系統是灰常複雜的，但是Flash網店可以給客戶不一樣的使用者操作和購物體驗，Flash可以實現更加人性化的互動。本文中，網頁教學網收集了國外的25個非常棒的Flash網上商店設計，希望它們能夠給你一些參考，並且在網站互動和使用者體驗方面給我們一些比

簡單是任何成功的網站或應用的一個關鍵因素。對於某些商務網站，比如淘寶之類的網上商店系統，有很多地方需要使用者來操作，如註冊和支付。如果你的網站過於複雜，使用者將不得不走完太多的步驟來找到他們想要的東西，為此，他們很可能會放棄嘗試。一個簡單而有效方法是，將服務、註冊、支付等拆分成3個步驟。這並不是說1-2-3可以增強了網站的可用性，當然如果有需要你也可以做成1-2-3-4，或者簡化到兩步——這種做法的要義是將流程變得更加清晰，使用者很容易理解，通過這些步驟，使用者很清楚自己

在Web設計過程中，我們總是希望展現在頁面上的字型，能儘可能看起來更加的舒服，比如字型的流暢、無瑕疵、無鋸齒等等，尤其是對於一些醒目位置的大字型尤為重要。如果你正在尋找類似效果的字型方案。那麼，網頁教學網為你整理了40個符合這個標準的，優美時尚的 Web 設計英文字型，希望可以對你的Web設計工作有用。Museo SansGeo Sans LightDuepuntozeroOregon LDOSansationEngel LightComfortaaForgotten

我的部落格的導航的內容主要分為以下幾種：部落格分類導航（即放在頁面頂部或者左側/右側的導航）、標題、翻頁/分頁導航、其他導航（文章內連結、關鍵字、友情連結、文章內容導航等）。部落格分類導航1、導航的置放位置會影響到訪客對部落格內容的關注度和二次點擊。在設計部落格導航之初，只有頁面的導航，而且習慣性地放在了頭部（header.php）。後來我發現，網頁訪客統計裡有很多訪客在點擊頂部的頁面（page），點擊數大大超過了訪問量最多的單篇文章的點擊量，所以我在頭部的導航裡又加入了部落格文章分類的導航，設

網頁多寬才合適，這個問題可能並沒有一個標準，也沒有對錯之分，可能我們在使用網頁尺寸的時候更多的想的並因該是用多大的寬度，而是我們的訪問者更適合多大的網頁寬度！1、結論：固定寬度只適合功能型網站，不適合希望使用者認真閱讀的瀏覽型網站。UCD大社區是瀏覽型網站，它的定位是“知識庫”，希望你停留在這裡認真瀏覽和閱讀。2、大螢幕不是用來顯示更寬文字內容的，大螢幕下必然會面臨滑鼠長途奔襲的問題。建議用大螢幕的人：為自己的身體健康著想，在大螢幕下閱讀的時候，養成縮小視窗的習慣。共勉

我傾向於在 Web 設計中儘可能在最優解析度前後都給予瀏覽器寬度一定的自由度. 往大去是為了在能改善體驗的前提下充分利用大螢幕的使用者的螢幕空間, 往小去是考慮到有時候使用者並不是把瀏覽器視窗最大化, 或者不能佔滿整個螢幕. 舉個 use case, 我工作的時候經常會兩個視窗 side-by-side, 一個視窗是 Google Docs, 另外一個視窗呈現參考資料. 如果是在咖啡館裡面幹活那就只有筆記本一個螢幕, 每個視窗 700px 寬, 很多時候我就要不斷地拖水平捲軸,

www.Alisoft.com，最新版的首頁與4月2日終於上線了。雖然是一個過渡時期的版本，可是跟以往的版本已經有了很大的提升，從一個簡單粗糙的頁面過渡成一個漸漸符合規範和可擴充性頁面。這個版本需要滿足各方面的需求，互動設計師在這裡做了很多的橋樑工作，和以往的項目一樣：前期的使用者調研與DBA的資料分析很早就做了一些，與PO同學探討商業需求與戰略目標、與PD共同分析需求並對其項目分解，展開互動設計後，後期的視覺督導和前端工作的結合都是UED的重要組成部分、前端開發工程師與QA的bugfix工作和

先試後買的互動 每個人都應該購買過商品，按照人的購買習慣會先試用或者對比後覺得適合再購買這樣一個流程，這是符合人的消費心理。現在互連網出現越來越多的新產品，網民就像選購商品一樣，所不同的是網民所付出的是時間和體力，需要付出金錢的也有，但很多產品為了增加註冊量，不管三七二十一訪問首頁第一件事就是讓使用者去註冊，註冊完後才能瀏覽網站和使用網站服務這樣一個互動過程，假設註冊流程又長又醜的話那對使用者來說簡直就是一種折磨。 近來比較火的開心網（又拿這個網來做例子呵呵），首頁只有一些簡

這是一個正在逐漸流行的創意的趨勢。事實上它非常容易實現，只需要增加了一個額外的元素和獨特的設計。讓我們看一下該如何?立體盒子的效果吧，然後，我們將會給大家展示一些很好的例子。準備先準備好你的頁面和圖片，我們使用這張圖片：我們簡單的將HTML寫成這樣: <p id="container"><img id="logo" src=http://www.webjx.com/web/"logo.png"

Adaptive Path著作權 作者：Adaptive Path 譯者：UCD翻譯小組，JunChen 原文地址：http://www.adaptivepath.com/ideas/newsletter/archives/031109/index.php有件事呢本應該是顯而易見的，我是指如果你用恰當的工具，那麼畫起草圖來會變得相當、相當簡單。我不會穿著網球鞋去滑雪，但我卻常常假想自己可以用蠟筆、羽毛筆或者用剩的鉛筆頭畫出工業級效果。喔，太蠢了。最近我才意識到，擁有一套良好的“裝備&

像素誤差看自己設計好上線的網站，偶爾會發覺像素行間出現了彈性空間，總在不經意間蹦出一定的差距。有些頁面很難發現，比如活動類頁面，這類頁面多呈不規則造型，在設計上也更加靈活多變。但在portal類的頁面設計上，像導航、登入框、行距等，幾個像素的誤差可能就會影響到使用者的感受。這時，像素誤差問題就很直觀了。面對不斷成長的使用者，Qzone的平台、活動等不斷的推陳出新，新的視覺觀感、新的操作方式、新的體驗等等都在追求盡善盡美。但由於時間進度和對介面的不同理解，以及上線前開發聯調等原因，導致線上的頁面和

　　我們都知道jQUery對象中有一個類數組的元素封裝集，該集合類似js中的數組一樣擁有length屬性，因此我們稱此為類數組，下面我們就來總結下這個jQuery對象中的類數組時如何進行操作的，看看我們的jQuery為我們都提供了哪些可用的方法：　　size()：很明顯，它應該是返回封裝集中的元素個數，如$('a').size()表示連結元素的個數；　　get(index)：當沒指定index時就預設取封裝集中所有元素，並以js中的數組形式返回，如果指定了index，則返回下標為index對應的

在做視覺設計時，如何高效地使用表徵圖是一門學問：該使用什麼樣的表徵圖？表徵圖該放在哪裡？大小如何？表徵圖的使用是否協助使用者更好更快的理解內容，亦或是增加了他們的理解負擔甚至產生誤導？今天恰好看到了一篇很好的文章，可以協助我們瞭解該如何使用表徵圖來支援內容，故翻譯如下：為什麼使用表徵圖？設計就是傳達資訊：如果你的網站不能吸引使用者，這個問題不在於你分享的資訊有多重要、有多刺激。在訪問一個網站的最初，大多數使用者首先掃描頁面來尋找視覺上看著有趣的內容，只有某些事物引起了他們的注意力，他們才真正開始

在翻譯這篇文章時我想起一件事情，去年有個朋友在網上非常興緻勃勃的和我說：“我弄了一個很酷的網站，去玩玩吧！真的不錯哦！”，然後他把網址發給我，我點擊開啟後發現是“請先註冊”的頁面。我：“能不能不註冊啊？”他：“註冊很快的～填幾個簡單的資訊東西後你就可以玩了！”我：“能不能先看點東西啊？為啥一定要註冊後才能看？”他：“只要註冊後就很方便了～註冊才能長久保留你的資訊嘛～

一說到導航每個人都不陌生，如amazon的Tab式導航、網站地圖、軟體中的菜單導航、索引表等等。導航設計看上去非常的簡單：無非是頁面上放置一些連結，通過這些連結使用者可瀏覽和使用整個網站。事實並非如此，導航設計是非常複雜和嚴謹的。 下面我們以網站導航為例粗淺的分析一下導航設計的複雜性：任務：設計一個網站導航目標：1、提供給使用者方便的網頁間跳轉的方法         

廣州4.18書友會主題的內容提綱自己參與撰寫，同時還參與組織和主持。通過這次的深入參與，我發現胡曉同學能堅持下來多不容易，先贊下。由於天公不作美，原定的以春遊踏青小組討論的形式無法實行，只能30號人一起參與，其中的各種不適大家可以看看胡曉同學的踏青歸來（UCD廣州書友會第七期回顧）的描述，下面開始我們的主題。1. 螢幕解析度和布局的定義1）解析度解析度（Resolution） - 影象清晰度或濃度的度量標準。舉例來說，解析度代表垂直及水平顯示的每英寸點（dpi）的數量。BitWare

作為互連網產品設計師，在和前端開發人員溝通時你是否常常會聽到這樣的聲音：——