Salad UN

To Taste The Salad Of Life.

« sql数据导入导出 视觉对交互的帮助——提升可用性-2 »

视觉对交互的帮助——提升可用性-1

[ At 2008-9-5 By Ash   0 comments ]

[视觉对交互的帮助——提升可用性-1]
[视觉对交互的帮助——提升可用性-2]
[视觉对交互的帮助——提升可用性-3]
[视觉对交互的帮助——提升可用性-4]

在整个产品设计的过程中,视觉设计与交互设计的“工序”非常紧密,两者关系也是相辅相成,互相影响。而视觉界面作为最直接与用户交流的层面,如何把交互设计以良好表现形态展现给用户,这里主要集中探讨视觉在提升交互的可用性方面的作用:

  1. 提升可浏览性
  2. 精确与高效地传递信息与任务
  3. 贴合用户的心智模型
  4. 让交互富有情感

1.提升可浏览性:

1)信息结构的良好表现

视觉设计在对交互的帮助中,首要满足对产品与交互信息结构的展现,展现信息的清晰可读性,然后才是品牌,情感的传达。视觉语言可以通过分层,分类,对比等语言手段对产品概念及信息进行处理。
例:


pic.01


pic.02

对上面两图进行对比,同样都是文章详情页面,相信没有多少用户在浏览pic01时能快速准确地知道网站想给他什么信息,或者让用户做什么。信息主次的分布,层级,色彩,均无做好有效分布,用户一边迷惑,一边迷路。而pic02对内容按主次程度来划分,最重要的文章详情信息一目了然,结构有序,条理清晰。
我们能感受到视觉语言的有效干预,能对信息结构的展现起到很大的帮助作用。

 

出处:Taobao.com UI Team



 

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Spirit Build 80722 Code detection by Codefense

Copyright 2008 www.s-un.cn. Some Rights Reserved.