移动应用设计,要根据移动用户、环境和任务的特性,对产品功能做各种取舍。根据业务功能,分析移动特征,提供给用户最适合的基于情景的设计。在交互设计阶段,要应用信息组织方式,简洁功能,组合同类信息,隐藏次要功能,确定产品框架的核心点。
框架设计的深度和广度
一个好的框架设计是建立优秀的等级式系统,将信息按用户熟悉易理解的方式进行分类,并建立等级层次关系。一个良好的等级式系统是好的产品框架的基础。这种等级式系统可以被直观的描绘成树形结构。
在树形结构中,纵向总的层级数为深度,横向同一层级的链接个数为广度。
以深度优先的设计,是在纵向上增加层级数,而以广度优先的设计,是在横向上有更多的入口。

深度优先
深度越深,内容层级越多,用户获取信息的路径就越长,操作起来更繁琐。由于相关入口较深,对于新手会有搜索目标难道的增加。深度型框架,必然也给屏幕更多的空间,留给用户最关心的内容,让用户能更快速的获取信息。
优点:屏幕空间多,可以核心展示用户最关的内容,获取信息更快速
缺点:内容层级多,用户获取信息的路径长,操作繁琐
广度优先
广度越大,同一层级的入口越多,用户在搜索入口时,需要更多识别时间,也会占用更多的屏幕空间。但多入口的方式,也更容易让用户知道产品主要是用来做什么的。同时由于是展开式的入口,用户可以更快捷、更容易获取到自己需要的信息。无限制的广度,会让用户对产品提供的核心价值迷惑。
优点:展开式入口,用户可以更快捷,更容易获取信息
缺点:同一层级入口多,增加用户识别时间,产品核心功能不突出
在进行产品框架设计的时候,考虑产品的核心价值、内容数量、用户的熟练程度,内容组织的有效性,目标内容使用的频率,内容之间语义的相似性,使用情景特征和手机反应时间等各方面的综合因素,权衡框架的深度和广度。
产品框架的深度和广度体现方式包括:
浅而广、浅而窄、深而广、深而窄。

初期产品:浅而窄
对于新产品或者产品设计初期,应让产品框架窄一点,突出对用户来说重要的内容,对于一些复杂的业务,我们需要基于内容的优先级来精简、删除和隐藏,使原本广而浅的内容,转变为核心内容窄而浅,次要内容或者非重要内容窄而深。内容错落有致,层次清晰。
成熟复杂的产品:深而广
复杂的产品有时候不得不面对深而广的框架形式,手机屏幕小,入口多,用户在搜索入口的时候,需要更多的识别时间,而产品层级深也会导致用户获取信息的路径更长,用户更容易在中间路径断开,产生挫败感。因此此,在产品功越来月庞大和复杂时,要合理分析产品功能,让核心内容路径扁平化,合并层级信息,达到减少切换,尽量缩短路径,同时隐藏不必要的信息,精简内容入口。
核心内容路径扁平化:用户只需要较少的路径,就能找到自己想要的信息。提升产品的连续性和效率。
层级信息合并:合并层级信息,达到减少切换,缩短路径,使用户需要获取的信息可以在更浅的地方出现。
隐藏:明确用户在具体情况下需要的内容,隐藏入口分支,减少干扰信息。
网友评论