产品架构UI/交互设计规范

如果产品的信息架构没研究透,产品一定是跑偏的~

2017-05-18  本文已影响104人  Nicebook

信息架构有多重要?这特么太重要重要了,好么~~!!讲真,这个问题很多新人都搞不清楚,很多交互设计师可能没有认真深入的分析过一款产品的信息架构。可以这么说吧,信息架构就相当于建筑的骨架,骨架没没搭好,建筑就不稳!产品也是一样,信息架构如果错了,不合理,产品的逻辑是肯定存在问题的,在我们做产品的过程中,如果信息架构考虑得不清楚,这个产品一定是有问题的。今天的这篇文章可以好好看下~~花不了几分钟。

什么是信息架构?

小编说:这个问题看起来很抽象~~实际工作中,确实很抽象,哈哈。需要大量的分析才可以哦,我们来看下,歪果仁是怎么解释的~~

简单来说,信息架构是你的APP或网站里面所有信息的布局构造。当我们精心布置信息,我们能够让它更容易理解和使用。这和作家写故事前会列一个大纲,建筑师在着色前要作设计图一样。

本质上来讲,任何数字化产品、网页、APP都是信息的简单集合。信息架构的运作包含用一种更易理解的方式布局这些信息,并且当APP或网页的升级(比如添加功能)时能够被量化。

好的信息架构的APP和网站在结构上是合理的。这点非常像一个建筑物。如果我们精心布置其支柱,我们就有一个稳固的根基。当我们有稳固的根基时,我们就能建造一幢稳固的大楼。

举个栗子~~

拿Spotify(流媒体音乐平台)举例。

为什么信息架构重要?造么...

如果你想要产品简洁聚焦,你必须先有一个简洁聚焦的信息架构。它迫使我们专注于思考,从而用户不用这样。

当我们关注一款APP的信息架构时,不是关注其具体的页面和像素,而是关注抽象的集合,比如动词和名词。除此无他。

我们很快发现APP或网站只是信息。我们“拼接”信息的方式决定了用户使用和消费产品的体验。

这就像一个人的想法,句子,或者观念。句子中动词和名词的排列方式将决定信息传达的质量。

APP也是一样,APP是“动词”和“名词”的集合:“按键”和“我能通过按键实现的功能”。真正重要的是“名词”,它组成了你APP的词语。你APP中的“名词”可以是:

歌曲

文件夹

用户

照片

商店

钱包

好友

另一方面,“动词”即用户能够通过名词实现的操作。例如:

播放歌曲

新建文件夹

创建用户

分享照片

浏览商店

转账

添加好友

典型地,在一款APP里,我们被一个按钮引导。屏幕的大部分(约80%)用来展现“名词”部分,只有小部分用来展现“动词”部分——用户能够通过按钮实现的功能。

好的信息架构的普适性(无时间限制)

随着时间的推移,我们发现好的信息架构具有普适性。某些原则和模式似乎总是流行。最显然的,你的APP里最初级的菜单栏项目须是最重要的。对于Spotify是:“主页”,“浏览器”、“搜索”、“收音机”和“我的文库”。那么你的APP里最总要的是什么呢?试着控制在3-5项。

当我们意识到无论信息的具体属性如何,信息都会呈现有相似的架构时,事情变得有趣了。例如,一个通用的模式是当我们沿信息架构深入使用APP时,我们倾向于从基础功能向具体功能延展。叫做向下延展(drilling down)

虽然UI升级了,但下层级信息架构并没有多少改变

一旦设计了足够多的APP、网页、数字化产品——我们开始意识到它们信息的结构在某种层面上是一样的。仅仅是信息的名称改变了。一个好的设计师知道怎样运用以上的架构作为设计的开端。这些结构,本质上对于它们包含的信息是形而上学的。

“音乐”界面 和“相册”界面是一样的 也与“事件”界面相同 同样与“形状”界面相同

所有的都一样

所以我们开始研究这种形而上学的结构。然后,当我们把内容“注入”到这些“容器”中,就能够针对包含在信息中的本质属性量身定做出一种描述。例如,越偏向视觉特点的信息(照片)相对于数据信息(信用卡交易)呈现形式更具有多样性。

如何设计更优质简洁的信息架构

1、要非常清楚什么是重要的(什么不重要)

别担心最小化某些事情的重要性,通常这是最大化其他事所需要的。对比是使事情变得清晰的关键。去掉你能去掉的,不能就最简化。

2、按照“物以类聚”原则思考

例如,你的APP里“用户资料”部分应该将任何与用户有关的信息包含其中,而不是让这些信息散布在APP里。

3、别害怕重新检查你的信息架构

当你的APP和网站升级后,一定要重新检查你的信息架构。团队通常忽视维护信息架构的重要性:“因为没有资源重新设计整个APP,所以我们宁愿清除信息架构”。转而考虑一些增值的项目。你或许只要做很少的工作就能提升你产品的信息架构(从而提高可用性)。

保持主干清晰,枝干适度。产品的主要功能架构是产品的骨骼,它应该尽量保持简单、明了,不可以轻易变更,让用户无所适从。次要功能丰富主干,不可以喧宾夺主,尽量隐藏起来,而不要放在一级页面。

上一篇下一篇

猜你喜欢

热点阅读