用户界面布局

点击复制

构建UI布局的5个基本技巧。


你可以在编辑器中完全设计视觉部分,在任何时候做调整和改变,如你所愿。即使在你发布应用程序和用户开始使用它之后,你也可以完全改变外观和页面布局,而不会有丢失数据的风险

因此,在切换到编辑器之前,您以何种形式展示项目并不重要。它可以是Figma中的原型,也可以是Photoshop中的图像,可以是Paint中的图画,也可以是自由素描,甚至可以是Excel电子表格中的图表。最主要的是,你对它应该如何工作有一个明确的想法。

但有几个重要的点需要考虑。

决定你需要哪种应用程序:网络或移动

你可以创建两个版本的应用程序,它们将相互连接--你的一些用户将从移动设备工作,一些从个人电脑工作,而数据将被共享。尽管设计将是不同的。

不同的编辑习惯于构建移动和网络应用,在开始之前大致了解其工作的具体内容是很重要的。

定义用户组

根据用户可使用的功能,将用户分为不同的群体,并分析他们的不同之处。

我们不仅仅是在谈论划分为用户和管理员的问题。如果你的应用程序将被不同访问级别的客户或不同部门的员工使用,你可以根据特定用户可使用的功能和数据,隐藏或显示个别元素甚至整个页面。

你需要说明性的例子

尽可能多地找到与你的应用程序相似的应用程序。你也许可以通过添加你想要的功能来使用其中的一个作为基础,或者你可能想把几个应用程序的功能合并到一个里面。列一个入围名单,并说明其优点和缺点--它不仅在绘制布局时有用,而且在联系技术支持以征求意见、为项目寻找表演者和投资者时,以及仅仅在产生新想法时也有用。

详细描述这些页面

你需要清楚地了解你的应用程序中会有哪些页面,每一个页面上应该显示哪些信息。

通常情况下,申请书包括。

  • 主页。所有的用户都会来到这个页面,无论他们是否已经注册。
  • 管理门户。它将管理设置和账户。
  • 为具有不同访问级别的用户提供单独的页面。
  • 当执行某些操作时,会出现弹出式页面。
  • 不要忘记为用户提供的服务信息和确认行动的单独窗口(例如,同意发送数据)。

不要忘记数据交换

想一想你的应用程序将从哪里获取数据,又将从哪里发送数据。所有的信息都会来自于用户吗?哪些过程可以自动化?

一些数据可以从网站上获取或从会计程序中下载。为了简化你的应用程序的登录,使用大型服务的授权,如谷歌或Facebook。这需要单独的界面元素,例如,按钮 "上传数据 "或 "用Facebook登录"。

如果很难一下子想清楚所有的事情,那就用最低限度的必要功能创建一个布局,并分别写下你对未来想增加的内容的想法。如果你有任何困难--写给我们的技术支持的电报频道,我们将总是很高兴地帮助你!