美文网首页
MONO APP结构与设计模式分析

MONO APP结构与设计模式分析

作者: Niconamo | 来源:发表于2016-05-10 14:11 被阅读950次

 

体验背景
IOS 版本

产品介绍

MONO是一款文艺范十足的阅读类软件,为用户推荐各种文艺范而资讯和新闻,充分利用碎片化时间来阅读。

用户群体

文艺小清新爱好者,热爱阅读和生活,有个性有品位的小众群体。

产品主要界面:

APP设有4个入口,分别为【推荐】、【发现】、【动态】、【我的】。

1.主界面导航模式分析

头部采用滚动式标签导航

优点:扁平化展示推荐子级,逻辑清晰。能够实现快速切换。

缺点:展示数量有限。

APP采用底部标签导航,属于IOS的常规导航方式。

优点:便于用户频繁的在不同分页切换的需求,入口偏平,轻松操作,层级清晰。

缺点:占用一定高度的空间。

2.内页列表模式分析

内容区域采用图文结合的垂直列表形式

优点:容展示简单清晰、容易被用户接受,配图精致,颜值高,获得较好的感官视觉体验。
缺点:有网络环境限制,加载速度略慢,耗费流量,占用空间。

3.特色功能模式分析

早午餐是MONO的特色功能点,打造早茶、下午茶,每天2个阅读场景,形成阅读习惯。

在早午茶界面采用网格式列表导航模式

优点:清晰明了,富有感染力的视觉表现,提升界面魅力

缺点:这种组织方式无法让用户在第一时间看到内容,选择压力较大

4.组合界面模式分析

在发现的界面中,MONO采用了多种组合模式。

头部的轮播图导航

优点:让用户只关注一个目标点,体验感强,隐藏其他内容,充分利用空间

缺点:没有轮播提示,用户无法在内心感知推荐量,有些迷茫。

宫格导航和文字列表的组合使用

优点:交互方式比较新颖,突出功能点

缺点:文字列表的导航内容描述模糊,用户无法感知文字所要传达的信息。

总结,MONO的采用的底部标签式导航结构清晰,内部采用的图文列表具有统一性。

组合列表导航形式,富有多样性。交互体验和逻辑上都比较流畅,但页面中图片占比非常大,并且gif图片直接播放,大图与小图的交替,在视觉浏览上,会感受有些乱,网络流量的限制问题较多。

相关文章

  • MONO APP结构与设计模式分析

    体验背景IOS 版本 产品介绍 MONO是一款文艺范十足的阅读类软件,为用户推荐各种文艺范而资讯和新闻,充分利用碎...

  • MONO APP分析

    一、产品定位分析 MONO是一款关心你的喜好与兴趣的内容订阅平台,提供优质内容,找到相同兴趣的人做朋友。 作为内容...

  • MONO APP分析

    产品名称: MONO APP(猫弄) 产品背景: 现在的内容是越来越多,但是噪音也越来越大,如何能够降噪,保证高质...

  • 设计模式第八篇-结构型模式【组合模式】

    设计模式案例分析-github 一、什么是组合模式? 1、将对象组合成树形结构,已表示“整体"与"局部"的层次结构...

  • APIcloud学习笔记

    app构建步骤: 需求分析: 架构设计 功能分解 app结构

  • 移动应用设计细节分析——导航

    移动设计模式整理分析——导航篇 产品导航设计优缺点分析 8种移动APP导航设计模式大对比 1.扁平式导航 1.1 ...

  • Android App开发规范

    App开发规范 一.项目结构 随着MVP设计模式的流行,就默认采用下面两种项目结构. 适合小项目 app——App...

  • JAVA架构师&八大专题提升

    1、软件架构设计: a.软件设计原则及设计模式概述 b.创建型模式 c.结构型模式 d.行为型模式 2、分析源码:...

  • 设计模式

    Java 设计模式情景分析 ——单例模式 Java 设计模式情景分析——建造者模式 Java 设计模式情景分析——...

  • 【设计模式】结构型设计模式汇总

    结构型设计模式汇总 结构型设计模式名称 结构型设计模式主要包括 7 大类: 代理模式 桥接模式 装饰器模式 适配器...

网友评论

      本文标题:MONO APP结构与设计模式分析

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