在哪里可以找到良好用户界面的灵感?[关闭]


18

关于为当前正在升级的桌面应用程序设计主屏幕界面,我有一个想法。当我第一次开发该程序时,屏幕分辨率为640 X480。今天有多种屏幕分辨率。

在哪里可以找到有关桌面应用程序主屏幕布局良好的想法?


1
这是什么类型的应用程序?PhotoShop / GIMP /图像,Eclipse / VS / codey,Maya / 3DStudio / Cad:是吗?
Macke

个人理财应用程序,数据保存在专有数据库中。
迈克尔·赖利

7
用户体验堆栈交换 -不是一个答案,但是由于您正在重新设计UI,因此认为您会发现它很有趣。
yannis 2011年


1
@Yannis-谢谢。。。昨天我完全迷路了。
Michael Riley-AKA Gunny,

Answers:


6

我建议您阅读几本不同的书,奇怪的是,它们并不专注于桌面应用程序GUI设计。无论如何,这些文本将帮助您开始思考如何以他们的大脑会理解的形式获取用户所需的信息。无论如何,第一本书是罗宾·威廉姆斯(Robin Williams )的《非设计师的设计书》。这本书将教您有关不是以图形设计为导向的术语的构图。这本书将使您开始思考人的大脑如何感知设计元素。

其次,请查看史蒂夫·克鲁格(Steve Krug)的《不要让我思考》。它处理网页上的导航和数据表示,但是许多建议(即面包屑导航)在台式机应用程序中的意义通常与在网页上一样。

正如另一位发帖人所指出的,在中等隔离度中不存在好的设计模式。有些东西在模拟和数字之间转换得不太好(例如,实际报纸中的多列文字与报纸应用程序相比),因为某些限制因媒体而异,但是无论哪种情况,好的设计原则都适用您正在谈论的媒介。



5

我经常听到的一个提示是,看一下您喜欢的设计以获取灵感。这不仅限于说桌面应用程序,还应扩展到艺术品,建筑,网络,摄影,产品等。

这将帮助您建立良好的设计感,并在长期运行的应用程序中给您带来愉悦和用户友好的感觉。

如果您对设计进行原型设计,则可以从用户或其他开发人员那里获得一些帮助,以便在收集反馈的同时进行尝试。不仅说什么,而且他们做什么。(例如:人们说他们不喜欢沃尔玛的凌乱小岛,但当您消除混乱时,他们的字面上损失了超过$ 1B的销售额)


3
+1用于原型制作。与其专注于“一个最好的主意!”,不如生成一大堆。然后,向一群人展示您的原型创意。您将获得很多反馈,并且可以改进设计。
Stephen Gross

[Walmart]当他们摆脱混乱时,实际上损失了超过$ 1B的销售额;引用?
funkybro

3
@funkybro纽约时报文章:nytimes.com/2011/04/08/business/08clutter.html?
_r=1


1

我始终遵循尽量减少点击和击键的规则。我不太擅长制作具有许多颜色和丰满按钮的性感外观UI,但是用户告诉我,使用UI轻而易举。 这是一个

我发现的一件事是用户喜欢即时响应。就像好莱坞。人们喜欢像素(最好是彩色像素)。他们真的很喜欢移动的像素。

为了使用户界面变得如此,并简化编码工作,很久以前,我想出了一种直到今天我仍然使用的方案- 差分执行。(我不能说我在宣传它方面运气不错,但是确实存在。它已经出版,FWIW。)

那只是我的两分钱。


您的Wiki页面已被删除。还有其他地方吗?
迈克尔·赖利

@Cape:是的,我的膝盖被割断了-关于新词。随你。我对SO标签“差异执行”进行了详细说明,并将实现放在sourceforge上。还有一些出版物,如果您需要一些令人眼花。乱的出版物,我会很乐意发送。也许更重要的是几年前我做过的一个拍卖应用程序,我可以拉近你的手。它在VC6(MFC)中,但不大,可以正常工作。
Mike Dunlavey

@Cape:事实上,我的Wikipedia 用户页面上仍然有它,但是据我看,它不是很好。
Mike Dunlavey

关于最大程度地减少点击次数和击键次数,需要考虑的一件事是思考时每次点击的成本。人们通常更喜欢几次单击,而几乎没有考虑到一些点击。显然,更少的盲目点击比几次无意识的点击要好。不要在让我思考中讨论了这个原则。
whatsisname 2011年

@whatsisname:感谢您的见解。我确实尝试使人们最想要的是“阻力最小的路径”。但是,不能总是这样做。
麦克邓拉维

1

我认为第一步是确定样式/主题。例如Windows 8 Metro与NT风格。

有关资源和灵感的一些建议(我提到了WPF / Web,但您当然不必使用它):

A-如果您想开始制作原型,这里的控件样式就是很酷的Web控件样式和控件

B-Component Factory确实使窗户具有良好的整容效果-他们甚至在以下位置提供一种免费产品:Component Factory

C-第三方GUI控制制造商的演示很好

D-尝试在此站点中搜索“ books”一词:用户体验 -您将获得大量帖子。

E-此WPF应用程序:WPF医疗保健应用程序

F-此WPF应用程序:Billy Holis-WPF 以及以下版本的完整版本:WPF-StaffLynx

G-如果您愿意,可以使用Metro风格的工具。检查一下:Metro Style

您可能已经知道,最重要的是,在努力与价值之间取得平衡。

编辑

DevXpress发布了一个支持Metro Style的新版本,刚刚看到了视频Toad DevXpress-2


1
E-WPF-医疗保健应用程序的链接已断开。
Michael Riley-AKA Gunny,

@CapeCodGunny,感谢您的来信,现在应该可以:)
NoChance 2011年

0

我不能高度推荐Edward Tufte的书《定量信息的视觉显示》。确实让您考虑正在呈现的内容以及原因。他所有的书都不错,但我发现自己最常提及这一本书。

我发现一本不错的“ UI设计模式”书是《设计接口》。它包含有关设计布局,导航,显示复杂信息和设计输入表单的部分。有一本类似的书关于设计社交界面(足够恰当地称为Designing Social Interfaces),但是我没有读过它,所以我不知道该如何推荐它。


您从图夫特的书中发现的最有用的东西是什么?它如何改变了您的想法?
迈克尔·赖利

老实说,您认为这对初学者来说是一本不错的书吗?我不。这是一本非常有价值的书,但是有点像建议他们在想做的就是烤一批饼干时就学会开一家餐馆。
布莱恩·奥克利

@CapeCodGunny:真正让我坚持的是他对典型表示方式的解构,将其简化为最基本的要素(第6章)和“图形完整性”部分。
TMN

@BryanOakley:他说他最初设计的屏幕分辨率为640x480,这必须是几年前的事情,所以我怀疑他是一个初学者。而且他也没有表示用户界面很简单(或者不是)。我只是涉及一些资源,帮助,当我开始真正用户界面设计,而不是仅仅坚持了一堆的文本框和标签在屏幕上。
TMN

@Bryan-我的产品已有20年历史,已经从DOS到Windows。它仍然销售,但已过时。
迈克尔·赖利

0

已经推荐了一些精美的书。UX Stack Exchange网站拥有更好的设备来处理此类问题,但也不完全是题外话。

首先,mediaqueri.es是解决您特定问题的理想资源,因为它是网站和Web应用程序的库,这些库都经过自适应设计以适合不同的屏幕分辨率和用户代理。

媒体查询

还可以查看Smashing Magazine。这是一个前端开发天堂的博客,其中包含有关UX / UI,HTML / CSS / Javascript,图形设计和Web设计的文章。他们还发布了一些帖子,用于研究特定的网站和营销活动,并查看他们在UI / UX决策中做对了还是错了。定期检查此站点,以获取有关这些主题的每日提示。

然后,当您获得灵感时,请看一下我专门针对此类主题出演的一些SO / SE问题。这些只是任何人的常规资源,而不仅仅是OP:

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.