網站用戶中心頁面設計

1、以用戶為中心的界面設計都有哪些原則

1.簡易性
界面的簡潔是要讓用戶便於使用、便於了解、並能減少用戶發生錯誤選擇的可能性。
2.用戶語言
界面中要使用能反應用戶本身的語言，而不是用戶界面設計者的語言，即「用戶至上」原則。
3.記憶負擔最小化
人腦不是電腦，在設計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶極不穩定、有限，24小時內存在25%的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易。
4.一致性
是每一個優秀界面都具備的特點。界面的結構必須清晰且一致，風格必須要與內容相一致。
5.清楚
在視覺效果上便於理解和使用。
6.用戶的熟悉程度
用戶可通過已掌握的知識來使用界面，但不應超出一般常識。
7.從用戶的觀點考慮
想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。
通過比較兩個不同世界(真實與虛擬)的事物，完成更好的設計。如：書籍對比竹簡。
8.排列
一個有序的界面能讓用戶輕松的使用。
9.安全性
用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統的提示。
10.靈活性
簡單來說就是要讓用戶方便的使用，但不同於上述。即互動多重性，不局限於單一的工具(包括滑鼠、鍵盤或手柄)。
11.人性化
高效率和用戶滿意度是人性化的體現。應具備專家級和初級玩家系統，即用戶可依據自己的習慣定製界面，並能保存設置。

2、如何利用以用戶為中心的設計畫布系統

用戶體驗設計絕不是一夜之間就可以做好的東西。它是一個長期的過程，包含大量必須思考和處理的任務模塊。雖然它們能被單獨處理：不同的時期由不同的人來做，但至關重要的是它們應該是一致的，共同組成統一的整體並服務於相同的目標。

具體指定這些目標確實是一個很大的挑戰，而組織圍繞目標本身的設計過程也自然困難。我必須承認我們團隊在一開始也是叫苦其中。受挫於尋找一個可以幫助我們的工具，我們最終發明了自己的工具：User Centered Design Canvas（以用戶為中心的設計畫布系統）。我們已經將其分享在了UX magazine社區，如果你想下載使用或查看使用說明，feel free.

受業務模式畫布系統中有用功能的啟發，和以用戶為中心設計方法的強化，以用戶為中心的設計畫布系統使得我們能夠更加容易的組織我們的設計進程並保證主要目標始終如一。9片區域,一張A4紙，經過幾個小時的討論，我們把所有的用戶信息和業務信息都聚集在這一個地方。但這絕不僅僅只適用在用戶體驗設計的早期階段，當這套畫布系統使用後，我們發現它在用戶體驗設計過程中的多種其他領域都很有效。

和用戶一起工作

一套設計可能面向多種不同類型的用戶。如果你很幸運的跟那些全程投入其中並樂意投入其中的用戶一起工作，以用戶為中心的設計畫布系統就可能會顯示的非常有用。如果有可能跟這些用戶見面，跟他們一起頭腦風暴來完善這套畫布系統是再好不過的了。更多的人，通常意味著更多的想法，而且用戶很可能提出一些我們完全沒有考慮到的問題。你可以讓他們像完成項目摘要一樣獨立完成這些區域的填充，在這種情況下，比較用戶產出的畫布跟您團隊的畫布就非常有用，比較之後，高亮標示出兩張畫布中相同的條目——這樣你就能顯然明白這部分相同的內容正標志著需要特別注意的部分。

人物角色

為了創建人物角色模型，需要作出大量研究調查：從諸如人口統計學信息（性別、年齡等）、教育信息和專業背景信息等基礎資料，到更深層次的用戶需求、動機和恐懼分析。這涉及到大量的數據，很容易迷失其中，尤其是有不止一個人參與這項研究的時候。我們發現以用戶為中心的設計系統能夠很好的解決該問題。通過將收集到的數據依次填入系統的第2-5條能很好地將不同的數據整理和歸類。在我們的團隊中，這個過程常常伴隨著頭腦風暴，它也常常為我們帶來額外的收獲。在這些事情完成後，我們就通常可以提取出來至少3方面的用戶信息框架。

使用記號筆用同一種顏色表示出所有一致的條目。這種方法的另一個優勢是，你可以看到哪種類型的用戶最常被高亮標示，而這部分用戶也自然就是我們的目標角色。

用戶模型

請按照我們建議的順序依次填入所有條目，您可能已經注意到，它們中的一些是有關聯性的(實際上所有類型都是相關的，只不過某些之間的聯系更為密切）。例如，動機可能直接來自於問題本身，擔心經常是為了尋找更安全的方案，業務解決方案應該指定其解決的用戶問題。這個邏輯鏈可以被證明在創建用戶模型時非常有用。

注意：這個用戶有個問題——他需要汽車的一些零部件，他為了省錢所以他決定在線購買，但他擔心這些零件不是原件導致他沒法自己安裝起來。這樣就很容易在我們腦海形成一幅用戶畫像：他們首先關注零件的價格並從中選出那些低價者，然後通過看這部分零件是不是有證書和看來自其他用戶的評價來判定這些零件是不是原件商品，再之後，他可能會去找一些指示說明來確保只靠自己是不是能把零件裝到車上。這樣，基本的用戶框架就已經准備好了!

信息架構和線框圖

就像構建用戶模型中的一樣，畫布各領域之間的相關性也可以被證明在規劃網站的信息架構中同樣非常有用。當所有最重要的條目都被高亮標示出來後，從中選擇出網站的組成部分並合理排序就變得更加容易。畫布的左側部分有助於我們發現那些用戶重點尋找的信息，右側部分則幫助我們處理那些從業務角度來看至關重要的信息。將用戶和業務目標都具體描述在紙上，能夠幫助我們更清晰的落實線框圖。將問題區域（也可以是擔心恐懼區域）和解決方案區域並列放置，則有助於我們想出那些關乎用戶期望和需求的設計思路。

用戶是沒有時間和心情去讀長篇的軟體說明書的——請直接給他一個特徵摘要和演示就夠了。他會投入注意力到每個細節——提供給他一個綜合性的PDF規格文檔，保證他能夠列印出來和自己的團隊討論。

內容編寫

一些人聲稱內容寫作不應是用戶體驗設計的一部分，對此觀點我不能同意。文本層次是會像視覺效果一樣影響用戶體驗的。我使用了這套系統很多次，規劃跟用戶間的對話策略並編寫網站內容。我發現它不光有助於我決定哪些內容向用戶呈現，而且對選擇出匹配業務目標的最佳內容也很有效。

完成區域8（競爭優勢）的填充，將優勢具體化，就能夠更容易的決定在一段文本中強調哪些方面的信息。

以用戶為中心的設計畫布系統僅僅是一個簡單的工具，也可能正是由於它的簡單靈活讓它能如此的多功能化。這套畫布上收集的所有信息的有用性貫穿於用戶設計的整個階段。我在這里只描述了其中的一部分，但也有許多其他的我能想到的和還沒有發現的地方。希望你們一起來完善。

3、網站用戶中心一共要設計多少個頁面

?

4、個人中心的用戶體驗最好的有哪些網站？

facebook esty chrome...
幾乎大廠的都做得不錯。
另外：沒有最好的，只有適合的。

5、什麼是以用戶為中心的設計?

簡單的說，在進行產品設計時從用戶的需求和用戶的感受出發，圍繞用戶為中心設計產品，而不是讓用戶去適應產品，無論產品的使用流程、產品的信息架構、人機交互方式等，都需要考慮用戶的使用習慣、預期的交互方式、視覺感受等方面。【一句話，就是在做設計時站在用戶的角度考慮，「我需要什麼樣的設計才能感覺最好」，而不是站在開發者的角度上來看。】

衡量一個好的以用戶為中心的產品設計，可以有以下幾個緯度：產品在特定使用環境下為特定用戶用於特定用途時所具有的有效性（effectiveness）、效率（efficiency）和用戶主觀滿意度（satisfaction），延伸開來還包括對特定用戶而言，產品的易學程度、對用戶的吸引程度、用戶在體驗產品前後時的整體心理感受等。

為什麼要用以用戶為中心的設計方式？

1、一個產品的來源可能有很多種情況，用戶需求、企業利益、市場需求，或可能是技術發展所驅動。從本質來說，這些不同的來源並不矛盾。一個好的產品，首先是用戶需求和企業利益（或市場需求）的結合，其次則是低開發成本的，而這兩者都可能引發對技術發展的需求。
a）越是在產品的早期設計階段，能充分的了解目標用戶群的需求，結合市場需求，就能越大程度降低產品的後期維護甚至回爐返工的成本。「如果在產品中給用戶傳達「我們很關注他們」這樣的感受，用戶對產品的接受程度就會上升」，同時能更大程度的容忍產品的缺陷，這種感受決不僅僅局限於產品的某個外包裝或者某些界面載體，而是貫穿產品的整體設計理念，這需要我們從早期的設計中就要以用戶為中心。
b）基於用戶需求的設計，往往能對設計「未來產品」很有幫助，「好的體驗應該來自用戶需求，同時超越用戶需求」。這同時也有利於我們對於系列產品的整體規劃。

2、 隨著用戶有著越來越多的同類產品可以選擇，用戶會更注重他們使用這些產品的過程中所需要的時間成本、學習成本和情緒感受。
a）時間成本，簡而言之就是用戶操作某個產品時需要花費的時間，沒有一個用戶會願意將他們的時間花費在一個對自己而言僅為實現功能的產品上，如果我們的產品無法傳達任何積極的情緒感受，讓用戶快速的完成他們所需要的功能，這是最基本的用戶價值。
b）學習成本，主要針對新手用戶而言，這點對於網路產品來說尤其關鍵。同類產品很多，同時容易獲得，那麼對於新手用戶而言，他們還不了解不同產品之間的細節價值，影響他們選擇某個產品的一個關鍵點就在於哪個產品能讓他們簡單的上手。有數據表明，如果新手用戶第一次使用所花費在學習和摸索的時間和精力上很多，甚至第一次使用沒有成功，他們放棄這個產品的幾率是很高的，即使有時這意味著他們同時需要放棄這個產品背後的物質利益，用戶也毫不在乎。
c）情緒感受，一般來說，這點是建立在前面兩點的基礎上，但在現實中也存在這樣一種情況：一個產品給用戶帶來極為美妙的情緒感受，從而讓他們願意花費時間去學習這個產品，甚至在某些特殊的產品中，用戶對情緒感受的關注高於一切。例如在某些產品中，用戶對產品的安全性感受要求很高，此時這個產品可能需要增加用戶操作的步驟和時間，來給用戶帶來「該產品很安全很謹慎」的感受，這時減少用戶的操作時間，讓用戶快速的完成操作，反而會讓用戶感覺不可靠。

6、菜鳥用eclipse設計迷你購物網頁，求「用戶中心」的大致思路

哈？有點凌亂。但是按照你的要求，這個網站的設計，應該是先有個首頁，用戶通過登錄後，在首頁會顯示自己的用戶名，而但用戶點擊一下自己的用戶名或者「用戶中心」，網站將跳轉到用戶管理中心的界面去管理和維護自己的信息（對自己的信息進行增刪改查）。

如果是這樣，那就只需要一個JSP，即一個用戶管理中心的界面就夠了。因為用戶登錄後，用戶名被你存放到了Session中去了，所以，只要你的伺服器沒有關閉，那麼，用戶名字和授權的信息也就會一直存在。這樣你跳轉到用戶管理界面時候，<a href="UserManage.jsp?user='<%=userID%>'">用戶中心</a>。或者或者跳過去的時候不要UserID也許，只要你的用戶名是唯一的就行了。在用戶管理界面你就通過用戶的名字或者你在後台傳過來的用戶ID，把用戶的信息顯示出來：
如：Select * from UserInfo_tab where userID = '<%=userID%>' or userName = '<%=userName%>。意思是你把所有符合這個用戶條件的信息全拿出來，最後顯示出來：

名字：<%=userName %>。。。。。。。最後你可以添加一個修改的控制項，讓用戶能夠修改自己的信息，比如：<a href = ''UserManage.jsp ?modify=true&user='<%=userID%>'"> 修改</a>。
用戶對自己信息的所有操作只要在UserManage.jsp這個界面維護就夠了。當用戶選擇修改時，你就要重新把信息拿出來，把它們放在像用戶填寫自己注冊信息的那些控制項（就是Input）那樣就好了。
如再增加一段代碼。哦 說明一下，你之前的用戶信息顯示的時候，你就把它們統一放在一個<div>
里，現在用戶要修改自己的信息了，你就把這個<div style = "display=none;">把他隱藏掉display=none的意思是，隱藏後不佔用空間。最後你再添加一個」修改「的<div>，代碼大致這樣：
<% Select * from UserInfo_tab where userID = %><%=userID%><%;%> <!--再次根據用戶的ID或者名字等主鍵取出數據。其實，你要是邏輯清晰的話，只要在上面select一次就夠了，不用select這么多次。-->
<div align = "center" id="modify">
<form method = "post" action= "UserManage.jsp?do=modify&modify = <%= userID%>">
名字：<input type="text" value = <%= userName %> name = "userName" />

年齡： <input type="text" value = <%= age %> name = "age" />
性別: <input type="text" value = <%= sex %> name = "sex" />
<input type ="submit" value= "修改"><!--或者用<button>也行-->
</form>
</div>

最後你再判斷一下getParameter("do"),加入傳過來的參數是modify,那麼就Update用戶數據就好拉。

你不會告訴我Update的語句不會寫把！我已經幫你做了那麼多了，不會寫就去看資料庫操作的書籍去吧。

註明：」請問怎麼把主頁已經登陸的用戶ID傳到用戶中心？「，你這都不知道，那你用戶登錄網站時是怎麼是實現的？ 一般用戶登錄你的網站時，你不就是把用戶的名字或者一些信息放在了request session 或者application這三個作用域裡面了嗎？所以，比如session的意思，只要網站的後台伺服器沒有關閉，那麼你放在session裡面的信息（比如用戶的名字）就一直有效，你只要在任何的jsp頁面getSession()就能獲取到用戶的信息拉。其他的作用域自己百度去。

而且啊，你的業務邏輯都不清晰，而且才5分，沒什麼人會幫你做的，我就好心幫你做了你一大半的工作了吧。如果還不明白 那就沒辦法了，只能說 你還是重新學一下JSP和Java的內容吧。或者網頁設計技術也要重新學。