在Web应用程序中,您需要什么技能来进行适当的UI/交互/功能设计?

有很好的设计感。对于程序员来说,这是一件很难理解的事情。有时,程序员会很好地理解什么是有效的,但不知道如何创建实际上最有效或很好的东西。主要是它需要的能力,采取一切,并愿意在自由移动,直到某物只是点击作为工作。

我做这件事的方法是找出如果有人在哪里做这件事,那么什么是最合乎逻辑和最常见的想法,即如何在线或离线完成一项任务,然后看看如何复制它。思考简短、简洁、清晰、易懂、合乎逻辑。如果你可以把它交给一个没有任何指示的人,他们可以做你想让他们做的一切,而且更多的工作。如果他们需要在你的应用程序上做日常工作的指导,这是一个糟糕的设计。

我还想说,看看其他一些应用程序,它们在你甚至没有意识到的水平上对你有吸引力,只是出于某种原因而工作,并尝试复制它们。

我认为你能做的最好的事情就是简单地使用软件。

当我在开发应用程序时,我倾向于在周末(有时更快)通过电子邮件将它们发送回家远离“工作模式”,正常安装它(即不从IDE运行),然后使用它。

很难摆脱“测试模式”,实际上“忘记”你知道应用程序。但一旦你进入其中,它可能 真的? 很有用,也很开眼(是的,有时候当你意识到“酷的小功能”实际上很烂,需要重新实现时,你会心碎!).

我的老板说我对可用性很敏感。我喜欢这样:

我认为,某种类型的可视化原型(即使是用HTML和CSS完成的)是最好的。我的诱惑是稍后开始编码和担心接口,这通常会导致一些非常糟糕的事情(至少对我来说)。我开发这个 出色的功能 最后,我加快了界面的速度,这样我就可以很快拥有工具来获取我的代码。

我忘记了我在哪里听到的,但对于最终用户来说,您的界面就是您的应用程序。如果你想取悦用户,你应该从界面开始,让它指定你将提供的功能。

最佳实践取决于团队成员的才能。

首先,一定要写用户故事(如果可能的话,让它成为一个团队活动),把它们载入lighthouseapp.com或你最喜欢的票务系统——只有前10-20个是你需要滚动的所有内容。

如果您有一个UI设计器,那么页面的原型可能很有用。但是,如果软件开发人员有相当好的HTML/CSS技能,我更愿意尽快得到一个干净的UI/HTML/CSS的工作原型。这个输出可以交给“现代网页设计师”,他可以修改/修饰HTML/CSS。设计人员应该通过源代码管理系统使用与开发人员相同的代码库。

一些“年长的学校设计师”会因为他们“装饰网站”的建议而生气,并坚持给程序员一个photoshop文件。对于一个简单的营销网站来说,这可能是可以的,但我不喜欢构建一个令人惊奇的webapp的过程。

这里的人给了很多小费。

“视觉美观”和“功能性”(或易用性)之间存在区别。实际上,你可以有一个没有另一个。这个论坛是一个很好的例子,它有很高的可用性,但坦率地说,是丑陋的-对不起,斯塔克,我仍然爱你:)

事实是你需要 技能 做一个好的界面。这是多年实践的结果。我通常被签约来为一个新的应用程序设计整个用户界面。我很少看到程序员或图形设计师具备这些技能(这是一个狭窄的市场)。我发现在大学里,我对HCI、UI设计和可用性分析有着天生的敏锐性。通过大量的阅读和学习经验,我进一步提高了这些技能。 做很多UI设计。 所以,我要说的是,如果你真的想成为一个优秀的用户界面设计专家,就要准备好做一些艰苦的工作。你可以做任何你想做的事情,但是如果你花时间研究用户界面设计,这意味着你不会花时间学习Ruby on Rails的敏捷性,或者任何最流行的技术。

一些一般提示:

• 如果您正在构建Web软件应用程序(而不是小型企业网站),那么Lo-Fi原型设计就非常好。把一群人聚集在一起,一堆肉店的纸和彩色马克笔,你会惊讶于在几天内你能画出多少屏幕。

• 您的软件应该是自显式的 . 你的软件不需要用户手册。我开发的CMS没有用户手册,我有几十个客户使用它,他们都没有向我要求过手册。

• 看“大男孩”做什么。如果易趣的搜索框是这样的:“[……”(搜索),那么也要这样做(而不是非标准的,但可以这样做:“搜索:[……”(开始))。这被称为 功能可见性 . 你在利用人们对其他系统的熟悉,让他们从你自己的系统如何工作开始。

我推荐这本书:

• Dont Make Me Think Usability

我还有一些博客文章可以帮助:

• wireframes and mockups
• needs analysis for business websites

我们所做的一些事情:

1. 大量的原型,在纸上、在Photoshop中以及有时实际的实现中探索不同的概念
2. 修剪东西,反复。不要试图让整个应用程序完成并在第一次完善(因为你心里知道这不会发生)
3. 对聪明的明晰度,这是我在做用户体验工作时,发现自己在问的最新事情之一,肯定图标和小东西看起来很好,但它们是否清晰和简洁?
4. 关注用户目标,对于开发人员来说,一次关注一个屏幕,一次关注一个任务是很常见的趋势。记住,使用你的应用程序的人并不是这样想的,他们有一个目标,所以尽量让你自己进入这个目标。
5. 尽可能多地使用您正在构建的软件,没有更好的方法可以看到它是错误、缺点和问题,然后自己去体验它们。

@布赖恩·沃肖-我想那是阿扎·拉斯金说的, this video i think

对于大多数程序员来说,设计一个完全创新的用户界面非常困难(仅仅是我吗?)。我发现Web应用程序的有用的构建/设计用户界面总是在浏览Internet或使用任何其他桌面应用程序时寻找一个漂亮、易于使用和优雅的用户界面。如果你只是为手头的任务找到最有效的用户界面(由其他人设计,在其他地方),那么你就可以很好地为你的应用程序实现和创建更好的用户体验。 例如,当我输入这个答案时,我喜欢它显示答案的实时预览的方式,有一个选项“隐藏预览”-我肯定希望在构建用户论坛界面时使用类似的交互类型。

弄清楚你在构建什么以及你的产品代表什么是构建一个成功应用程序的关键。我最近写了一篇关于需求收集的博客,其中谈到了这一点。您可以在这里阅读: How to improve your requirements gathering skills.

此外,我还遵循以下一些高级原则,以确保我用愉快的体验打造出正确的产品:

了解用户和客户之间的区别。 批准闪亮项目的企业主通常是客户。然而,一个毁灭性的错误是将它们混淆为用户的倾向。客户通常是认识到产品需求的人,但用户是实际使用解决方案的人(并且很可能会在以后抱怨产品不满足的需求)。 转到多个人

因为我们都是人类,我们往往不记得每一个令人痛苦的细节。当你和更多的人交谈和交叉检查时,你会增加发现遗漏需求的可能性。

避免特价商品 当用户要求非常具体的东西时,要小心。总是质疑这些偏见,看看这是否真的能让你的产品变得更好。

原型 不要等到启动时才向用户显示您所拥有的内容。做频繁的原型(你甚至可以称之为测试版)并在整个开发过程中得到持续的反馈。这样做可能会发现更多的需求。