设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

带你分享网页设计中的那些事

发表日期:2018-5-7 作者来源:派谷网络 浏览次数:

    有着十几年网站设计建设经验的派谷网络,一直以卓著网页设计为公司的主导品牌,同时在以往合作的大中小型企业也一直十分肯定我们的设计风格是非常独到的,深受广大用户的好评。可如何能够为客户设计出既能体现公司文化底蕴又能突显公司实力等因素的网页呢,在沙漠风具有多年设计经验的设计总监朱先生说:“网页设计的主要关键是客户体验度”。同时也总结了一下几年工作中是如何把用户体验放在首位的,也希望能够在今后网站建设中给大家提供一些帮助。

    一、界面设计的分类
 
  (一)以功能实现为基础的界面设计。交互设计界面最基本的性能是具有功能性与使用性,通过界面设计,让用户明白功能操作,并将作品本身的信息更加顺畅的传递给使用者,即用户,是功能界面存在的基础与价值,但由于用户的知识水平和文化背景具有差异性,因此界面应以更国际化,客观化的体现作品本身的信息。
 
  (二)以情感表达为重点的界面设计。通过界面给用户一种情感传递,是设计的真正艺术魅力所在。用户在接触作品时的感受,使人产生感情共鸣,利用情感表达,切实的反应出作品与用户之间的情感关系。当然,情感的信息传递存在着确定性与不确定性的统一。因此,我们更加强调的是用户在接触作品时的情感体验。
 
  (三)以环境因素为前提的界面设计。任何一部互动设计作品都无法脱离环境而存在,周边环境对设计作品的信息传递有着特殊的影响。包括作品自身的历史、文化、科技等诸多方面的特点,因此营造界面的环境氛围是不可忽视的一项设计工作,这和我们看电影时需要关灯是一个道理。
 
  二、界面的组成元素
 
   计算机的键盘与鼠标这两个物理接口是人机界面中最为传统的组成要素,但这些却逐渐成为人机界面发展的局限性。因为人类无法通过键盘鼠标将信息数据自由的 融入人类活跃的思维想象力当中,使得人类对人机界面产生疏离感。界面如何超越键盘与鼠标局限,进一步扩展数字系统和人类之间的界面,使数字系统真正进入人 类生活,成为现阶段的界面设计研究方向。
 
  (一)以动作作为界面。Henry See 长期研究关于计算机信息组织能力的相关探索。他的作品《关注》Regard强调了以动作为界面的装置作品,该装置建立在特定智能环境中,有一位正在看书的 虚拟人物,通过访问者的动作能对这名“读者”的动作产生影响。该作品是通过参与者的动作对虚拟人物的影响,表现了的参与者既尊重又侵犯了这名读者的私人空 间。索美与海格诺涅创作了一系列结合姿势追踪的装置。《植物转变》中,访问者的举动和身体形态影响着人工生物的种类。这是一个交互式环境,访问者进入这个 虚拟空间可以看见自己用身体创造了一个虚拟花园。身体的姿势,活动范围直接影响虚拟植物的生长。
 
  (二)以触摸与触感作为界面。克 里斯塔·索美与梅格诺涅:《移动电话感觉》探索了陌生人分享个人信息的双重情感。大卫·思莫和汤姆·怀特开发了一个以水作为人机界面的装置《意识水流》, 呈现了一个其表面浮动了文字投映的小瀑布,如果访问者尝试触摸这些文字将会使水和文字漾起小小的波纹:“你可以伸出手去触摸水流,试着隔断或者搅动文字, 使字形产生变化,转化为新的文字,进入排水管,回到水流源头,然后再次流出。”
 
  (三)以凝视作为界面。 Drik Luese brink和Joachim Sauter的《不可见》De-Viewer以象征的形式探索了注视的力量,观众可以通过欣赏挂在艺 术馆墙面的绘画作品,产生不同的变化。在绘画作品的后方隐藏了观众看不见的追踪器,实时追踪定位眼睛凝视的方向,即“眼睛追踪器”。当观众站在绘画作品面 前,观众聚焦的画面会消散,并且在旁边的一幅画中显示了观众聚焦的眼神。当作品超过三十秒钟无人观察,画面即恢复原状。该装置作品通过以凝视作为界面使观 众意识到无论他看向哪里,都是在用眼睛破坏影像。
 
  (四)以呼吸作为界面。查· 戴维斯Char`Davies创作了一系列用着各种有机物和地理景观的虚拟世界,这些虚拟世界与大多数虚拟现实环境差异很大,观众在他的作品中通过呼吸节 奏在虚拟世界活动,由此“消除自我与自然之间的界限”在国际电子艺术大会ISEA的《渗透》展览回顾中,安尼克·布如德总结道:“呼吸界面”对于一个作品 将观众成功传输到虚拟世界具有重要作用。《渗透》这部作品使我们关系密切,当我们呼吸它与我们相互渗透;并且这幅作品依赖于观众身体,他们的基本活动(呼吸和平衡)对于理解作品本身是非常重要的条件。
 
    三、界面设计要求
 
  1.以易操作性保证读者。交 互作品的界面设计采用超媒体链接技术,将文字、图形、图像、声音、动画等媒介要素,进行编排,使之成为一个连贯的整体,呈现在一个复杂的交互系统中。界面 反映的是信息的总和而并非单一的信息,倘若在提示、菜单和帮助产生相同术语,在不同的应用系统中应具有相似的界面外观、布局、交互方式及信息显示、界面设 计要保持风格的一致性。用户便可以根据自己的认知经验,明白功能操作通过界面上的视觉暗示正确选择内容,在任何地点都能回到主界面或退出整个多媒体 作品,因此每个操作对用户来说应是符合逻辑的用户能够较容易了解它要表达的信息与情感。
 
  2.界面设计时需要首先考虑的问题。交 互设计作为一种新媒体形态,必然要突出艺术的可视性本质,将新的艺术思想与理念融汇到作品当中,以此去吸引和影响用户。界面使读者打开交互作品时最先接触 到的层面,通过可视化界面上设计者运用的前卫化的艺术符号,虚拟化的空间结构营造跳跃式的视觉效果,可以引起用户美好的情感沟通,使得其对设计者通过作品 所传达的信息产生共鸣。界面设计的宗旨促进信息的传递以满足用户需求。当进行界面设计时,关键在于界面本身能否有效支撑交互,界面上的组件是为交互行为服 务的,它可以很美,很抽象很艺术化,但不能以任何理由破坏作品的交互功能和作用。
 
    四、网页界面的组成
 
   在确定web界面后,需要进一步确定界面的组织结构。与传统媒体不同的是,网页界面增加了生动性和复杂性,强调由代码语言编程实现的各种交互体验式效 果,但也使得在更多的页面元素排布及优化上值得网页设计者考虑。通常一个软件界面的元素包括界面主色调、字体大小与颜色、界面布局、交互方式、界面功能分 布、界面输入输出模式等。其中影响用户工作效率的元素包括:输入输出方式、交互方式、功能分布,在使用命令式交互方式的系统中,命令名称、参数也是界面元 素的内容。影响用户对系统友好性评价的元素则有:颜色、字体大小、界面布局等,软件界面作为一个整体,其中任何一个元素不符合用户习惯、不满足用户 要求都将降低用户对软件系统的认可度。
 
    五、用户需求分析
 
   网络的交互性如今已经成为网络界面设计中重要目标之一。为了能从设计的角度,更加提高网络的可用性,设计师们要全面的关注与了解用户的多元化要求及行为 特征。依靠正确的方法能够更加准确的记录和实现多元化的用户要求,网络界面的设计工作首先从对用户的调查分析开始,针对用户的需求、用户心理分析、用户的 网络常识、用户情感体验等分析直接影响用户使用的因素。在用户分析中要借助心理学、传播学、社会学等相关理论,以此分析在不同类型的用户中对界面不同的需 要以及反应,为交互系统的分析设计提供可靠的理论依据和参考,使设计出的交互系统更适合于各类用户的使用。
 
  1.体现以用户为中心的设计。首 先从对用户的调研开始、然后对用户建模、信息概念设计、网站原型设计到用户测试及方案实现,整个设计过程都始终围绕着用户进行,真正做到以用户为中心。保 证用户界面运作的一致性是网页界面设计的重点之一。在主页列表框的设计中,如果双击其中的一项,使得某些任务完成。由此双击列表框中的其中的任何一个项, 都应该有同样的任务完成。也就是所有窗口按钮的位置设计要达到一致性,提供的标签设计和信息要一致,颜色要一致。用户界面设计的一致性会使得用户对网络界 面运作建立起精确的心理模型,以此降低用户培训和支持成本。在页面视觉传达上,从网站的主题内容和定位来决定需要与之前运用的元素保持一致。
 
  2.减少用户思考的设计。一 般的短时记忆只能保持二十秒左右,最长不超过一分钟。在如此短的时间内我们能储存多少信息呢?答案是7士2即5~9个项目,平均为7个项目。可见,人在短 时间内注意力是集中和少量的,基于识别的用户界面在很大程度依赖于用户所关心对象的可见性,显示太多的对象和属性会让用户很难找到感兴趣的对象。同时,用 户不弃欢经常重复性输入一些信息,如个人账号,安全信息,操作习惯,下次操作行为等,这些占用了用户完成其他重要任务的时间。
 
  3.明确体现网站的特色服务。用户界面要非常明确地体现网站的特色服务,安排最大的空间并且在最显眼的位置来摆放网站的最大卖点和用户最关心最常用培训系统,而其他用户也会感兴趣的渠道信息、最新共享信息版块和论坛板块等放在界面较显眼的位置。这些都是基本满足用户需求,以用户为中心的界面计。
 
  4.迎合用户的习惯。迎 合用户的习惯,主要为了让用户在操作中简单到极致。作为1个Ul设计人员,我们应当多的去了解用户习惯在什么地方寻找导航栏、习惯把哪部分作为网站的重点,习惯在什么地方点击注册、习惯在什么地方找搜素框、习惯点击什么样的按钮、什么颜色会加速用户的心跳、增强消费的冲动。由此,根据用户的行为习 惯,对网站的整体布局进行重新策划,使得简单、简单、再简单、简单到极致,通过清晰的流程和界面,让用户减少对网站的思考以及寻找的时间;让准确的色彩和 表述减少用户心理斗争的时间。通过不断地调研,用各种可用性实验来计算用户在每一个界面下所需思考的时间,然后,最好的页面设计的评判标准就是用户耗费时间最少的那个页面。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻
网站建设解决方案