c# - 如何在考虑到 Web 和移动应用程序的情况下进行桌面应用程序开发？

Question

我的任务是制作具有“性感”**外观和感觉的桌面应用程序。我打算使用 WPF 来实现这一点。其中一个要求是桌面应用程序稍后将扩展为 ASP.NET MVC web 应用程序，然后是移动(可能首先是 Android)应用程序，同时保持相同的外观和感觉。

**在这种情况下，“性感”意味着滑动菜单，以及总体上现代的外观和感觉

考虑到这一点，如果我想重用组件(和/或)样式，在开始桌面 UI 设计时最好采用什么方法？

例如在创建桌面应用程序时，我会为 UI 使用 XAML，但考虑到应用程序的 Web 版本应该看起来与桌面相同，我应该/可以改用 HTML/CSS 吗？这么想是不是很可笑？

Answer 1

这个问题你会得到 1000 个答案，但是是的，我认为这是不可能的。我将尝试解释原因(仅考虑用户界面)。

为什么

对我而言，重点不在于您可以重用什么，而是您应该重用什么。

桌面应用程序、网络应用程序和移动应用程序是不同的。不同的目标、不同的用户界面、不同的标准。例如，您使用最喜欢的文字处理器的方式适用于桌面应用程序(菜单、功能区、上下文菜单和其他任何东西)，但它不适合 Web 应用程序的外观和感觉。在您导航的 Web 应用程序中，可能没有很多对话框，用户可以在页面之间来回移动。现在想象一下同样的移动应用程序!它必须设计为可以用手指使用，按钮必须很大并且根本不应该有对话框(而且我过度简化了主题)。

对于这些平台，应用程序甚至不应该相似，每个平台都有自己的特点和指南。如果您不遵循它们，您的用户将不会对您的应用程序感到满意，即使它的 UI 真的很性感。如果您想为网络编写一个好的应用程序，那么请确保它与桌面版本和移动版本不同(有时，但这取决于应用程序的类型，完全不同)甚至更加不同(甚至不考虑语言和开发环境)。
你想象一个桌面版的 StackOverflow 站点吗？你认为它应该看起来和行为一样吗？我猜你的回答将是“否”，即使我们都理解 SO 在网络上的工作方式。

看看这个:

• Android User Interface Guidelines
• Windows User Experience Guidelines

即使没有针对网络的标准指南，也可以看看这篇文章(并想象一下将这些技巧用于桌面应用程序):

• http://uxdesign.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/

您可以看到多少个接触点？此外，对于一组受限的应用程序，您可能会稍微融合 Web 用户界面和桌面用户界面(移动应用程序在使用上总是大不相同)，但这取决于您的用户类型有和他们的背景和经验。

什么

如果您使用 WPF 编写应用程序，则可以重用部分代码来为 Web 构建 Silverlight 应用程序。我敢肯定您不会重用所有内容，因为对于现实世界的应用程序，它们之间的差异太大了。

对于 Android(甚至考虑为 Mono 编写)，您根本无法重用它们(好吧，这将是一个引用，但您必须重写)。当然，如果您将使用 Windows Phone，您的 XAML 将被部分重用，甚至您的代码。

使用 HTML/CSS 的想法不错，您可以用 HTML5/CSS3/JavaScript 编写桌面应用程序，它可以在任何地方运行(Windows 8 桌面、Web 和移动设备)。好吧，至少有一些修改。

不要忘记可以从移动设备使用网络应用程序。您可能必须使用适当的 CSS 来优化应用程序(并且可能使用您最喜欢的 JavaScript 框架的移动版本)，但这不是(那么)大的工作。