由于越来越多的网络流量来自移动用户,我们的网站需要处于最佳位置来为他们提供服务。最简单的方法是从网站中删除不必要的内容。然而,它可能并不总是最好的解决方案。在本文中,Suzanne Scacca 提出了一些将重要内容转换为图形的方法,以节省空间、创建更具吸引力的 UI 并保持移动内容的整体完整性。 当人们常常感觉需要妥协时,很难优先考虑移动体验。不要包含太多文字。删除一些图像。远离妨碍移动访问者的功能。这有点像父母告诉你:“出去玩得开心,但不要做 X、Y 或 Z!” 移动访问者不一定需要更短的页面、更少的文本或更少的图像才能更轻松地在智能手机上消费内容。他们只需要您提供给他们的内容,这样他们就不会觉得工作量很大。 如果您更仔细地查看您的页面,您可能会发现一些书面内容可以转换为数据可视化。
尽管对于高级数据科学来说这可能是正确的,但对于大多数用户体验设计师所需的基础研究数据分析来说却并非如此。 阅读相关文章→ 参加关于前端、设计和用户体验的精彩研讨会,包括实用要点、现场会议、视频录制和友好的问答。与布拉德·弗罗斯特(Brad Frost)、史蒂夫·沃尔特(Stéph Walter)和其他许多人一起。 跳转到研讨会 ↬ 功能面板 1.超越传统的数据可视化格式 # 当您考虑以图形格式显示数据时,您会想到什么?大概是 奥地利手机号码清单 这样的图表: 信息图:网页设计师与网页开发人员的工作统计 来自 的信息图快照,显示 Web 设计师与 Web 开发人员的工作统计数据。(图片来源:(大预览) 此屏幕截图来自比较网页设计师和开发人员的信息图。它的这个特定部分涉及与工作相关的统计数据,因此将其转换为条形图和折线图格式是有意义的。 作为一名作家,我非常喜欢这种数据可视化,因为必须写出统计数据可能是一个很大的麻烦。
我只能多次使用粗体字体和项目符号。 当设计而不是编写强大的数据集时,读者就不太可能跳过或无意中错过关键信息。但这不仅仅是可以可视化的数据。以信息图中的另一部分为例: 信息图:网页设计师与网页开发人员的右脑与左脑 来自 的信息图快照,显示了 Web 设计师与 Web 开发人员的右脑思维与左脑思维。(图片来源:(大预览) 这可以写成一个段落(例如“_一般来说,网页设计师是右脑思考者,利用直觉、创造力,等等等等……_”)。它也可以显示为表格: 网站设计者 Web开发人员 大脑半球 正确的 左边 通过驱动 直觉 逻辑 方法 创造力 线性思维 力量 想像力 技术的 AERO领先 虽然这可能比一堵文字墙更容易阅读,但它并不像上面的图形那么有趣。 为了识别值得转化为图形的不同类型的数据,需要网页设计师跳出框框进行一些思考。我建议您首先熟悉现有的不同类型的数据可视化。您可以使用杜克大学图书馆。它有一个完整的页面,显示如何将不同类型的信息转换为图形,例如散点图的示例: 杜克大学图书馆 – 散点图可视化示例 杜克大学图书馆提供了散点图可视化的示例。
等在线食品配送平台的兴起对许多人来说是一个可喜的变化。对于新加坡的餐馆来说,这要么是机遇,要么是危机。随着我们…
在加入解放奴隶组织之前, 曾在乐施会、 和亚太地区公平贸易组织工作,担任过各种运营和高级领导职务。 拥有化学工…
在 Jamstack 上。你们为什么决定现在一起写下这份时事通讯并在这本电子书中使用这种技术?好麦克风问题。我…
播客广告在和媒体计划中都占有席之地。播客广告的类型对于您的下个播客广告您需要选择广告在节目中的展示位置。有前贴…