WEB交互设计

文章描述:WEB交互设计-源自桌面系统,根源于生活.

WEB交互设计-源自桌面系统,根源于生活

从DOC时代发展到现在的桌面时代

 我们的web设计其实源自操作系统内的软件设计,这是最好的参考。拿windows 7系统的 media player来说,如图的交互状态:

media player非常的容易上手,使用很便捷简单。 主次功能何时显示,会帮助用户做出正确的指引。

而你会发现,这其实就是按照我们生活中的收音机,或音乐播放器来做的。使用其他产品如是。如计算器等等;

按钮有基本三种状态:默认,滑过,按下

让用户知道,我的当前操作,是否即将改变,或已改变状态,这一点非常重要。用户体验的细节所在。

其他同类产品:视频播放器,您可以尝试对比这类设计共通性。

现实生活中的电视:

总结:WEB交互设计-源自桌面系统,更进一步的说,桌面系统的设计源自生活。

转载请注明出处:http://www.hiued.com/?p=604

时间: 2024-10-30 09:40:12

WEB交互设计的相关文章

The Story of Mr.Gray — Web 交互设计“灰色”的8类应用

在进行Web的交互设计中,颜色信息的传达也是不可或缺的一部分.我们常会发现许多"灰色"的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一.本文将从一些实际案例出发,阐述"灰色"在Web交互设计中的8类应用. 首先让Mr.Gray 来做个简单的自我介绍吧: 狭义的 Mr.Gray 狭义的Mr.Gray, 是指没有色相与纯度,只有明度,将黑色和白色混和而成的一种中间色. 依据不同分类方法可大体分为浅灰与深灰两种,亦可分为暖灰与冷灰. 相对来说,其特征

交互设计用户研究:Web交互设计优化

文章描述:Web交互设计优化的简易check list. "优化已有产品的体验",这是用户体验相关岗位职责中常见的描述.我们的产品常常是在快速的迭代过程中不断完善的,就像孩子生下来需要养育才能长大一样,优化已有功能/产品,和设计新功能/产品同样重要,不可偏废. 但是,相比实现新功能,已有功能的优化总是显得没有那么紧迫而且很零散,导致了迭代优化的计划总是被归入"重要不紧急"甚至是"不重要不紧急"的象限,变成了东一棒子西一榔锤的买卖.我们可以通过可用

web交互设计方法:页面表达常用方式

<页面表达常用方式>是整个"web交互设计方法"中的一部分: 设计师在设计页面时,应该在页面上建立许多视觉层次,引导用户的视觉焦点.把用户的注意力吸引到最重要的元素上,然后才把视线引导到其他重要程度次要的信息上.这样便于用户快捷迅速地找到自己所需,更好的完成阅读.浏览任务.这里介绍几种页面表达的常用方式. 一.页面的浏览顺序 对用户扫描页面的时候进行视线跟踪,这叫做"视觉流".好的设计能够让人们按照顺畅的次序沿着它向前流动.人们一般的习惯是从左到右.从上

web交互设计方法:页面表达原则

<页面表达原则>是整个"web交互设计方法"中的一部分:页面表达原则概述:1.更少的信息量更好.2.不提供多余的功能.3.结构化更易于理解.4.信息的表达应该清楚.明确.直接.5.操作可识别.6.操作前,结果可预知.7.操作时,操作有反馈.8.操作后,操作可撤销.9.让用户知道身处何地.10.避免内容看上去象广告.11.同一功能在不同页面上位置相同.12.措辞统一. 详细描述:1.更少的信息量更好.用户不是在阅读网站,而是在浏览网站.他们浏览与自己目标匹配的文字和图片,冗长

“灰色”在Web交互设计中的8类应用

在进行Web的交互设计中,颜色信息的传达也是不可或缺的一部分.我们常会发现许多"灰色"的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一.本文将从一些实际案例出发,阐述"灰色"在Web交互设计中的8类应用. 首先让Mr.Gray 来做个简单的自我介绍吧: 狭义的 Mr.Gray 狭义的Mr.Gray, 是指没有色相与纯度,只有明度,将黑色和白色混和而成的一种中间色. 依据不同分类方法可大体分为浅灰与深灰两种,亦可分为暖灰与冷灰. 相对来说,其特征

Web交互设计中“灰色调”的8类应用

在进行Web的交互设计中,颜色信息的传达也是不可或缺的一部分.我们常会发现许多"灰色"的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一.本文将从一些实际案例出发,阐述"灰色"在Web交互设计中的8类应用. 首先让Mr.Gray 来做个简单的自我介绍吧: 狭义的 Mr.Gray 狭义的Mr.Gray, 是指没有色相与纯度,只有明度,将黑色和白色混和而成的一种中间色. 依据不同分类方法可大体分为浅灰与深灰两种,亦可分为暖灰与冷灰. 相对来说,其特征

web设计和设计流程 有趣的web交互设计

文章描述:创意十足的web布局及交互设计. 富有灵感和创意的设计与一般设计的区别在于,它不那么容易被想到和实现,一旦它被实现,一个非常有趣并且迷人的网站就诞生了. 网站几乎每天都能见到,但是不是每一个网站你都会说"真希望我也能想到过!" 设计者们正在做的是一项伟大的工作,那就是提出且合并各种高水平设计的网站,这些网站都是最新颖的原创作品,同时还保持了很高的可用性.不规则的颜色.形状,及其导航就可以生成最有趣.最吸引人的网站.当然,能想到这个点子是很难的,实现起来也有一定的困难. 但是说

Web交互设计优化的简易check list

"优化已有产品的体验",这是用户体验相关岗位职责中常见的描述.我们的产品常常是在快速的迭代过程中不断完善的,就像孩子生下来需要养育才能长大一样,优化已有功能/产品,和设计新功能/产品同样重要,不可偏废. 但是,相比实现新功能,已有功能的优化总是显得没有那么紧迫而且很零散,导致了迭代优化的计划总是被归入"重要不紧急"甚至是"不重要不紧急"的象 限,变成了东一棒子西一榔锤的买卖.我们可以通过可用性测试来发现问题,但是测试往往受到时间.用户邀约.场地和

交互设计体验:WEB设计和拍电影

我觉得WEB设计和拍电影很像,交互设计师好比是编剧,视觉设计师则是导演,因为WEB交互设计就是WEB产品原型设计,他有个基本与根本的原则-易用性(易用性或可用性,以下统一用"易用性"概括),让产品更好用. 我是一个电影爱好者,一直关注中国电影.近几年,张艺谋拍了<英雄><十面埋伏><黄金甲>,冯小刚拍了<天下无贼><手机><非诚勿扰>,陈凯歌则拍了<无极><梅兰芳>,这些电影声势浩大,大牌大