美文网首页
信息架构—笔记

信息架构—笔记

作者: FelicityYang | 来源:发表于2018-03-31 22:25 被阅读0次

    个人抄录。微专业笔记,版权归网易云课堂所有。

    1 认识产品的信息架构

    从界面的信息中知道可以用这个产品做什么事,大概怎么用。在需要的时候容易找到某个功能。

    信息架构不是功能的简单堆叠。

    2 信息架构设计的前期工作

    2.1 了解用户、场景、习惯

    Persona,目标用户。

    尊重用户习惯。不为创新而创新。不要再不必要的地方体现差别。

    2.2 了解业务需求

    产品、运营、市场。尽可能了解更多渠道

    2.3 调研竞品的信息架构

    找3-5个同类竞品分析信息架构。Mindmap

    改版。过去的版本也是竞品。也要梳理树状图。

    ~共性&差异

    共性:遵循用户习惯(e.g.IM—突出消息&联系人;社交—突出关注的人;电商—突出购物车)

    差异:设计机会点。(e.g.社交产品的发现页;购物网站的首页;打车应用的侧边栏)

    2.4 卡片分类法

    了解用户心智模型

    介绍卡片à用户归类卡片à让用户取名à继续归类(第一次归类可能太大或太小)à简单访谈à拍照存档

    功能/信息卡片怎么提取?

    --1.功能或界面的名字。2.来自于现有信息架构树的树叶。3.不要过分细分。4.不出现包含关系。5.不超过30张。

    3 产出信息架构

    3.1 利用mindmap和axure整合信息

    1.    对每一层分级。2.重要性分级≠排序

    哪些可以设计得更明显,哪些可以隐藏或不突出

    --用axure的站点地图体现信息架构

    3.2 寻找层和度的平衡

     层=信息架构树的深度 (刚进入到找到某个功能的页面数量)

     度=某一节点子节点的数量 (广度)

    层过深。一般不会让层级超过5层。

    度过多。认知成本增加,找不到想要的内容。

    e.g.支付宝度很多。

    3.3 验证核心使用流程

      1.尽量保证根据树结构进行层次自上而下的前进。

      2.不连通层级的跳跃,尽量发生在最后一个步骤。(e.g.找到联系人to开始聊天)

    3.4 信息架构和交互构图的关系

    3.4.1 移动端。一级导航的样式。

     Tab /抽屉

      Tab中规中矩

      抽屉 更有创意和设计感

    --如何判断用tab 还是抽屉?

      ~利用重要性分级

       Tab=第一重要级中多项

       抽屉=第一重要级只有一项。且不需要经常切换。

    --竞品和用户习惯

    不要再信息架构做不必要的创新。尊重用户习惯。

    3.4.2 web端

      利用不同的结构,体现重要级。

      利用布局,体现逻辑关系。 (e.g.微博)

    3.5 为讨论做好准备

      你的过程就是你的底气。

    4 评判信息架构设计

    4.1 用户测试

      --用户是否可以在你不介绍具体产品的情况下,通过短时间的使用,说出产品可以用来做什么。

      --让用户进行核心流程任务,检查完成任务是否顺利。

      --给用户一个找寻一个相对层级较深的功能的任务,检测用户是否能通过信息架构的名称找到功能

    4.2 撰写产品说明书

    5 用信息架构思路设计页面

    5.1 为何在单一页面设计时需要考虑信息架构的问题

      e.g.如何摆放页面中的东西?

      确定页面需要呈现的信息-->绘制信息架构树状图-->重要性分级-->绘制页面

    5.2 明确一个页面中的元素逻辑性与重要级

      ~~这个练习可以经常做。E.g.看其他产品。微博。

    5.3 绘制单一页面

       完成树状图梳理后。将逻辑相关的内容使用同一的形式、位置,并让区块联通。

       利用大小、上下位置、色彩体现重要级。

      养成话信息架构树状图的习惯,让自己的思考更有逻辑。不仅仅仿照竞品,或者凭感觉。

      有逻辑的设计才是交互设计师更应该倡导的。

    相关文章

      网友评论

          本文标题:信息架构—笔记

          本文链接:https://www.haomeiwen.com/subject/rmvncftx.html