设计思想:商务Web应用程序的界面设计(6)

http://www.itjxue.com  2015-08-07 21:41  来源:未知  点击次数: 

六. 不要忘记用户界面设计版式
我们对界面设计版式的讨论已经很习惯了,但有时却还会忽视它们!用户界面设计版式对设计用户界面是很有帮助的。版式往往能解决常见问题,合理的版式可以方便用户熟悉界面,尽快上手。因此,你要在设计流程的初期阶段就考虑版式,最好在草图阶段就开始。

 


这张截图来自12个标准屏幕版式 ,这篇文章能帮你重温最常见的屏幕版式。

其他阅读资料:
Web界面设计:富交互的原则和版式
这是一本出色的著作,涵盖了70多个网页设计版式。
40多个有关用户界面设计版式的素材

七. 案例教学:网上银行
接下来我举一个真实的案例,用来简单介绍设计“小型银行网银系统的用户界面”的流程。我所在团队参与了改善该系统的工作。这次改版的主要原因,用他们管理人员的话说就是:“用户经常抱怨,其中有许多人已经不再使用了。”

与实际用户共处了几个小时后,我们便发现了主要问题。账户与信用卡信息被深埋在了次级导航中。用户很难看到消费信息,以及账户和信用卡状态。显然,该应用程序已经变成为银行员工设计的了,只有他们才熟悉专业术语,很好地解读程序中的数字。

在紧迫的时间内,我们遵循了文中所描述的设计流程,并取得了一定成功。由于问题明显,在时间很短的情况下,我们依旧清楚地了解自己的主要任务和行动方式。我们创建了一个“仪表板”,提供了所有帐户及信用卡状态的明确信息。新的导航让用户更方便地查询信息。同时报告也方便用户理解了,还加入了一些新的功能。

我们只进行了部分调整,但由于改善了用户完成关键任务的流程,也就极大地提高了整体的用户体验。

八. 最后的思考
商务Web应用程序的界面设计是一项艰巨的工作,它充斥着各项妥协。你必须在客户和用户需求之间,商务需求和用户之间,新手和专家用户之间,功能和简洁之间妥协。它需要你充分理解用户和他们的任务,以及界面设计准则和版式。尽管困难,但这项工作却很有趣,你可以从每个项目中学到很多新的东西,并将它用到网站设计中去。

(责任编辑:IT教学网)

更多