网站界面设计需要迎合用户操作习惯

标签: 交互设计 | 发表时间:2013-05-05 18:16 | 作者:y26
出处:http://www.yixieshi.com

  通过对界面设计不同需求进行的分类以及界面设计元素对用户行为的影响,来研究用户在界面设计中所体现的重要性。交互性已经成为网络界面设计中设计追求的目标。为了使设计满足可用性要求,全面的了解用户特征及多元化要求是十分必要的。这就需要找到正确的方法来记录和实现多元化的用户要求。

网站界面设计

  界面是人与物体互动的媒介,换句话说,界面就是设计师赋予物体的新面孔[1]。

 一、界面设计的分类

  (一)以功能实现为基础的界面设计。交互设计界面最基本的性能是具有功能性与使用性,通过界面设计,让用户明白功能操作,并将作品本身的信息更加顺畅的传递给使用者,即用户,是功能界面存在的基础与价值,但由于用户的知识水平和文化背景具有差异性,因此界面应以更国际化,客观化的体现作品本身的信息。

  (二)以情感表达为重点的界面设计。通过界面给用户一种情感传递,是设计的真正艺术魅力所在。用户在接触作品时的感受,使人产生感情共鸣,利用情感表达,切实的反应出作品与用户之间的情感关系。当然,情感的信息传递存在着确定性与不确定性的统一。因此,我们更加强调的是用户在接触作品时的情感体验。

  (三)以环境因素为前提的界面设计。任何一部互动设计作品都无法脱离环境而存在,周边环境对设计作品的信息传递有着特殊的影响。包括作品自身的历史、文化、科技等诸多方面的特点,因此营造界面的环境氛围是不可忽视的一项设计工作,这和我们看电影时需要关灯是一个道理。

北京SEO公司

  二、界面的组成元素

  计算机的键盘与鼠标这两个物理接口是人机界面中最为传统的组成要素,但这些却逐渐成为人机界面发展的局限性。因为人类无法通过键盘鼠标将信息数据自由的融入人类活跃的思维想象力当中,使得人类对人机界面产生疏离感。界面如何超越键盘与鼠标局限,进一步扩展数字系统和人类之间的界面,使数字系统真正进入人类生活,成为现阶段的界面设计研究方向。

  (一)以动作作为界面。Henry See长期研究关于计算机信息组织能力的相关探索。他的作品《关注》Regard强调了以动作为界面的装置作品,该装置建立在特定智能环境中,有一位正在看书的虚拟人物,通过访问者的动作能对这名“读者”的动作产生影响。该作品是通过参与者的动作对虚拟人物的影响,表现了的参与者既尊重又侵犯了这名读者的私人空间。索美与海格诺涅创作了一系列结合姿势追踪的装置。《植物转变》中,访问者的举动和身体形态影响着人工生物的种类。这是一个交互式环境,访问者进入这个虚拟空间可以看见自己用身体创造了一个虚拟花园[2]。身体的姿势,活动范围直接影响虚拟植物的生长。

  (二)以触摸与触感作为界面。克里斯塔・索美与梅格诺涅:《移动电话感觉》探索了陌生人分享个人信息的双重情感。大卫・思莫和汤姆・怀特开发了一个以水作为人机界面的装置《意识水流》,呈现了一个其表面浮动了文字投映的小瀑布,如果访问者尝试触摸这些文字将会使水和文字漾起小小的波纹:“你可以伸出手去触摸水流,试着隔断或者搅动文字,使字形产生变化,转化为新的文字,进入排水管,回到水流源头,然后再次流出。”

  (三)以凝视作为界面。Drik Luese brink和Joachim Sauter的《不可见》De-Viewer以象征的形式探索了注视的力量,观众可以通过欣赏挂在艺术馆墙面的绘画作品,产生不同的变化。在绘画作品的后方隐藏了观众看不见的追踪器,实时追踪定位眼睛凝视的方向,即“眼睛追踪器”。当观众站在绘画作品面前,观众聚焦的画面会消散,并且在旁边的一幅画中显示了观众聚焦的眼神。当作品超过三十秒钟无人观察,画面即恢复原状。该装置作品通过以凝视作为界面使观众意识到无论他看向哪里,都是在用眼睛破坏影像。

  (四)以呼吸作为界面。查・戴维斯Char`Davies创作了一系列用着各种有机物和地理景观的虚拟世界,这些虚拟世界与大多数虚拟现实环境差异很大,观众在他的作品中通过呼吸节奏在虚拟世界活动,由此“消除自我与自然之间的界限”在国际电子艺术大会ISEA的《渗透》展览回顾中,安尼克・布如德总结道:“呼吸界面”对于一个作品将观众成功传输到虚拟世界具有重要作用。《渗透》这部作品使我们关系密切,当我们呼吸它与我们相互渗透;并且这幅作品依赖于观众身体,他们的基本活动(呼吸和平衡)对于理解作品本身是非常重要的条件。

 三、界面设计要求

  1.以易操作性保证读者。交互作品的界面设计采用超媒体链接技术,将文字、图形、图像、声音、动画等媒介要素,进行编排,使之成为一个连贯的整体,呈现在一个复杂的交互系统中。界面反映的是信息的总和而并非单一的信息,倘若在提示、菜单和帮助产生相同术语,在不同的应用系统中应具有相似的界面外观、布局、交互方式及信息显示、界面设计要保持风格的一致性[3]。用户便可以根据自己的认知经验,明白功能操作通过界面上的视觉暗示正确选择内容,在任何地点都能回到主界面或退出整个多媒体作品,因此每个操作对用户来说应是符合逻辑的用户能够较容易了解它要表达的信息与情感。

  2.界面设计时需要首先考虑的问题。交互设计作为一种新媒体形态,必然要突出艺术的可视性本质,将新的艺术思想与理念融汇到作品当中,以此去吸引和影响用户。界面使读者打开交互作品时最先接触到的层面,通过可视化界面上设计者运用的前卫化的艺术符号,虚拟化的空间结构营造跳跃式的视觉效果,可以引起用户美好的情感沟通,使得其对设计者通过作品所传达的信息产生共鸣。界面设计的宗旨促进信息的传递以满足用户需求。当进行界面设计时,关键在于界面本身能否有效支撑交互,界面上的组件是为交互行为服务的,它可以很美,很抽象很艺术化,但不能以任何理由破坏作品的交互功能和作用[4]。

 四、网页界面的组成

  在确定web界面后,需要进一步确定界面的组织结构。与传统媒体不同的是,网页界面增加了生动性和复杂性,强调由代码语言编程实现的各种交互体验式效果,但也使得在更多的页面元素排布及优化上值得网页设计者考虑。通常一个软件界面的元素包括界面主色调、字体大小与颜色、界面布局、交互方式、界面功能分布、界面输入输出模式等。其中影响用户工作效率的元素包括:输入输出方式、交互方式、功能分布,在使用命令式交互方式的系统中,命令名称、参数也是界面元素的内容[5]。影响用户对系统友好性评价的元素则有:颜色、字体大小、界面布局等,软件界面作为一个整体,其中任何一个元素不符合用户习惯、不满足用户要求都将降低用户对软件系统的认可度。

五、用户需求分析

  网络的交互性如今已经成为网络界面设计中重要目标之一。为了能从设计的角度,更加提高网络的可用性,设计师们要全面的关注与了解用户的多元化要求及行为特征。依靠正确的方法能够更加准确的记录和实现多元化的用户要求,网络界面的设计工作首先从对用户的调查分析开始,针对用户的需求、用户心理分析、用户的网络常识、用户情感体验等分析直接影响用户使用的因素。在用户分析中要借助心理学、传播学、社会学等相关理论,以此分析在不同类型的用户中对界面不同的需要以及反应,为交互系统的分析设计提供可靠的理论依据和参考,使设计出的交互系统更适合于各类用户的使用[6]。

  1.体现以用户为中心的设计。首先从对用户的调研开始、然后对用户建模、信息概念设计、网站原型设计到用户测试及方案实现,整个设计过程都始终围绕着用户进行,真正做到以用户为中心。保证用户界面运作的一致性是网页界面设计的重点之一。在主页列表框的设计中,如果双击其中的一项,使得某些任务完成。由此双击列表框中的其中的任何一个项,都应该有同样的任务完成。也就是所有窗口按钮的位置设计要达到一致性,提供的标签设计和信息要一致,颜色要一致。用户界面设计的一致性会使得用户对网络界面运作建立起精确的心理模型,以此降低用户培训和支持成本。在页面视觉传达上,从网站的主题内容和定位来决定需要与之前运用的元素保持一致[7]。

  2.减少用户思考的设计。一般的短时记忆只能保持二十秒左右,最长不超过一分钟。在如此短的时间内我们能储存多少信息呢?答案是7士2即5~9个项目,平均为7个项目。可见,人在短时间内注意力是集中和少量的,基于识别的用户界面在很大程度依赖于用户所关心对象的可见性,显示太多的对象和属性会让用户很难找到感兴趣的对象。同时,用户不弃欢经常重复性输入一些信息,如个人账号,安全信息,操作习惯,下次操作行为等,这些占用了用户完成其他重要任务的时间。

  3.明确体现网站的特色服务。用户界面要非常明确地体现网站的特色服务,安排最大的空间并且在最显眼的位置来摆放网站的最大卖点和用户最关心最常用培训系统,而其他用户也会感兴趣的渠道信息、最新共享信息版块和论坛板块等放在界面较显眼的位置。这些都是基本满足用户需求,以用户为中心的界面计。

  4.迎合用户的习惯。迎合用户的习惯,主要为了让用户在操作中简单到极致。作为1个Ul设计人员,我们应当多的去了解用户习惯在什么地方寻找导航栏、习惯把哪部分作为网站的重点,习惯在什么地方点击注册、习惯在什么地方找搜素框、习惯点击什么样的按钮[8]、什么颜色会加速用户的心跳、增强消费的冲动。由此,根据用户的行为习惯,对网站的整体布局进行重新策划,使得简单、简单、再简单、简单到极致,通过清晰的流程和界面,让用户减少对网站的思考以及寻找的时间;让准确的色彩和表述减少用户心理斗争的时间。通过不断地调研,用各种可用性实验来计算用户在每一个界面下所需思考的时间,然后,最好的页面设计的评判标准就是用户耗费时间最少的那个页面。


相关 [网站 界面 设计] 推荐:

UI界面设计中的工具,软件,网站等

- 临峰 - 设计之外 - UCD大社区
都是一些UI界面与设计使用的元素,软件,网站等. 内容很丰富,适合网页设计师,用户体验设计师,界面设计师,产品设计师,JS前段开发,手机产品设计,ipad产品设计等使用. Lumzy是一个网站应用和原型界面制作工具. 使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中. Lumzy还具有团队协作编辑工具.

网站界面设计需要迎合用户操作习惯

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  通过对界面设计不同需求进行的分类以及界面设计元素对用户行为的影响,来研究用户在界面设计中所体现的重要性. 交互性已经成为网络界面设计中设计追求的目标. 为了使设计满足可用性要求,全面的了解用户特征及多元化要求是十分必要的. 这就需要找到正确的方法来记录和实现多元化的用户要求.   界面是人与物体互动的媒介,换句话说,界面就是设计师赋予物体的新面孔[1].

【界面设计】22个给你带来灵感的网站设计

- - 爱午茶 创意烘培坊
网站最为最原始的网络载体一直存活到现在,不仅没有缩水的形式,反而呈现出扩展的趋势. 因为电脑的存在,大众化的公共方式,网页游戏等等. 设计师们总是挖空心思的想设计出一流的页面出来. 从早期的复杂的风格,涂鸦风,拼贴风,直到苹果的出现改变了这一切. 大家都开始走简约,留空的设计风格. 午茶今天和大家分享一些设计的很好的网站,希望大家喜欢.

命令行界面设计

- 海洋 - 笨兔兔
虽然已存在大量关于图形用户界面(GUIs)设计的文章,可是介绍命令行界面(CLIs)设计的却很少. 本文尝试介绍几个关于CLI设计最重要的准则. 本文假设该命令行工具用语 *nix 系统(例如 GUN/Linux、BSD、Mac OS X,UNIX),并且会频繁地参考这些系统中的常用工具. 非交互式程序在调用后不再需要任何用户干预.

Android 应用界面设计

- - 互联网的那点事...
与 iOS 相比,Android 系统界面存在各种不协调,应用界面本身缺乏统一的规范. 虽然 Android 的开放性为应用的自主发挥带来了最大的可能性,但如果系统本身能够提供标准的范例,也未必是一件坏事,毕竟许多应用并不一定需要独创的界面. 从 Android 4.0 开始,系统界面在一致性上有了许多改善,那么 Android 应用的界面应该如何设计.

界面设计中的结构设计

- - 博客 - 伯乐在线
构建界面视觉层级的元素有颜色的显著程度,图片、文字的尺寸大小,还有最基础的,内容的组织结构. 结构设计是指对界面内容进行分组,对界面中的信息、数据进行设计使之结构化呈现的过程. 好的结构设计能使界面信息传达更加清晰、快捷. 这是最常见的分组方式,在UI设计中历史悠久. 不管是线、框,还是背景色,都是可见的边界,本来引入这些可见边界的目的就是为了使信息的呈现更加清晰,但是这些视觉元素的加入也在一定程度上增加了界面的凌乱感.

网站首页的设计

- - 标点符
网站首页的设计是一件非常让人头痛的事. 虽然她看上去很简单:产品经路随便从网站里拿点东西出来,堆出一个看上去靠谱的页面. 也正因此,它往往非常麻烦:很多人都可以发表自己的见解,以致最终陷入到无尽的争执中. 首页的设计相对于其他页面要难的原因是,其他页面更多的是解决用户“能做”的问题,而首页的更多要解决用户“想做”的问题.

移动界面隐喻设计

- 星空无语 - 优涩控
是的,有些时候,我就在想这个简单的问题,而那时我的答案还是:界面是对软件应用解决方案的显性,使用图形化符号,向使用者解释它的功能与任务. 但最近一些认知却让我对这个问题有了新的回答:界面就是软件应用它本身. 它不是一份对软件应用功能的图形化说明书,不是对软件应用功能与任务的图形化翻译,它就是软件应用本身,并且与之浑然天成.