在Web和桌面应用程序之间构建UI的差异

Question

Web应用程序的UI构建方式与桌面应用程序的UI不同.我很想知道在以下几个方面在两种应用程序样式之间构建UI的主要区别是什么:

1.使用技术

2.使用的技术

3.使用的控制

4.屏幕改变行为

Answer 1

在Web Design中你不能忽视的一件重要事情是后退按钮.成千上万的人试图禁用或绕过它.不要试图绕过后退按钮!而是将后退按钮作为设计的一部分.

Answer 2

很多人忽视的一个很大的设计差异是窗户本身的结构.

• 桌面应用程序倾向于以最小高度和宽度分辨率(通常为800*600)构建,并尽可能努力将所有相关信息拟合到小于该尺寸的尺寸,因为滚动条通常非常糟糕的做法非表格/列表数据.在需要更多空间的情况下,信息通常被分成新窗口或子窗口窗格/标签.
• 另一方面,Web应用程序具有基本上无限的垂直高度,因为大多数人习惯于在其Web浏览器中滚动.滚动条不再是坏事; 事实上,利用滚动条的任何地方,其中可以使用的主要的一个通常被认为是不好的形式(也有少数例外,当然).信息通常在一个"窗口"中描绘,因为拆分它需要单独的页面加载,并重新加载相同的数据(样式,菜单等等.是的,有一个缓存,但它没有加载单个的快页).更多的负载总是更慢,并导致不连续的感觉.有时它们是不可避免的,但你几乎不应该只将应用程序限制在浏览器窗口的可见大小.
• 很多人使用网络浏览器阅读.新闻,博客,youtube上的评论等等.当你制作一个网络应用程序时,它应该反映这种习惯,因为如果他们在网页和你的应用程序之间切换,你将通过截然不同的布局来扼杀人们的大脑(你知道那个一些会).看起来你似乎只是在抄袭大玩家,但是一致性比看上去要重要得多.
• 文本列不应该超宽,因为线越宽,跳到下一行继续阅读就越难.坚持类似于书籍的东西; 他们已经被精炼了几个世纪.这就是为什么许多网页都是固定宽度的原因之一,并且有利于列的行.
• 白色空间很重要.它有助于分离信息,并使处理更容易.想象一下,在没有任何空格,新行或子弹的情况下阅读此回复.

我的一个小小的烦恼是文本链接,执行频繁的操作.除非您实际上"链接"到单独的页面,否则不要使其看起来像链接.使它成为一个控件,或图像,或其他东西.链接用于移动网站,按钮做事情.当他们想要做某事时,大多数人会主动忽略蓝色,带下划线的文本,因为他们习惯于"提交表单"按钮或类似的东西.链接也相当小,比较难单击重复动作和对我的臭气不完整的设计/编码的广泛使用时.

我见过的许多网络应用程序通常都失败了,试图在浏览器窗口中复制一个桌面应用程序......这样就可以将圆形挂钩装入方孔中.它可以做到,但它们不是一回事,在任何情况下都不应该这样对待.
部分例外是Web应用程序复制桌面应用程序(即Google文档)的功能.然后,在大多数情况下,布局应该仍然反映网页而不是应用程序,但控件应该可能模仿桌面应用程序以帮助人们过渡.

大多数人使用自己的桌面上的程序做的事情.大多数人使用他们的浏览器来看东西(阅读,观看等).当然,这是交叉,但想想大多数人的日常习惯,并记住其他人将使用你设计的东西; 这不只是你(和你的克隆).

而且,虽然它重复其他,但后退按钮是至关重要的.如果你打破它,用户会想要打破你.覆盖右键单击菜单或行为通常也是一个坏主意,并且主要是惹恼用户(有些人会主动阻止这样做的javascript,因为它太烦人了(包括我自己)).