网站交互设计规范

1、有哪些关于交互设计方面的好网站

中国设计之窗，这里不单有设计大师设计作品集，还有许多设计行业类的资讯。　
对设计有兴趣的兄弟，这个网站必是收集添加首选　

2、什么是网站Web端交互式设计的常见误区

交互设计的5个常见错误
艳丽的图片、顺畅的鼠标悬停效果和意外的动画，不再那么容易引起用户注意了。但难题却没有解决——如何创造令人愉快的用户体验，让用户面带笑容完成转化？如果你对常见的设计陷阱有所警觉，就能更少犯错。
为了方便——可能也为了让你知道你不是独自一人——以下总结了最常见的交互设计误区。
1、铺天盖地的创新
网页设计师都非常有创造力。我们希望通过作品来表达自我。我们总是在寻求创新的设计方法来脱颖而出。但是，当涉及到交互设计时，创新并不总是好事。甚至会给你的网站带来坏的影响。用户渴望熟悉的事物，他们总是会遵循一些特定的操作方式。
Randy
J. Hunt，Etsy的创意总监和Proct Design for the
Web作者，清晰地陈述过：“嘿，设计师：别再TM自作聪明了。”在文章中，他详细解释了为什么别在网页设计上过分热衷创新。
以Iotorama网站为例。它挺漂亮，音乐深情，但是看着满屏幕移动的球，用户不知所措。不要误解我的意思，这个项目非常出色，超级有创造力！我喜欢这个大胆的创意，但它一点也不直观。

还有一个例子。Safety on the
Slopes项目背后的创作者想到一个巧妙的交互式图形，用来警告用户冬季运动的危险。非常创新，同时也很直观、有趣、令人印象深刻。

2、令人困惑的导航
“不要自作聪明”的准则也可以沿用到导航上。有些设计师试图使用折衷的名称来寻求新颖。比如Chijoff
网站就让用户不知道他们究竟提供什么，如何聘请他们。需要看上好一阵子，才能理解“共同创造”页面实际上就等同于“服务”。甚至还有，通读整页后用户仍然
不知道该怎么做……页面末尾只有个小注册表单用来获取最新的行业新闻和提示！在“联系”页面也没有表单，只有邮编和邮箱地址。使人们联络或聘用他们非常困
难。

你能猜出“Universe”在Maison
Margiela网站中是什么意思吗？实际上它链接到他们的Facebook主页。谁能想到？

相反，看看legworkstudio的网站。它的创意与超凡令人震撼。导航非常清晰不含糊。用户绝对不会迷路。
3.
杂乱无章
有一段时期，网站都试图把一切可能的东西摆上台面。那些日子已经一去不复返，但是很多网站仍然在犯这个错误。看看这个在线商城：

设计师试图坚持一种单色配色，但是大量颜色不同的色块、logo和字体，在这个页面上就足够让用户步履蹒跚。搜索框有着醒目的文案：“那么，今天你想要什么？”，但整个布局的外观和感觉非常过时。
EBay是主要在在线零售商之一，在这点上做得不错。没有用产品图片、促销和各种行动召唤塞满整个页面，而是保持它干净简洁，强调他们确实希望用户首先关注的东西，并附上清晰的提示，接下来该怎么做。

4.
注意对比，大哥！
对比是创造视觉层级、吸引用户注意特定元素的最重要的方式之一。在网页设计中，对比不仅仅意味着颜色使用，也包括尺寸、形状和位置。
这个网站是最简单生动的例子。他们做到了统一一致，但整体背景和按钮并不够吸引人，尤其是在订购按钮上。

相比来看这个。颜色选用很接近，但结果却完全不同。而且，创新的滚动效果，流畅地介绍了产品的新功能——反光材料。很酷，对吧？

5.
忽视表单样式
表单设计是用户体验最基本的部分。每个网站都有一个目标——无论是树立榜样、直接售卖产品或是提供信息。不幸的是，许多网站有着光鲜的首页，却宁可用长表单和复杂的验证码来使用户厌烦致死。除非用户有强烈的先导动机，否则他们就会离开。
有了JCF这样的有效的跨浏览器的解决方案，是时候忘记那些丑陋的默认表单元素了，转向一种更加沉浸的用户体验吧。

另一件气人的事，是表单要求太多信息，或者没通过完善测试。例如sketchybusiness.io的表单高亮显示了所有的空白框，甚至包括非必填项。

如果你看了sketchybusiness.io的表单，你绝对会喜欢它的鼠标悬停和按钮按下状态。而且，“别害羞”的提示文案增加了一丝亲切幽默的感觉。

最后……
不要懒于测试！对你重要的对于顾客未必重要。他们在哪里遇到问题卡住？是导航、奇特的视觉差滚动效果、还是长时间加载的视频？用户测试的最大好处之一，是你可以通过用户的视角来观察，关注他们的需求、做出改进。不要抑制你的创造力。要牢记网站访客可能会感到困惑和沮丧。
你见过最糟的交互设计错误是什么？可以在评论中分享你的想法和故事。

3、网站交互设计需要注意的几个方面

1、网站设计内容问题

内容是所有网站的灵魂，也是客户关心的东西，打开因特网看看企业网站，我们很容易发现，大多数中小企业网站栏目划分趋于一致：公司简介、产品介绍、联系方式等，在版式设计上也基本上是上下分栏、左右分栏等方式，在内容上要从客户考虑，要了解客户想从你页面上了解些什么，总之要贴近客户。2、网站设计技术问题

首先应该说明的是，我们并非鼓动企业在自己的网站中加大技术含量。实际上，最重要的是所使用技术在多大程度上实现了预期的功能，或者说所要的功能需要什么样的技术实现比较经济划算。而我们在与企业接触中，常常碰到这种情况：网站中使用了先进的技术，当然进行了大笔的投资，但实际上所实现的功能通过其他方式，很低的投入就可以实现！但是企业并不了解这些。3、网站设计交互问题

您的网站是否实现了与客户的交互，在多大程度上实现了这一功能，值得您仔细考虑，在我们接触的客户中，甚至有的客户抱怨：他的信箱至今还没有收到mail！经过我们的检查，是因为留言簿中有关信息提交的设置有问题！使得与客户之间的交流出现很大的问题，这也是很多企业应该注意的问题。另外在设计上应注意什么

1，对每一个超级链接点击之后采用新开窗口还是直接跳转，必须认真对待。如果用户点击一个link之后是要放弃当前页面开始新的体验，则应用直接跳转。如果用户点击link是要了解更多的信息，但是当前页面的信心仍然有用，则应新开窗口。

2，在每一个用户可能需要帮助的地方提供帮助信息或帮助按钮。完善的帮助系统是一个产品，网站成功很重要的因素。

3，承诺问题，不要轻易对你的用户承诺什么，但是一旦承诺了，就要尽最大努力去兑现。在首页规划和网站设计中最为突出的问题是：1）首页规划和栏目设置不合理。主要表现在栏目设置有重叠、交叉、或者栏目名称意义不明确，容易造成混淆，使得用户难以发现需要的信息。2）重要信息不完整问题。企业介绍、联系方式、产品分类和详细介绍、产品促销等是企业网站最基本的信息，但为数不少的企业对这些重要信息不完整，尤其是产品介绍过于简单，有些甚至没有公布任何联系方式；上述几个问题只是企业网站设计问题中的部分问题，还有考虑浏览目标群体，从营销方式设计都应该是现在企业网站所在考虑的问题。每一个细微的不足和问题，都有可能失去用户，或者根本无法获得被用户发现的机会，结果最明显的表现就是访问量很小，或者由于得不到有价值的信息和服务，访问者的转化率很低，无法取得最终的收益。

4、交互设计师需要从什么做起？网页设计吗？

首先很抱歉，我基本没做过网页设计，所以没办法把网页设计和其他设计的区别讲清楚。
然后是我对于这个问题的一些个人看法，供参考。
我的理解，各种设备或者不同平台的设计区别，在于规范。我看到过一些大网站公司的guideline，其实都一样，无非是规定行间距，字号字体，标准色等等，这是大工业生产时代下总结出来的标准化流程，可以极大的提升生产效率和规范品牌。这个不需要设计师，随便找个应届生或者操作类都可以干。
而设计师的价值是什么，就是感觉，设计师的感觉和用户的感觉，还有这两种感觉的快速契合。我在去年面试设计师时看到一个网页作品，一个旅游网站，因为老板非常喜欢微软的新设计风格，所以这个网站的视觉设计也用了Metro。好吗？我当时问过这个设计师这样一个问题。其实单纯的说设计都没有问题，和别人不同也是一种创新。但是你的主营业务是否第一时间被你的设计传递给用户并打动了他，这就是感觉，是设计师的任务。一个用户来到这个网站，看到了一个个单纯的色块，中间用简单的文字和宋体字，估计用户很难有马上出去玩的冲动。为什么很多旅游网站的设计都是用青山，海景来做背景，就是为了让看官们的心理产生剧烈的对比和苦闷，“TMD我一苦BXXX... ...我一定要去海边...”，此类的心声一旦产生，这生意就有可能做成了。
还有一个例子，我的产品前几天要做一个LOGO，设计师问我该怎么做，核心的承载体应该是什么，我当时给了他一个建议，如果你找不到承载体，就做一个绝对漂亮的东西，让产品经理看到后欲罢不能，非此不可。但是后面连续几稿都不行，其实不是承载体的问题，而是感觉的问题。最后的解决方法也很简单，我让他在网上搜所有“猫王”和“拉斯维加斯”的图片，很快方案通过了。其实就是用一种感觉去打动产品经理的感觉，这事就对了。
啰啰嗦嗦一大堆，希望能够帮到你。

5、交互设计规范应该包含的哪些内容

当产品规模大了之后就需要多个产品设计师协作完成整个产品，由于不同产品设计师之间的设计理念、设计方法、设计习惯的不同，协作完成的产品往往会导致产品一致性差，质量参差不齐。

这个时候会需要一份交互设计规范来规范和指导产品设计，从而保证产品设计的一致性，提升整体产品质量。

苹果与安卓交互设计体现在对话框细节

本文就来说一说交互设计规范应该包含的一些内容：

一、页面信息规范

页面信息规范主要指页面的静态信息应该遵循的规则，包括：

1.标题规范

用于规定整个产品中所有不同层级不同功能的页面应该使用的标题的规则。

2.新窗口链接规范

用于规定页面链接是采用新窗口打开还是本窗口打开的规则。

3.图片规范

用于规定图片信息是否带有alt title值，这些值又取自那里。

Reeoo菜单标志设计与侧边交互设计

二、交互信息规范

交互提示规范主要用于规定在交互过程中交互的方式及其信息提示，包括：

1.预先信息提示

所有交互进行前需要提供充分给用户的预先应该知道的提示信息。

a.表单提交类

表单提交的步骤，每个表单项的要求需要给出提示信息。（如密码要多少多少位。搜索框鼓励输入什么内容。）

b.谨慎类操作

一个操作对用户来说需要慎重操作的。如扣除金币等。需要预先提示。（如：扣除金币的操作需要预先提示扣除金币数目，以及当前金币是否足够。等等。）

c.差异化规则

当一个功能的规则与用户习惯的规则具有一定的差异或比较复杂时，需要给出提示。或者给出帮助链接。

2、操作信息提示

所有交互进行中需要提供操作相关的提示。

a.操作确认提示

一个操作涉及数据删除，等需要谨慎操作的操作需要给出删除确认提示框。

b.操作错误提示

当用户的操作不符合操作的规则，需要给出操作提示。（如评论字数为0或超过限制字数，搜索框未输入内容时提交）

网站内容设计：交互设计解析

3、结果信息提示

交互进行后给出结果反馈是应该给出适当的提示

a.查询类结果

任何信息列表、查询结果，当对应信息无结果的时候需要给出有无结果状态提示。

b.保存类结果

一个表单是用户提交保存数据的。如设置个人资料。提交保存后需要给出提示。成功绿色、失败红色、普通灰色。

c.附加类结果

一个表单是对其他数据进行附加的，如评论等。提交成功后应直接跳转到操作产生的结果展示部分。（如提交评论后应该直接展示给用户他提交的评论）

交互设计是网站与用户交流的基本原则

三、通用控件规范

当有一些功能会被多个模块复用的时候（如标准评论框、标准好友选择器等），需要把这些功能提炼出来设计成通

用控件被多个模块共用。

有了页面信息规范、交互信息规范、通用控件规范就能保证页面信息的一致、交互方式及提示的一致、通用功能模块一致。从而保证产品的一致性，并提高产品质量。

6、什么才是网站正确的交互设计方式

交互指的是产品与它的使用者之间的互动过程，而交互设计师则是秉承以用户为中心的设计理念，以用户体验度为原则，对交互过程进行研究并开展设计的工作人员。

交互设计（InteractionDesign）是指设计师对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程，即定义人造物的行为方式。作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔·莫格里奇在1984年一次设计会议上提出，他一开始给它命名为“软面（SoftFace）”，他后来把它更名为“Interaction Design”――交互设计

交互设计师善于表达，以网页语言表达产品所要告诉用户的信息，同时显示用户的操作功能。

所以，凡是涉及到表达、传达的问题，都可以找交互设计师来做，也应该由交互设计师来做。产品经理考虑要做什么产品才有价值，交互设计师考虑怎么把这个想法最有效的转化成一系列的界面展现给用户。除了展现，还有和用户的交互。这个展现、交互的过程就需要一定的表达能力。这种表达能力并不是我们平时所特指的口头表达，而是使用网页语言表达。我们经常会讨论一个按钮的位置，讨论某个状态下光标的样式，讨论应该写成“登录”而非“登陆”等等：这些都是网页语言表达。

7、交互设计的四要素如何影响网站产品设计

交互设计的四要素
从新的定义中可提炼出交互设计的几点要素：
•业务逻辑是考虑一切问题的关键点。要想做出好的高端设计，不管在任何一个层面上都不能忽略业务逻辑。
•在业务逻辑正确的基础上，只要任务流程设计的正确，一般来说产品就是可用的;忽视了任务流程的设计(尤其是大型产品)，产品将是不可用的。
•分析心理模型对于理解业务逻辑、优化任务流程、提升用户体验都有重要的作用。
•熟悉交互规范可以避免在框架层出现错误
业务逻辑、任务流程、心理模型、交互规范在设计网站的不同阶段中都起着重要作用。这就意味着对于一个交互设计师来说，只懂交互知识对于做好一个产品的设计是远远不够的。

8、用什么工具做一个网站交互设计

如果你也喜欢深泽直人，你一定见过这款Muji CD机，它就如一个风扇，下面一条拉绳。人们看到这个形态感觉很熟悉，觉得有亲切感。似乎在哪里见过。无意识的就去拉下了绳子，音乐响起。再拉动一下，音乐停止。操作如果简单，完全不需要使用说明书。抛开Muji CD机极具创意的外形来看它的播放过程。它只有一个向下拉的操作，极致简单的设计美学。另一方面它，打开开关，它并不会立即启动，而是间隔一下，音乐随即开始，设计师仿佛在营造一种声音从远方传来的意境，亲切而舒适。我想这就是节奏的一个表象，实际上这种稍显延迟的设计也同样出现在iPhone发布时的一个场景，Jobs听着音乐而此时他的同事打来电话，音乐缓慢落下转换为铃声，到通话结束，一个小的间隔之后，音乐响起。类比前面的两个例子。Muji CD机的，功能会让位于设计，如将曲目切换，音量调节被放置在不方便操作的位置，这种强调设计意志的产品有时会给人一些设计师孤芳自赏的感觉，所以可以将这种优雅比作是设计师式的优雅，当我们的团队有了足够和行业领导力以及顶尖的设计水平之时，便可以尝试用这种设计师式的优雅去引领潮流。（此段后半段取自我曾经的摘录）

每次看他的作品都是一次视觉的享受，每次拜读他的文字和观点都是一次观念的洗礼。今天对于作品分析先写到这里。日后若想到一些，我会及时补充到这里。希望今后的工作中，我们能把“无意识的设计”理念带入到网站交互设计中。

用深泽直人的一句话来做结尾：设计一件东西往往和我们无意识的行为和我们周围的环境有关。思考需要时间，感觉则可能在片刻内完成。一件物品给你的第一感觉很重要，而当使用了一段时间之后你会发现你最初失掉的感觉才是设计的精髓所在。这就是“不假思索”背后的含义。

9、web交互设计和网页设计有什么区别

交互，肯定就是前端收集数据，然后交给后台进行处理噻。
网页设计稍微简单一些