规划您的 WEB UI 和导航
我知道很多人不喜欢主观问题，我也倾向于这样，但我真的很好奇其他人在规划网站的用户界面和导航时会做什么。
我一直在网上搜索有用的流程图/图表工具，确实找到了一些，但开始思考也许其他人对此有更好的方法。
问题是，当开始一个新项目时，您使用哪些步骤和/或工具来帮助规划 Web UI 和导航？ 您如何决定在哪个页面上包含什么内容？ 我知道这是一项迭代任务，您将在项目的整个生命周期中不断改进，但如何开始呢？ 刚开始时，我往往会遇到重大的心理障碍，并且有点不确定如何轻松地克服这些障碍并重新开始发展。
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.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
我浏览、浏览、浏览互联网并记下我喜欢的 UI 以及我喜欢它的哪些方面。 基本上我只会在记事本中绘制草图，绘制 UI 的基本轮廓。 我还没有找到任何像素描本和铅笔一样快速或多功能的计算机工具（还没有尝试过 wacom 数位板）。
一旦我画出了一些草图，我可能会从那里转到 html，如果我想尝试着色，甚至可能转到 Photoshop。
我发现在阅读了 SO 和互联网上的其他一些东西后，有人曾经说过，“用户输入是神圣的”。 话虽这么说，我已经学会不喜欢模式弹出窗口和其他此类破坏性设计。 我真的努力确保我的流程有意义。 例如，如果您要输入一个新的数据库对象，将用户放回新的数据库对象输入屏幕或返回主菜单是否有意义？ 有时只有用户测试才能充实这一点。
除此之外，我不确定我是否回答了你的问题。
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.
如果您只想规划您的设计，您可能需要使用 http://www.balsamiq.com/。 他们有非常好的基于 Flash 的应用程序，用于创建 UI 模型。
If you want just to plan your design you might want to play with http://www.balsamiq.com/. They have really nice flash based app for creating UI mock ups.
我从用例场景开始：用户最有可能想在此页面上执行什么操作？ 一旦我列出了场景列表，然后我列出了要放在页面上的基本信息块的列表。 然后我更多地思考每个块将包含什么。 之后我才开始在线框编辑器中排列块。
I begin with the use case scenarios: what would users most probably want to do on this page? Once I make a list of scenarios, then I make a list of the basic information blocks to put on the page. Then I think some more about what each block would contain. And only after that I begin arranging the block in a wireframe editor.