盘点网站交互设计的5个常见错误和注意事项

交互设计的五张常见错误华丽的图片、流畅的鼠标悬挂效果和意想不到的动画不再那么容易吸引用户的注意。但问题还没有解决——如何创造愉快的用户体验，让用户微笑着完成转型？如果你警惕常见的设计陷阱，你可以犯更少的错误。以下总结了最常见的交互设计误区，方便——也许也让你知道你不是一个人——。1、铺天盖地的创新网页设计师都很有创意。我们希望通过作品来表达自己。我们总是寻求创新的设计方法来脱颖而出。然而，创新并不总是涉及到交互设计的好事。它甚至会对你的网站产生不良影响。他们总是遵循一些特定的操作方法，用户渴望熟悉的东西。RandyJ.Hunt，Etsy的创意总监和Productdesignfortheweb作者清楚地陈述道：“嘿，设计师：不要再聪明了。“在文章中，他详细解释了为什么不过于热衷于网页设计的创新。以Iotorama网站为例。它很漂亮，音乐很深情，但看着全屏移动的球，用户不知所措。别误会我的意思，这个项目非常出色，超级有创意！我喜欢这个大胆的想法，但它一点也不直观。还有一个例子。SafetyontheSlopes项目背后的创作者想到了一个巧妙的交互式图形，以警告用户冬季运动的危险。非常创新，同时也非常直观，有趣，令人印象深刻。2、在导航中也可以使用令人困惑的导航标准“不要自作聪明”。一些设计师试图用折衷的名字来寻求新颖性。例如，Chijoff网站让用户不知道他们提供了什么，以及如何雇佣他们。要理解“共同创建”页面实际上等同于“服务”，需要看好一段时间。甚至，用户在阅读整个页面后仍然不知道该怎么办。页面末尾只有一个小的注册表来获取最新的行业新闻和提示！只有邮编和邮箱地址，在“联系”页面上没有表单。使人们很难联系或雇用他们。你能猜出“Universe“MaisonMargiela网站是什么意思？事实上，它链接到他们的Facebook主页。谁能想到？相反，看看legworkstudio的网站。它的创造力和超凡令人震惊。导航非常清晰不含糊。用户永远不会迷路。3.有一段时间，网站试图把所有可能的东西都放在桌面上。那些日子已经过去了，但许多网站仍在犯这个错误。看看这个在线购物中心：设计师试图坚持单色配色，但大量不同颜色的色块、标志和字体足以让用户在这个页面上跌跌撞撞。搜索框有一个引人注目的文案：“那么，你今天想要什么？但是整个布局的外观和感觉都很过时。EBay是主要的在线零售商之一，在这方面做得很好。整个页面没有用产品图片、促销和各种行动召唤来填充，而是保持它干净简洁，强调用户真正希望关注的第一件事，并附上明确的提示，下一步该怎么办。4.注意对比，大哥！比较是创造视觉层次和吸引用户注意特定元素的最重要途径之一。在网页设计中，比较不仅意味着颜色的使用，还意味着尺寸、形状和位置。这个网站是最简单生动的例子。它们是统一的，但整体背景和按钮不够吸引人，尤其是在订购按钮上。相比之下这个。颜色选择非常接近，但结果完全不同。此外，创新的滚动效果流畅地介绍了产品的新功能——反光材料。很酷，对吧？5.忽略表单样式表单设计是用户体验最基本的部分。无论是树立榜样，直接销售产品，还是提供信息，每个网站都有一个目标。不幸的是，许多网站都有明亮的主页，但他们宁愿使用长表单和复杂的验证码来厌倦用户的*。除非用户有强大的先导动机，否则他们就会离开。有了JCF等有效的跨浏览器解决方案，是时候忘记那些难看的默认表单元素，转向更身临其境的用户体验了。另一件气人的事情是，表格需要太多的信息，或者没有通过完美的测试。例如，sketchybusinesssssinesssine.io的表单显示了所有的空白框，甚至包括非必填项。如果你看了sketchybusinessss.io的表单，你一定会喜欢它的鼠标悬挂和按钮按下状态。而且，“不要害羞”的提示文案增添了一丝亲切幽默的感觉。最后...不要懒得测试！对客户来说，对你重要并不一定重要。他们卡在哪里遇到问题？是导航，视觉差异的奇怪滚动效果，还是长期加载的视频？用户测试的最大好处之一是，你可以从用户的角度观察，关注他们的需求，并做出改进。不要抑制你的创造力。请记住，网站访问者可能会感到困惑和沮丧。你见过最坏的交互设计错误是什么？在评论中分享你的想法和故事。交互设计需要注意什么？、很容易理解这一点，就是让用户直观地理解产品功能，事实上，这个概念包含了太多的东西，这里简要介绍了常见的两点。图形化:与文字相比，图片承载的信息更直观，更能渲染气氛，给用户留下更深刻的印象。常见于各种小图标，如下载按钮，通常用向下箭头表示。对于重要的按钮，它们通常是图形化的。即使不使用小图标辅助表达，也会使用“色块”来描述“文本”图形化。文本：只是说图形化，事实上，不是说，所以文本可以被图形所取代，文本的存在是非常必要的，特别是一些“独特”的功能按钮，用户接触较少，没有相关的理解经验，难以图形化。在大多数情况下，文本不会被删除，而是会被保留，以辅助解释图形内容。另一个常见的问题是文字太多，用户没有耐心阅读，或者阅读后没有理解表达的核心。在设计中，删除文本，将“介绍段落”变成“产品口号”，帮助用户更好地了解产品。用词也很重要。如果专业人士使用产品定位，可以使用一些专业术语。如果没有，请“平民化”各种专业术语。这一点更倾向于产品的表面形式，需要互动设计师与视觉设计师合作，突出产品页面的重点，更好地与视觉设计师沟通。这一步，也是用户觉得这个产品好不好用的第一层，也就是从视觉效果反馈的结果。2、可以说是“一目了然”的骨架，更多的是涉及产品的框架，让用户眼中的产品和设计的产品一样。归纳:类似的功能一起去，就像电商网站的导航一样，对各种商品进行归纳分类。在这里，交互设计师需要根据需求文件整理产品框架，然后将相同类型的功能放在一起。归纳说起来很容易，但是做起来涉及的因素比较多。经常看到一些产品，在同一页面上重复相同的功能，这并不一定是不合理的。例如：登录功能，一个页面通常有多个入口，这通常是合理的。在工作中，最常见的产品经理想要突出一个新产品，显然产品功能应该属于A页面，但产品经理需要去B页面宣传，此时我们应该注意这个位置是否合理。（如果你想在这里讨论，你可以单独写一篇文章。这里有一个简单的例子：在电子商务中，如果你把“手机套”放在“手机页面”上进行宣传，这里的框架不一定是错误的。如果你把“手机套”放在“电脑页面”上进行宣传，这里的框架就会出现问题。）一致性：这是交互设计最基本的知识之一，以确保产品各种元素的一致性，不要让用户感到困惑。例如，标题的一致性，相同的功能，这里用A来表达，在另一个页面上，也用A来表达。确保用户在使用过程中不会感到困惑。除了保持产品本身的一致性外，还有一些有趣的方面可以讨论。对于产品的同行，尤其是行业的领导者，他们的设计是什么，这需要交互式设计师清楚地理解。因为当用户长期使用这些产品时，他们会养成一些操作习惯。例如，许多信息应用程序的下拉表示刷新页面。如果您设计的信息软件没有此功能，它将影响用户体验。说白了，就是要建立一个合理的结构框架，也是交互设计师工作的核心之一。依靠它来保证用户的顺利运行。然而，这里的标题“正确使用”并不是很严格，因为产品通常允许用户“尝试和错误”，用户可以通过错误的操作学习使用产品。当然，这个错误不能是“致命的错误”。3、不要发呆。这主要是关于“反馈”。反馈也是交互设计的基础知识，涉及面广，但核心是让用户不要发呆，了解当前操作，了解如何操作。各种错误操作的反馈提醒需要交互设计师发现一个产品可以存在的各种情况。简单来说就是找茬，找不到太少。比如留言100多个字符怎么办？再极端一点，服务器空间不够，留言保存不了怎么办？如果用户在短时间内继续留言，服务器超载怎么办？交互设计师需要考虑这些情况。当然，有些内容涉及编程的开发，需要与相关技术人员沟通。经过考虑，还需要给出适当的视觉提醒，例如，提醒“您刚刚留言，我们会尽快回复，如需补充内容，请在30秒后重试”。等待很长时间是大多数用户无法忍受的。如果没有适当的提醒，用户基本上不会继续等待。对于长时间的等待，最好有具体的时间倒计时，而不是简单的进度条。对于1-5秒等短时间等待，有时使用纯进度条会带来意想不到的收获。例如，在游戏的跳转过程中，由于阅读数据需要等待，这个过程大约需要2-3秒，此时，如果使用阅读秒，用户很容易易易怒，特别是当需要重复操作时，很容易让用户觉得游戏没有优化，如何等待2-3秒；如果使用进度条，用户会将游戏加载缓慢的原因归咎于设备配置低。与产品园林指南相比，导航导航不仅告诉用户有什么，还承担用户的指南功能，总是告诉用户当前的位置，不要让用户迷路。这也是交互设计的基础之一，适当的指导，不要让用户发呆。虽然反馈也属于表面层，但这部分工作是互动的重点之一。4、综上所述，通过视觉优化，让用户更直观地了解产品功能，通过产品框架优化，让用户更顺利地使用产品不要发呆，通过用户的眼睛，让用户快乐地使用产品技巧：（1）设计产品，阅读文本，思考，如果删除文本，会影响用户的使用，不会，然后删除。(2)随便打开一个页面，看看有没有合适的“当前位置”指南，会不会迷路，怎么回来等等。(3)重新检查里面的单词/图标是否一致。(4)常见遗漏:软件/硬件(兼容性问题常见)；网络状态(无网、超时、慢等)；转移(流程是否可以取消，是否有反馈等。)(5)大必杀，找几个“新用户”(没接触过产品的人)看他们的操作。最后，情感设计，从我的大学开始，一直对这个内容很感兴趣，现在作为一个初级互动设计师，我认为情感设计可以更好地融入产品，如每个网站404页，页面设计也间接表达了每个网站的感受。