（翻译）定制内容布局和视图的5种方法

（翻译）定制内容布局和视图的5种方法

  用户有多少种浏览网站内容的方式？有可能不止一种。目前，网站只有一种内容显示方式，如果网站内容较少，这样没什么问题，但如果网站内容成倍增长，应允许用户自定义浏览内容。
  自定义网站浏览内容能给予用户灵活的、个性化的体验。基于网站内容类型，有多种方式可以自定义浏览内容。让我们参考一些网站，看这些网站是如何给用户提供不同的内容浏览方式。

1.文本 & 图象

  Yahoo News网站属于大型网站，每天发布大量信息，每小时都在进行内容更新。该网站支持多种内容浏览方式，用户可以通过标题、摘要或照片浏览新闻报道，给予用户基于个人偏好的定制体验。
  标题对细心的用户特别有用，他们喜欢同时浏览大量感兴趣的标题。带摘要的标题适合更仔细的用户，他们根据摘要决定是否点击浏览详细内容。[1]
  显示与新闻相关的图片，用感召力吸引感性用户阅读新闻。Yahoo News网站提供上述多种不同方式浏览网站内容，给予用户个性化体验。

2.颜色

  Threadless网站是个销售T恤的网站。该网站的特色是支持用户按颜色浏览T恤，这特别适合销售衣服，有些人只穿特定颜色的衣服。减少T恤样式集合，只显示用户想买的颜色，这是显示网站内容的一种好方法。

  Dribbble网站也对用户上传的作品进行颜色定制，这点在设计人员寻找特定颜色的设计样例和灵感时特别有用。没有颜色定制功能，设计人员难以在大量设计作品集合中按颜色进行查找。

3.尺寸 & 数量

  Flickr网站支持用户按尺寸和数量浏览图片。查找图片时，可以按小图片、中等图片、详细信息和幻灯片方式查看图片。小图片方式每行显示的图片很多，但每个图片的尺寸很小；中等图片方式每行显示的图片较少，但每个图片的尺寸变大；详细信息方式显示每个图片相关的信息；幻灯片方式让用户全屏浏览图片。
  Thrilld网站也支持用户按尺寸和数量浏览图片。可以浏览图片的完整缩略图或裁减后的缩略图，也可以将图片排成2列或3列浏览。这些灵活的选项让用户自定义想要的图片的尺寸和数量。重要的不仅是浏览的内容，还有浏览方式。

4.布局

  iTunes Movie Trailers网站支持用户用不同的布局浏览影片。用户可以选择带电影封面的网格视图，也可以选择仅包含电影名称的列表视图。网格视图侧重图片，让用户有情绪饱满、吸引力十足的观影体验；列表视图侧重电影名称，让用户有实用高效的体验[2]。

  Metacritic网站也支持类似的布局定制。缩略图视图让用户看到影片细节。概括性视图让用户了解影片详情。影片名称视图仅让用户看到影片评分，本视图以任务为中心，适于浏览。

5。专题 & 兴趣

  BBC网站给予用户想要的新闻。该网站支持用户根据新闻专题和兴趣定制个人主页。用户能够设置个人主页中显示的专题和隐藏的专题。移出不想要的专题，使个人主页更高效、更个性化。用户还可以在专题中设置特定的兴趣，例如，在新闻板块中设置仅接收来自特定地区的新闻。BBC网站给了用户高效、灵活、个性化的体验。

  网站支持定制化是一种逐步增长的趋势，它适用于内容持续增加的大型网站。如果你的网站属于内容不断增长的大型网站，请考虑什么定制化方式对用户最有利。

原文地址：/

[1]原文：Headlines are useful for the intense scanner. This suits users who like to scan and click many headlines at once that meet their interests. Headlines with summaries are useful for the careful clicker. These are users who are hesitant to click on a story unless a brief summary gives them the assurance they need.
[2]原文：The grid view focuses on the images, giving users an emotional and compelling experience for browsing movies. The list view focuses on the movie titles, giving users a useful and efficient experience for scanning movies.