app的信息架构设计
编辑导语:信息架构是数字空间中对某一特定内容的信息进行统筹、规划、设计和组织的一种组织结构,它能在人与信息之间建立连接,使信息呈现更明晰、获取更容易。本文以某银行小贷产品体验优化为例,分析如何进行信息架构设计,一起来看一下吧。
![](https://p0.ssl.img.360kuai.com/t01d247824cdd414610.jpg)
信息架构是数字空间中对某一特定内容的信息进行统筹、规划、设计和组织的一种组织结构。信息架构要解决的问题是用户在哪里可以快速找到需要的信息,即信息的可寻性和可理解性。
信息架构是桥梁,在人与信息之间建立连接,使信息呈现更明晰、获取更容易。
用户在使用手机时会遇到一些困扰:需要使用某个功能,但尝试了各种操作却无法找到,最终只能在客服人员的电话指引下操作成功。这里我们得感谢强大的客服团队,但更重要的是需要反思:
“为什么用户找不到?”
“为什么用户无法独立完成操作?”
“这个功能放在菜单某个页面的右上角有没有问题?”
带着思考,我们复盘了信息架构梳理的过程,看是否忽略了什么?
产品信息架构梳理流程大致如下:
流程中很关键的一步是使用情景的分析。但在诸多产品使用体验中,往往是梳理出需求后,基于业务的需要,进行功能分类后,即完成信息架构的输出。完全忽略了使用情景分析。
下面我们以伊飒尔团队完成的某银行小贷产品体验优化为例,阐述构建用户使用场景对产品信息架构优化设计的重要性。
借贷产品的主要场景为借款和还款,如何让用户准确、快捷、满意地完成借款还款操作,是本次设计改版的中心问题。因此我们对用户的需求和情景进行了深入分析:
在借款环节用户比较关注可借额度、贷款息费、还款计划等信息。而数据显示,80%的用户来自宣传推广引流,也就是说用户在使用这款APP的时候,对贷款产品已经有一定的认知了解。在此基础上,设计过程中,我们将首页设定为快速借款的操作界面,可免去过多的宣传包装,直达用户需求。
![](https://p0.ssl.img.360kuai.com/t01687b59a05cfdb133.jpg)
另外,当用户产生了借款,第二个主要使用场景即是还款。在有借款记录的场景下,主页增加“还款”模块,方便用户完成还款操作任务。
在本次产品优化中,伊飒尔设计团队基于使用场景对产品信息架构的各要素进行了梳理重构:
1)导航
采用侧边栏导航,减少低频使用模块对主要使用场景的干扰;灵活运用上下文导航,为用户提供疑问解答等人性化帮助。
![](https://p0.ssl.img.360kuai.com/t014e876118848ef02e.jpg)
2)功能层级
突出主要场景使用功能,将辅助性功能融合到使用界面中,在用户需要时可在停留的界面找到功能入口。
![](https://p0.ssl.img.360kuai.com/t0172c482564f261489.jpg)
3)内容分类
梳理内容信息优先级,利用视觉表现,区分重要信息和辅助信息。
![](https://p0.ssl.img.360kuai.com/t01e0c37bac7e5cb671.jpg)
4)功能命名
结合用户日常用语习惯,避免晦涩难懂的金融词汇给用户带来困扰。
5)界面布局
结合人体工学规划界面布局,将重要信息置于视线热区,将重要操作置于操作热区,提高用户操作体验。
![](https://p0.ssl.img.360kuai.com/t01495b987eee7f1615.jpg)
以上优化的基础,是在充分了解用户使用场景前提下,急用户之所急,想用户之所想,供用户之所需。构建合理的信息架构,并将其转化为高效、友好的界面窗口,可以有效提高用户操作效率,从而达到提升用户满意度,留住用户,实现业务增长的目标。
来源公众号:伊飒尔UXD学院,专注用户研究和用户体验设计
本文由人人都是产品经理合作媒体 @伊飒尔UXD 授权发布,未经许可,禁止转载。
题图来自 Unsplash,基于 CC0 协议。
","force_purephv":"0","gnid":"936e066faf8b3a420","img_data":[{"flag":2,"img":[{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t01d247824cdd414610.jpg","width":"900"},{"desc":"","height":"396","title":"","url":"https://p0.ssl.img.360kuai.com/t01687b59a05cfdb133.jpg","width":"454"},{"desc":"","height":"704","title":"","url":"https://p0.ssl.img.360kuai.com/t014e876118848ef02e.jpg","width":"750"},{"desc":"","height":"1309","title":"","url":"https://p0.ssl.img.360kuai.com/t0172c482564f261489.jpg","width":"750"},{"desc":"","height":"1295","title":"","url":"https://p0.ssl.img.360kuai.com/t01e0c37bac7e5cb671.jpg","width":"750"},{"desc":"","height":"498","title":"","url":"https://p0.ssl.img.360kuai.com/t01495b987eee7f1615.jpg","width":"281"}]}],"original":0,"pat":"art_src_3,fts0,sts0","powerby":"hbase","pub_time":1659353820000,"pure":"","rawurl":"http://zm.news.so.com/1b3f059ffb07fbaa5ec16a7b09461381","redirect":0,"rptid":"16d506d421ed7161","s":"t","src":"人人都是产品经理","tag":[],"title":"基于场景的信息架构设计——以某银行小贷产品体验优化为例
湛融帖1404一个移动app的视图具有什么结构 -
薄具景13629602358 ______ 树状结构.树状结构是一个或多个节点的有限集合.树状结构有一个特定的点称为根节点(root),树状结构其余的节点分成n个独立的集合T1, …, Tn,每个集合也都是一个树状结构.T1, …, Tn为根节点的子树(subtree).视图是指计算机数据...
湛融帖1404软件开发的架构设计指的是什么? -
薄具景13629602358 ______ 软件架构(software architecture)是一系列相关的抽象模式,用于指导大型软件系统各个方面的设计. 软件架构是一个系统的草图.软件架构描述的对象是直接构成系 统的抽象组件.各个组件之间的连接则明确和相对细致地描述组件之间的通...
湛融帖1404移动app视图具有什么样的结构 -
薄具景13629602358 ______ Native app的开发相比传统的项目迭代周期要短很多, 需求的变化也频繁一些, 在开发的不同生命周期里采用不同的架构模式可以有效的节约开发时间, 提高开发效率, 这篇文章介绍几种常用的架构模式: 表现层 基本的MVC 移动app一般都...
湛融帖1404架构师必看:谈软件架构师如何做好架构设计( -
薄具景13629602358 ______ 此文转载至:帐前卒 1 前言 软件架构设计是软件设计的一部分,相当于总体设计,是软件设计过程中一个决定性的环节,架构确定了,软件基本也就定型了.而软件架构师则是软件项目的领军人物,是软件设计过程中最具挑战性的角色,从技...
湛融帖1404开发Webapp 使用什么框架比较好?目前有哪些流行框架,各自的优劣是什么.
薄具景13629602358 ______ 看你想使用那一个体系的,目前有三大主流的开发语言:jsp,asp.net,php 1.jsp是javaEE开发体系,里面有丰富的解决方案,目前著名的三大框架SSH(Struts,Hibernate,Spring)就是其中的开源框架,这三大框架分别用于实现MVC,数据持久和系统集成(bean管理).javaEE适用于构建大型的企业级应用 2.php也是开源免费的,其中有著名的LAMP(Linux,Apache,MySQL,PHP)免费组合,PHP比较面向过程,适用于中小型应用 3..net,这是微软的一套产品,不是开源的,适合中小型应用,当然现在也有人尝试使用.net构建大型应用
湛融帖1404用java开发app后台用什么框架 -
薄具景13629602358 ______ 后台的话,像Struts2, SpringMVC都是可以的,我就说说我们公司的吧,我们公司有三千多号人的上市公司,我们很多的APP,后台框架都是用SpringMVC和JDBC完成的,现在新开的项目可能更多的会选择使用SpringMVC来做,至于数据库方面,MyBatis或直接用JDBC应该是比较合适的
湛融帖1404web app 开发使用哪个框架最好 -
薄具景13629602358 ______ 第一款:Sencha Touch Sencha Touch 是世界上第一个支持 HTML5 和 CSS3 标准的移动应用框架,你可以使用 HTML5 来编写音频和视频组件,还可以使用 LocalStorage Proxy 来存储离线数据,同时,大量 CSS3 样式表为你提供了创建健壮样...
湛融帖1404软件体系结构的设计是什么呢?
薄具景13629602358 ______ 整个软件开发过程中关键的一步.对于当今世界上庞大而复杂的系统来说,没有一个合适的体系结构而要有一个成功的软件设计几乎是不可想象的.不同类型的系统需要不同的体系结构,甚至一个系统的不同子系统也需要不同的体系结构.体系结构的选择往往会成为一个系统设计成败的关键. 典型的软件体系结构风格有很多.例如,设计图形用户界面(GUI)常用的事件驱动风格、设计操作系统常用的层次化设计风格、设计编译程序常用的管道与过滤器风格、设计分布式应用程序常用的客户机/服务器风格等.一个实用的软件系统通常是几种典型体系结构风格的组合[1]. 近年来,我们致力于软件体系结构理论和实践应用研究,取得了一些初步成绩.在第2节中,我们将给出
湛融帖1404软件架构的种类 -
薄具景13629602358 ______ 根据我们关注的角度不同,可以将架构分成三种: 软件系统中元件之间的关系,比如用户界面,数据库,外部系统接口,商业逻辑元件,等等.比如下面就是笔者亲身经历过的一个软件系统的逻辑架构图 图2、一个逻辑架构的例子 从上面这张...
湛融帖1404什么是软件架构? -
薄具景13629602358 ______ 当你去了解一个东东的时候,第一步要做的,就应该去知道这个东东的定义,对于软件架构也是如此,经过网上查询和书籍的帮助,我大概理清了一个轮廓. 软件行业是一个热衷于制造'名词'的行业,如果退回15年,估计没几个人知道'软...