交互设计笔记(中):信息架构设计

时间:2023-01-19 | 标签: | 作者:Q8 | 来源:网络

小提示:您能找到这篇{交互设计笔记(中):信息架构设计}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的交互设计笔记(中):信息架构设计内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您!

做好信息架构是每个交互设计师必须掌握的一门技能,信息架构是产品的骨架,决定了一个产品的生长方向、产品的布局,以及用户对一个产品的初步印象和整体体验。由于信息架构的复杂性,需要交互设计师拥有非常强的逻辑思维能力和完善的整体思考能力。所以,为了完成一套完整的信息架构,须掌握一门科学的设计方法。

从2018年10月发布到现在已经快9个月了,毕业、工作So many things to do啊,好吧,还是有拖延症……终于整理了之前的学习笔记,希望通过分享的方式,使自己形成系统化的交互知识体系。切入正题,信息架构可从准备和产出两个阶段来进行设计。

1. 信息架构设计的前期工作

1.1寻找:产品的共性(要遵循的用户习惯)+差异(设计机会点)

首先和用研团队了解用户(Persona)和用户场景(如何使用产品),提取用户的习惯。

设计信息架构时,一方面须尊重用户的习惯,不要在不必要的地方体现差别。

  • 思考用户用产品做什么事;
  • 用户用这类产品最关心的是什么;
  • 用户有哪些思维定式;
  • 用户用过什么类似的产品等。

如图片社交类产品存在一些共性,发布自己喜欢的图片,关注朋友的动态并结交朋友是用户要做的事和最关心的事情,所以刚进入APP都会定位在关注这一模块,关注的人往往是最重要的东西。底部导航中间都会设置发布按钮,虽然样式不同,但都起到强化发布的作用。由于用户的思维定式(用户觉得应该有什么),都有消息和个人中心的存在。

另一方面要考虑创新。

如在发现(或广场)这一页,产品有较大的区别,有的直接把图片铺出来,有的体现内容,有的体现标签,因为在这一页,不同产品可能有不同侧重点,所以会做出不一样的设计。这就是产品的差异,可以创新的地方,设计时想那些是可以创新的,哪些需要遵循用户的习惯,其实创新也是和习惯相关的,只有了解用户习惯后,才能在不妨碍用户的情况下做出合理的创新。

1.2 输出物:竞品信息架构树状图(3个)+用户信息架构树状图(用户心智模型)



调研竞品的信息架构是产品设计中非常重要的成分,便于交互设计师了解现在所面临的市场和面对的目标用户等。

设计信息架构前,可以找3-5个同类竞品,分析并用Mindmap(思维导图)整理他们的信息架构,制作思维导图的工具有很多,如Mindmanager、X-Mind、Mindline等,可以做出如图所示的树状图。

树是体现信息架构的最佳形式,拼多多APP由首页、推荐、搜索、聊天和个人中心组成,在每一模块下又可分裂出其他的元素,这样层层展开是最好的体现信息架构的方式。

得到3-5个竞品的信息架构树状图后,需分析共性和差异。找到竞品在哪些地方存在共同点(和之前了解用户习惯一样),就是交互设计师需要遵循的用户习惯。因为竞品可能使用户形成了习惯,一旦改变会使用户不适,如所有的通讯软件都有消息和联系人,并放在重要的部分,因为发消息、寻找联系人是产品的重中之重。



其次是找到哪些地方存在差异,这些差异就是设计机会点,也就是创新点,如社交产品的发现页,有非常多的做法,可以突出不一样的元素或做不一样的组织架构,每个产品都可以发挥自己的创意。

了解竞品后,可用卡片分类法进一步了解用户的心智模型,即让用户对功能卡片进行分类、组织,并给相应功能的集合重新定义名称的一种自下而上的整理方法。简言之,是用户对功能卡片进行归类的方法,站在用户的角度,理解用户如何认定这些功能的。

需要准备的东西和执行整个流程如图所示,其中需注意功能卡片的提取,是功能或界面的名字,如联系人名片、对话窗口,来自于现有信息架构树的树叶(无子树部分,避免发生包含关系)。不要过度细分,如不细分列表单元格内的元素。卡片数量少于30张,卡片分类法结束后,整理并输出符合用户心智模型的信息架构树状图。

2. 产出产品信息架构设计

利用Mindmap整合前期调研信息和结果,对功能进行重要性分级,再将整合的信息翻译到Axure站点地图中,考虑信息架构和交互构图的关系。

输出物:自己产品的树状图(层与度的平衡)+重要性分级+Axure站点地图

在了解用户习惯,竞品信息架构和用户心智模型的基础上,根据共性和差异,进行信息组织和功能整合,用Mindmap产出自己的信息架构树状图,要注意的是寻找层和度的平衡。

  • 层=信息架构树的深度(刚进入产品到找到一个功能需要几个页面),一般不超过5个层级,否则会使用户操作困难;
  • 度=某一节点子节点的数量(一级导航下功能数),如果某一层级(页面)有过多的内容,会增加用户认知成本,找不到想找的内容。

整合完大量信息和功能后,还要对信息架构做重要网站 建设网站性分级,跟PM讨论哪些功能是重要的,哪些是次要的,通过数字对每一层级功能的重要性进行分级。在落地到页面设计时,可以明确哪些功能应该突搜索引擎seo赚钱出设计,哪些可以设计相对比较次要。

如微博首页(第一层级)的信息和功能非常多,有搜索、侧边栏(热门、特别关注、好友圈等来体现不同的微博内容)、发布内容、广告、个人信息、明星势力榜等等。

但这些内容的层次和主次不一样,有些部分放的非常大,如关注的人所发布的微博和自己发布内容的发布框。而有些内容相对比较次要,放的比较靠边,如个人信息和明星势力榜。所以,在做信息架构时,虽然这些内容放置在同一层级,但它的重要性是不一样的。

天津全托管的微信朋友圈发

3. 总结

信息架构设计的关键是对产品骨架的思考,在尊重用户习惯的前提下,寻找产品的创新点。构建信息树时注意层与度的平衡,区分重要性。可用Axure站点地图来体现信息架构,Axure是常用的交互设计工具,一层包一层的结构非常符合树状图的需求。

所以,将整合的信息(思维导图)翻译到Axure站点地图中,能帮助交互设计师更好地在Axure里完成产品的页面设计。

相关阅读

 

本文由 @产品负一岁 于。,

,基于CC0协议

交互设计笔记(中):信息架构设计

上一篇:智能音箱+屏幕:得用户体验者得天下
下一篇:多通道交互(MCUI):AIOT时代的新交互方式


版权声明:以上主题为“交互设计笔记(中):信息架构设计"的内容可能是本站网友自行发布,或者来至于网络。如有侵权欢迎联系我们客服QQ处理,谢谢。
相关内容
推荐内容
扫码咨询
    交互设计笔记(中):信息架构设计
    打开微信扫码或长按识别二维码

小提示:您应该对本页介绍的“交互设计笔记(中):信息架构设计”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通交互设计笔记(中):信息架构设计的相关事宜。

关键词:2年, 交互设计, 信息架构设

关于 | 业务 | 案例 | 免责 | 隐私
客服邮箱:545321@QQ.com
电话:400-021-1330 | 客服QQ:545321
沪ICP备12034177号 | 沪公网安备31010702002418号