規劃您的WEB UI和導航

Question

我知道很多關於SO的內容並不喜歡主觀問題，我也傾向於這樣，但對於其他人在規劃他們網站的UI和導航時做的事情我很好奇。

我一直在尋找有用的流程圖/圖表工具，並找到了一些，但開始思考也許其他人有更好的方法。

問題是，當開始一個新項目時，您使用哪些步驟和/或工具來幫助規劃出網頁界面和導航？你如何決定在哪個頁面上包含什麼？我知道這是一個迭代的任務，你會在項目的整個生命週期中繼續改進，但你是如何開始的。我開始時往往會遇到主要的心理障礙，並且有些不確定如何輕鬆地通過障礙並重新開發。

Answer 1

我瀏覽，瀏覽，瀏覽互聯網，並記下我喜歡的UI和我喜歡的內容。基本上，我只會在UI的基本概述記事本中畫草圖。我還沒有找到任何電腦工具（沒有嘗試過wacom平板電腦），它像素描本和鉛筆一樣快速或多功能。一旦我畫出了一些東西，我可能會從那裏到HTML或甚至是Photoshop，如果我想玩弄着色。

我發現在閱讀了互聯網上的其他東西之後，有人曾經說過，「用戶輸入是神聖的」。這就是說，我已經學會了不喜歡模式彈出和其他這樣的設計破壞性設計。我真的努力確保我的流程合理。例如，如果你正在輸入一個新的數據庫對象，把用戶放回到新的數據庫對象輸入屏幕還是回到主菜單是否合理？有時候只有用戶測試才能充實。

除此之外，我不確定我是否回答了您的問題。

Answer 2

如果你只想計劃你的設計，你可能想要玩http://www.balsamiq.com/。他們有非常好的基於Flash的應用程序來創建UI模擬ups。

Answer 3

我從用例場景開始：用戶最想在此頁面上做什麼？一旦我列出場景列表，然後列出要放在頁面上的基本信息塊。然後我想更多地瞭解每個區塊會包含哪些內容。之後我纔開始在一個線框編輯器中安排這個塊。