更智能的网页设计:响应性和可定制性

WebFX总裁。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

更智能的网页设计:响应性和可定制性近年来,我们设计网站的方式发生了深刻的变化。我们有更多关于网络用户如何与用户界面交互的信息,我们开发了许多评估可用性的测试方法,我们现在建立的网站非常强调以用户为中心的设计。此外,心理学、社会学和可用性领域的研究丰富了我们对网站访问者的理解。

然而,尽管针对设备的设计方法、浏览器的选择和用户需求都有所增加,设计师仍然倾向于回避为用户提供符合意识形态的体验真正的响应设计-符合用户独特个性和喜好的智能设计。

直觉:双刃剑

如果你曾经做过可用性研究,你就会很清楚当人们看到一个不遵循惯例或趋势的开箱即用UI时所面临的问题。事实是,知识——更具体地说,是识别常见物体及其功能的能力(如按钮或超链接)是问题的根源。知识很容易获得,但灌输却需要时间。

每一种经历都有一条学习曲线。设计导航,链接和内容是一个不停的杂耍行为,如图所示易趣另一方面,直观的设计也赋予用户权力。

用户觉得他们有能力理解环境并自己推断事情。授权用户是网页设计师角色的关键部分。我们只希望用户知道哪些链接是可点击的,按下哪个按钮可以提交网页表单。

所以,我们现在的处境是:许多用户对我们网站的可用性感到困惑,而我们通常会尽我们所能来满足每个人的需求。然而,由于构建灵活的、可定制的界面的前期成本,通常很少对单个用户进行分层处理。至少,以前是这样的。

如今,我们投入时间和金钱开发智能手机应用程序,我们为移动设备建立专门的网站,我们中的一些人仍然为Internet Explorer 6.然而,当涉及到互动时,我们却放弃了自己的标准;我们似乎没有投入足够的精力来为网站观众的需求精心制作它们。

聪明的设计,而不是静态的

如果我们试图了解用户想要什么,我们就应该让他们自己定制。有各种各样的通用可用性测试,但我们需要考虑包括哪些用户,改进什么,如何实现,等等。简单地说,用户知道他们的体验中什么地方不对,即使他们有时间费心告诉你,他们也不总是知道自己想要什么,或者如何用别人能理解的方式表达出来。

他们知道有问题,但他们可能不知道如何解决它。理想化的游客。他们不是训练有素的设计师,很容易要求解决可能不是问题的解决方案,但我们是做最终决定的人。

设计不是为了救火,而是为了赋权;更聪明的网页设计也越来越意识到这一点。可用性测试不是刀枪不入的,但它可以帮助用户帮助我们帮助他们!上面显示的是银背大猩猩可用性测试软件。

在电影中我讨厌你的10件事在美国,有一句精彩的名言总结了我们经常试图利用自己的特异功能为默认用户创建完美网站的尝试:“你18岁。你不知道你想要什么。45岁之前你都不知道自己想要什么。即使你得到了它,你也太老了,不能使用它。”如果我们把设计决策建立在假定的用户需求的基础上,我们就不能同情地满足每个用户的需求。然而,在混合中加入响应性和自定义,我们的设计将变得更容易使用。他们会变得更聪明。

响应性和暗示性方法

用户不一定知道他们需要什么,而设计师通常以取悦大众为目标。我们需要补救。设计模式和技术的存在帮助我们与用户交互,并使我们的工作真正响应个人的需求。

我们知道行为工程是强大的,以用户为中心的设计有助于可用性。我们还知道每个用户对接口有不同的需求或偏好。我们已经创建了响应式网页设计这取决于是在小屏幕(如移动设备)还是大屏幕上观看。

下一个逻辑网页设计的演变就是能够预测用户想要什么,并允许用户定制他们的体验。聪明的设计是可定制的,对游客有用,他们在建造时考虑到效率,如iGoogle构建智能网页设计——在概念上,但不一定在实现上——很简单。

超越美学,考虑用户希望如何与您的站点交互。个性化内容。基于用户活动增强用户体验。

观察用户在网站上的行为,并尝试在界面上提供有用的指示和建议。

呈现相关内容

知道用户对什么感兴趣是设计的一半胜利。如果访问者阅读并喜欢一篇文章,他们可能会愿意访问其他同样好的东西。相关材料的链接可以激励用户在你的网站上继续他们的旅程。

LinkWithin是一个显示相关帖子的工具。提供行动号召,引导访问者访问最新的内容,并提供同一主题的有用材料链接。显示关键字标签(或类别和关键字)以识别相似的兴趣点。

每一点都有帮助。

相对导航

这对于从其他网站(如搜索引擎或社会新闻聚合器)进入你的网站的用户来说是很重要的;它帮助他们用尽可能少的点击找到路。提供人性化的网站地图,并提供有用的方向。提供有用的错误消息,并为内容类别提供面包屑导航。

内容定制

许多用户不想浏览我们的网站我们呈现它们的方式.用户希望能够按照他们的喜好格式化您的作品,这样他们就可以获得个性化的网站体验。例如,允许通过RSS查看您的内容是允许用户通过他们喜欢的方式访问内容的一个简单示例。

更智能的搜索功能

搜索框是帮助优化用户想要看到的内容的最容易识别的方式。允许高级搜索可以帮助用户快速找到他们想要的东西。不要害怕添加自动补全功能,或者建议对搜索词进行更正以回应错误。

自定义方法

我们可以提供的第二种增强帮助创建动态网站。有了它,我们可以提供特定于用户的定制。当人们注册一项服务时,他们希望它是有个性的,能满足他们的需求。

我们每个人都以自己的方式消费网络内容。创建更聪明的设计的基本方法包括提供自定义主题或多语种翻译并允许面板在页面周围移动(或完全添加或删除)。

形象个性化

如果你有一个允许用户帐户的系统,那就允许他们随意定制。称呼用户的名字,向他们展示自上次访问以来更新了什么,提供基于订阅的电子邮件或RSS通知,并允许他们在“已保存”状态下修改帐户中的站点布局(如上所述)。

提供贡献的机会

这种技术被广泛应用于内容管理系统还有社交网络。通过向用户推荐文章,邀请他们发表后续文章或评论,提供可定制的小部件或可视快捷方式(基于他们的偏好),让用户做出贡献。AddThis让用户在他们选择的社交网络上推荐你的作品。

一些响应性和可定制性的想法

最后,有一些“未来”的解决方案可以增加我们的网站变得更有响应性的机会(甚至达到自我纠正的程度)。通过利用脚本和自主监控用户的行为,我们可以让网站更智能、更有可塑性。

变量设计

我们可以建立一个响应框架来分析访问者使用的设备,然后为他们提供合适的环境。我们看到它开始于CSS媒体查询和平台独特的布局。但是您考虑过通过编写“检测和重绘”(而不是“重定向”)脚本来混合这些技术吗?

布局配置文件

另一种个性化体验的技术是允许用户建立一个可视化的档案。也就是说,让他们选择出现在屏幕上的内容和位置。然后让他们保存它,并公开保存它,以便所有人都能看到——这将使用户能够分享和应用彼此的主题,并获得独特的定制布局。

基于用户活动定制内容表示

这是优化设计的最激进的想法:你可以写一个脚本来监控用户交互——比如他们点击了什么链接,以及他们如何在站点中流动——但使用这些数据来确定要向用户显示什么内容,并重新绘制布局,以便有用的内容变得更可见。实际上,该网站将自我训练,使其对用户更有用。英国广播公司为想要阅读其内容的访问者提供了一个强大的“发射台”平台。

智能网站

行为是用户通过网站进行谈判的过程和进展的有力指标。我们越来越重视研究模式,并针对各种设备调整页面。奇怪的是,尽管我们在测试和网站改进上投入了大量精力,但我们却没有创建脚本和框架来授权用户,无论是通过识别他们的习惯并进行相应的调整以使体验更容易或增加回访率,还是通过让他们自己改变内容。

手机浏览器检测并不是我们为用户改进设计能力的极限。上图是移动网络平台Mobify。我们生活在一个矛盾的环境中:每个用户都是不同的(并且希望从界面中获得特定的内容),然而,我们实现的更改往往依赖于迭代周期(人为调整)。

没有灵丹妙药可以让我们的网站完成所有的艰难工作。但这不是很奇怪吗:社交网络是最具可定制性和灵活性的基础设施之一,但很少有网站跟随他们的领导,让用户决定什么最适合他们。随着我们向未来发展,用户的期望只会越来越高。

到目前为止,作为一个行业,我们做得很容易——用户只是接受了事情的本来面目。但是,随着用户对Web及其功能的了解,他们会质疑“一刀切”模式的有效性。他们想要兼容性和自定义能力。

个性化设计是一个挑战,但值得一试。

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!