百万个冷知识百万个冷知识

百万个冷知识
一起学习百万个冷知识

案例分析:以Facebook为例,为复杂界面设计布局的方法(facebook广告投放案例)

译者:Z Yuhan

概要共 6476 字,写作须要 15 两分钟

—— BEGIN ——

许多商品的重要数据量非常大,又即使各式各样的其原因雕塑家无法对文本展开轻而易举删去。假如不回去重新整理重要信息,会让介面愈来愈杂乱。我从今年已经开始做的许多工程项目都是此种情形,只好归纳了两套单纯称心,又合情合理的为繁杂操作介面产业布局的方式。

为的是方便快捷我们认知,我采用 Facebook 主页做为事例。

1. 把须要展现的重要信息都列举来

先不考量重要信息间的亲密关系和次序,大体列举方可。主要就重要信息很大要列举,错误率较高的重要信息不必 100% 全面覆盖也没亲密关系。

以 Facebook 为例,主页须要展现的重要信息有:

Logo 、搜寻、采用者重要信息、导航系统、Explore 机能条目、回帖C99mg、新一代静态、好友所推荐、Sitapur、中文网站新闻稿、闲聊板、我建立的、增设、已过期……

2. 从商品思路的视角重新整理重要信息

与对那个商品比你更介绍的人探讨(如商品副经理),从商品思路的视角将那些重要信息展开各组归纳(此时还不须要过多考量采用者)

此基础机能:搜寻、导航系统、增设、已过期

此基础重要信息:Logo、采用者重要信息

主要就机能:回帖C99mg

主要就重要信息(不断更新):新一代静态

重要机能:闲聊板

重要重要信息:好友所推荐

辅助机能:我建立的、Explore机能条目

辅助重要信息:Sitapur、中文网站新闻稿

3. 从采用者的视角重新整理重要信息

与采用者(或潜在采用者)交流,观察他们对那些重要信息的真实想法。即使越贴近真实心理越好,所以可以用一些口头话、感性的表达方式:

可能是我采用那个东西的唯一目的:新一代静态

我常用的东西,越方便快捷越好:回帖C99mg

必须有,但我通常不会仔细去看:Logo、搜寻、采用者重要信息

假如有静态我就感兴趣:闲聊板、我建立的

我想要时才回去找:增设、已过期、Sitapur

我不关心,偶尔可能看一眼:好友所推荐、Explore机能表

这东西须要吗:中文网站新闻稿

4. 根据采用者心理调整按照商品思路重新整理的重要信息

商品思路中的重要机能“闲聊板”根据采用者反馈,除非有静态否则不会关心。所以放到辅助机能里。

商品思路中的重要重要信息“好友所推荐”根据采用者反馈,并不会主动去看,所以放到辅助重要信息里。

再将其余的重要信息结合采用者关心的错误率前后排列。

调整后,重要信息的分类变成了这样:

此基础机能:导航系统、搜寻、增设、已过期

此基础重要信息:Logo、采用者重要信息

主要就机能:回帖C99mg

主要就重要信息(不断更新):新一代静态

辅助机能:闲聊板(思路重要)、我建立的、Explore机能条目

辅助重要信息:好友所推荐(思路重要)、Sitapur、中文网站新闻稿

5. 用重要信息分类画页面产业布局

预测其它商品,发现主流的形式是把此基础机能和重要信息放在顶部,主要就机能和重要信息放在中间,两侧放置辅助重要信息。

为的是方便快捷认知,我挑选了我们较为熟悉的介面:

综合预测后,设计出自己的产业布局:

一个繁杂页面的产业布局设计就完成了。

—— END ——

译者:Z Yuhan

来源:https://www.zhihu.com/people/zhou43/pins

本文由 @Z Yuhan 授权发布

点击“写作原文”下载APP

未经允许不得转载:百万个冷知识 » 案例分析:以Facebook为例,为复杂界面设计布局的方法(facebook广告投放案例)
分享到: 更多 (0)

百万个冷知识 带给你想要内容

联系我们