如何以自頂向下的方式構建Web UI？

Question

有沒有人這樣做？

如果是的話，請分享你的經驗:)

Answer 1

的第一步是開發使用情況。具體說明應用程序將如何使用以及交互點的位置。只有事後才應該關注實施。

Answer 2

我花了大約二十分鐘開始爲此寫一個答案，但感覺就像我正在寫一個講座。我認爲期望得到與自上而下設計網絡用戶界面差異很大的答案是不切實際的。我的意思是，你要求的基本上是這樣的：「你們怎麼做你的工作」。它非常廣泛，而且深入它是瘋狂的。

然而，所有這些都說：你問這個問題真好。概念化和早期設計階段是您可以在Web開發中獲得的一些最有趣和最具創造性的角色。你真正需要做的是找到一個起點。這可能意味着您需要出去學習需求收集，包括業務和用戶爲中心的設計方法。

我不是商業中心設計的支持者，但僅僅是因爲其他人很多。所以，我會專注於UCD。如果你喜歡書籍，我會推薦Alan Cooper的關於Face 2.0，這是交互設計的一個很好的基礎。如果你不想購買一本書，你可以去usability.gov並開始學習。

通過使用諸如上下文訪談，卡片分類，上下文查詢和其他UCD方法之類的東西，大部分界面都將被自然設計。