移动设计的框架深度和广度-素米创意|深圳界面设计公司

    当我们走进一个陌生的大型购物商城，往往很容易不知所措，不知道商场里都有什么商品，怎么样才能找到自己要买的东西。这时候你是不是渴望有几张楼层布局图，展示每层楼具体都有哪些门店在卖什么东西。以楼层为框架，将商品归类，然后具体摆放到各个店铺中，这样的商场平面图，反应的就是产品框架设计。产品的框架设计是将信息合理组织、有效展示的一种方式，这种方式将影响到整个产品的稳定和扩展。以下素米就为大家详细描述移动应用框架的深度和广度。
    一个好的框架设计是建立优秀的等级式系统，将信息按用户熟悉易理解的方式进行分类，并建立等级层次关系。像我们日常见到的公司的组织图、图书馆分类、族谱等都是等级式系统。一个良好的等级式系统是好的产品框架的基础。这种等级式系统可以被直观地描绘成树形结构。在此树形结构中，纵向总的层级数为深度，横向同一层级的链接个数为广度。以深度**的设计，其实就是在纵向上增加层级数，而以广度**的设计，是在横向上有更多的入口。
    深度**和广度**的设计，它们的主要区别在哪里？我们举一个简单的例子来说明：商场中本来应该每层楼的手扶梯都在同一个垂直位置，但是很多商场却将手扶梯的位置错开了，而且还是很多个手扶梯都错开了，这就是在偏广度的情况中让用户多了太多不必要的选择。
在偏深度的情况中，假设商场只设立了手扶梯，没有设置垂直电梯，这样上下楼就要一层一层走，无疑效率低了很多。
    总结一下：广度越大，同一层级的入口越多，用户在搜索入口时，需要更多识别时间，也会占用更多的屏幕空间。但多入口的方式，也更容易让用户知道产品主要是用来做什么的。同时由于是展开式的入口，用户可以更快捷、更容易获取到自己需要的信息。无限制的广度，会让用户对产品提供的核心价值迷惑，而深度越深，内容层级越多，用户获取信息的路径就越长，操作起来更繁琐。由于相关入口较深，对于新手会有搜索目标难度的增加。深度型框架，必然也给屏幕更多的空间，留给用户较关心的内容，让用户能更快速地获取信息。
    因此，在进行框架设计的时候，权衡好深度和广度，要考虑的因素很多，包括产品的核心价值、内容的数量、用户的熟练程度、内容组织的有效性、目标内容的使用频率、内容之间的语义相似性、使用情境特征，甚至是手机的反应时间等。
    以上内容由素米创意（）原创编辑，转发请保留此地址，多谢合作！