1

I know many on SO do not like subjective questions and I tend to be that way as well but am really curious about what others do when planning their websites' UI and navigation.

I have been searching the web for useful flow charting/diagramming tools and did find a few but started thinking maybe other people have a better approach for this.

The question is, when starting a new project, what steps and/or tools do you use to help plan out the web UI and navigation? How do you decide what to include on which page? I know it is an iterative task that you will continue to improve on over the life of the project but how do you get started. I tend to suffer major mental blocks when starting out and am a little unsure how to easily get past the blocks and back to developing.

4

3 回答 3

2

I browse, browse, browse the internet and make notes of UI that I like and what I like about it. Basically I'll do nothing more than sketch in a notepad, BASIC outlines of the UI. I have yet to find any computer tool (haven't tried a wacom tablet) that is as quick or as versatile as a sketchbook and a pencil.

Once I've sketched something out, I may go from there to html or perhaps even photoshop if I want to play around with coloring.

I've discovered that after reading SO and some other things on the internet, someone once said, "user input is sacred". That being said, I've learned to dislike modal popups and other such disruptive design. I really strive to make sure that my flow makes sense. For instance, if you're entering a new database object, does it make sense to drop the user back into the new database object entry screen, or back to the main menu? Sometimes only user testing will flesh that out.

Other than that, I'm not sure I answered your question.

于 2009-02-14T19:09:09.620 回答
2

如果您只想规划您的设计，您可能想使用http://www.balsamiq.com/。他们有非常好的基于 Flash 的应用程序来创建 UI 模型。

于 2009-02-14T19:36:40.380 回答
0

我从用例场景开始：用户最可能想在这个页面上做什么？一旦我列出了场景，然后我会列出要放在页面上的基本信息块。然后我想更多关于每个块将包含什么。只有在那之后，我才开始在线框编辑器中排列块。

于 2017-09-03T17:11:57.353 回答