《社交网站界面设计(原书第2版)》——2.5 严格 VS. 灵活的分类法

简介: 本节书摘来自华章计算机《社交网站界面设计(原书第2版)》一书中的第2章,第2.5节,作者:(美)克里斯蒂安·克鲁姆里什(Christian Crumlish),艾琳·马洛恩(Erin Malone)著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。

2.5 严格 VS. 灵活的分类法

在社交网站中,人们倾向于给一些至少是部分定义的结构贡献内容。当讨论分类法时,我们讨论的是用于从产品结构到导航、再到内容分类的组织方案。
让设计是未完成的这个理念包括:决定哪些元素是确定的,哪些元素是可以灵活变化的。Flickr是将这两种设计方法(严格 VS. 灵活)应用到不同情境中的先驱者。Flickr界面上的某些元素是严格定义的,包括对象模型、网站的主导航和预定义关系类型的短列表。
使用对象模型:人们可以进行收藏媒体对象,参加群组并提交媒体对象等操作。主导航在网站的最顶端,包括:主页、您、管理与建立、联系人、组群、发掘。默认关系类型的短列表允许用户将他人添加为联系人(这种关系无须对方同意便可生效),还可进一步选择将其归为朋友、家庭成员,或两者兼而有之(见图2-2)。
image

图2-2:在Flickr中,联系人可以是朋友、家人或者两者兼而有之(但仅此而已)
我不是说这些设计和信息架构是一成不变的。自发布以来,Flickr增加了第二个媒体类型(视频),并在不改变其基本理念的前提下重构导航菜单。它还从允许用户定义附加关系的自由连接模式发展到现在这样较狭隘的模式(因为真正使用这一功能的用户相对较少,所以它为日常维护所提供的价值非常有限)。
最近,它又变回比较灵活的分类方法,这样可以让用户在适当情况下不断发展,发明出一些概念、标签、分类、群组,这种方法既满足了他们的需要,又不需要作为设计师的你去预设每个可以想到的、社交应用可能促进和支持的场景。
除了这些“硬性”的分类元素外,Flickr还为用户提供了无限的自由和精心定义的轴线,让用户自己发明他们真正需要的东西。这样的例子有:Flickr著名的自由标签功能,让用户可以标记他们自己的对象。用户还可以选择是否允许其他用户为其添加标签(见图2-3)。
image

在Flickr的设计中另一种自由形式的分类元素是:用户可以用其所能想到的任何名称或主题来创建群组。这个功能涉及我们即将讨论的很多模式,包括群组的概念、极其简单的群组形式、讨论、参与、邀请,以及将媒体对象添加到群组“池”的能力。
Flickr的用户还发明了与群组相关联的奖励推荐机制概念。Flickr会向用户推荐与其评论相关的绚丽图片,并且通常都会附带一个加入相关群组的邀请(或者至少可以让用户很自豪地展示该奖励,这对相关群组来说也是一种广告)。许多人认为这些奖励俗气而牵强,但它们代表了一种由用户发明且被Flickr用户界面允许(但不直接支持)的创新。
这样(不管有没有奖励),群组就可以作为用户浏览的“枢纽”,将用户从好友的图片带到相关群组中,然后让用户浏览其他图片(见图2-4和图2-5)。
image

图2-4:达芬奇“维特鲁威人”风格的Merlin Mann讽刺漫画群组,发出的邀请使得一批痴迷这种模仿和恶搞的人加入了这个群组
image

图2-5:Vitruvian variations群组展示了一系列相同主题的图片

相关文章
|
6月前
|
编解码 UED 开发者
移动应用中的动态布局是一种重要的界面设计方式
【5月更文挑战第16天】动态布局是移动应用界面设计的关键,能依据屏幕尺寸、方向及用户需求动态调整界面,提升用户体验和应用适应性。它确保不同设备上的清晰度和可读性,优化空间利用,降低开发成本,并保证一致性。尽管需要技术和设计投入,但动态布局对于应对多样化的移动设备和用户需求至关重要,未来将更加重要。
75 0
|
自然语言处理 数据处理
用户界面设计
-用户界面是适应人的需要而建立的,因此,首先要弄清将要使用这个界面的用户类型用户特性分 -析的目的是要详细了解所有用户的技能和经验,以便能够预测用户对不同界面设计会做出什么反应,这样在更改界面时,就能做出正确的判断
148 0
|
Web App开发 安全 API
五款轻量级的办公软件,界面简洁且无广告
五款轻量级的办公软件,界面简洁且无广告
251 0
五款轻量级的办公软件,界面简洁且无广告
|
搜索推荐
语音聊天app开发,对用户更具吸引力的设计
语音聊天app开发,对用户更具吸引力的设计
|
测试技术 UED
[译] 可口可乐自由风格售卖亭界面用户体验的回顾和重新设计
本文讲的是[译] 可口可乐自由风格售卖亭界面用户体验的回顾和重新设计,我自己之前从来没有用过这个机器,所以我需要理解它是如何工作的,以及它的使用环境。观察这个机器在不同的餐馆和电影院中如何被使用提供了重要的场景。
1249 0
《社交网站界面设计(原书第2版)》——1.13 设计明显的交互
本节书摘来自华章计算机《社交网站界面设计(原书第2版)》一书中的第1章,第1.13节,作者:(美)克里斯蒂安·克鲁姆里什(Christian Crumlish),艾琳·马洛恩(Erin Malone)著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
790 0
《社交网站界面设计(原书第2版)》——1.17 模式还是套话
本节书摘来自华章计算机《社交网站界面设计(原书第2版)》一书中的第1章,第1.17节,作者:(美)克里斯蒂安·克鲁姆里什(Christian Crumlish),艾琳·马洛恩(Erin Malone)著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
967 0
《社交网站界面设计(原书第2版)》——1.11 交互看起来应该是怎样的
本节书摘来自华章计算机《社交网站界面设计(原书第2版)》一书中的第1章,第1.11节,作者:(美)克里斯蒂安·克鲁姆里什(Christian Crumlish),艾琳·马洛恩(Erin Malone)著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
945 0
|
物联网
《社交网站界面设计(原书第2版)》——1.15 让交互更有人情味
本节书摘来自华章计算机《社交网站界面设计(原书第2版)》一书中的第1章,第1.15节,作者:(美)克里斯蒂安·克鲁姆里什(Christian Crumlish),艾琳·马洛恩(Erin Malone)著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
835 0
《社交网站界面设计(原书第2版)》——1.16 接下来做什么
本节书摘来自华章计算机《社交网站界面设计(原书第2版)》一书中的第1章,第1.16节,作者:(美)克里斯蒂安·克鲁姆里什(Christian Crumlish),艾琳·马洛恩(Erin Malone)著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1088 0
下一篇
无影云桌面