可用性/ UI設計/ UX等 - 記錄一個項目

Question

我是一個軟件開發人員，我要去到一個項目，現在涉及實施使用ASP.NET（3.5/2008網站，使用網絡客戶端軟件工廠）。我一直負責爲這個項目創建一個UI/UX設計文檔，但我真的不知道從哪裏開始。

我一直在一個項目在3年內，那裏有一個正式的UI設計文檔，其中包括佈局和風格指南/規則（例如應用程序有一個標題，導航等，鏈接必須是顏色A，積極行動的按鈕必須在右邊等等）。事後看來這非常有用，我意識到有人也付出了很多努力 - 甚至在文檔中定義了CSS類。但是，該文檔基於現有的應用程序，符合企業的整體企業標識。

目前的項目爲新建項目，這在目前還沒有明確的規定要求（是的，我知道......如果沒有很多的要求......我離題了如何設計）。很難知道究竟需要哪些功能。有兩種不同的用戶類型/角色，但是對於這個文檔沒有正式的研究。此外，我不確定企業的身份，除了企業對使用他們的徽標有一些規定，我只會在幾天內得到進一步的澄清。

所以我在黑暗中稍有是，在畫布潑漆，希望我會在結束一個漂亮的圖片（如果只有我是傑克遜·波洛克）。

將在此文檔中包括什麼？它針對的是企業（客戶）以及開發人員。我能想到的只有以下：

1. 佈局 - 頁眉，頁腳的內容，導航
2. 風格 - 調色板和樣式不同的預期成分
3. 用戶交互的 - 當用戶執行的動作和必須等待他們通過模態對話框通知，使用AJAX進行驗證，導航應該是上下文相關的，任務應該以最小量的點擊/導航等進行。

有沒有人有任何經驗創建這樣一個文件，或任何已知的t經過測試的UI設計流程？

感謝，

詹姆斯

Answer 1

有」可能被包含在這樣一組文檔元素的種種：

• 視覺風格指南（顏色，字體，大小，圖標等）
• 品牌指南（企業標誌，顏色，信息等）
• copyrighting風格指南（術語，正確的消息，正確的語音等）
• 人物/人口打靶
• 頁面佈局指南
• CSS指引/標準
• JS指引/標準
• 使用案件
• 無障礙問題
• 可用性問題
• 例如implem可變方向
• IA路徑流動
• 線框組件
• 等

我拿起這本書，如果你可以給你在思考這樣一個開始：

http://www.amazon.com/Web-Anatomy-Interaction-Frameworks-ebook/dp/B002ZY5FCW/ref=sr_1_2?ie=UTF8&s=books&qid=1262983955&sr=8-2

Answer 2

的Wikipedia文章Human Interface Guidlines有，我會建議一些很大的聯繫。他們中的一些人可能擁有比您需要的更多的信息，但他們應該爲您提供一個好主意，以便您應該添加哪些類型的內容。

我一直覺得蘋果的指導方針非常完整的和有用的，但他們肯定是非常完成，需要大量的閱讀。

Answer 3

除了規劃文檔中的所有其他顯而易見的組件外，最好還是繪製UI的部分內容以及相應的具體說明用例說明。

我在嘗試傳達UI想法時曾遇到過問題。製作對話框和動作序列的草圖通常很有用。如果這些草圖看起來過於「真實」，那麼他們有一種傾向於成爲最終產品的規格。

爲了減輕這一點，我一直在玩Balsamiq Mockups。它具有很好的屬性，它是一張餐巾紙的可編輯背面，故意用手繪的感覺呈現所有物體和屏幕布局。我喜歡它爲小型內部項目所取得的成果。我還沒有機會將它用於與許多外部利益相關者進行的大型項目。