# 拾柒竞品分析+iTree说设计 **Repository Path**: likeen/iTree ## Basic Information - **Project Name**: 拾柒竞品分析+iTree说设计 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-05-10 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 拾柒竞品分析+iTree说设计 # 一、竞品分析 ## 1.1 架构层 - 整理信息架构时，主要是运用设计师的逻辑思维。用线框图展示APP的信息架构，可以很清晰的了解到产品的功能定位、内容定位、内容走向、核心竞争力等重要的信息。 - 以拾柒为例子，从打开APP开始，可以将页面按照一级页面、二级页面一直到n级页面进行整理，然后绘制信息架构图。绘制完成之后，我们可以非常清晰的完整的看到APP的所有信息，对这个产品速度的有了认知和定位。然后再深入分析获取更多信息，对重要的页面和流程需要常识并且保存，方便之后有需要的时候快速调取。 ### 主导航的信息架构简要列明： ![主导航的信息架构](https://gitee.com/likeen/iTree/raw/011c5010df46e633993ea7da47c430e99f0e31c8/img/1-1.jpg) ### 细分页面的结构框架： ![细分页面的信息架构](https://gitee.com/likeen/iTree/raw/011c5010df46e633993ea7da47c430e99f0e31c8/img/1-1-2.jpg) ## 1.2 交互路径分析 - 交互层面的竞品分析不仅能使我们快速熟悉竞品，了解竞品的用户体验路径和页面跳转逻辑；还能快速发现竞品的交互设计亮点与可优化之处。将以上两点总结输出，辅助自身产品设计，借鉴其亮点之处，避开其可优化之处，从而达到以优于同类型产品的交互体验提升用户体验的目的。 ![交互路径分析](https://gitee.com/likeen/iTree/raw/011c5010df46e633993ea7da47c430e99f0e31c8/img/1-2.jpg) - 分析交互中的亮点时，可以采用对比描述法的方式，将竞品的亮点提出来，单独进行分析总结。 ### 我们将【拾柒】、【Mori手帐】、【青柠手帐】进行竞品分析。 ![竞品分析](https://gitee.com/likeen/iTree/raw/011c5010df46e633993ea7da47c430e99f0e31c8/img/1-2-2.jpg) ## 1.3 视觉层面分析 - 具体操作方式是从截图中提出竞品的颜色、字体、图标、版式、风格规范。最终将以上内容整合输出，用作自身产品规范制作是的参考。 - 视觉层面的竞品分析在整个分析流程中，是对 UI 设计最直接可借鉴的分析模块，并且将每项分析的结论单独列举出来，以便作为后续设计时的参考依据。 ![视觉层面分析](https://gitee.com/likeen/iTree/raw/011c5010df46e633993ea7da47c430e99f0e31c8/img/1-3.jpg) # 二、自己作品——【iTree说】 ## 简介 嗨\(^o^)/~我是iTree树说，你【树说】旅程上的第一位忠实的新朋友。 我们将会一起记录那些关于你的心情和故事，那些随时随地发生的小确幸。 这个世界很大，我们想要去看看这个世界，去拥抱这个世界； 但我们一个人可以很小很小，有些小秘密只想说给自己听。 iTree 会和你一起分享这个世界，聆听你的心事，做你的忠实好友。 - 清新简约的界面，生活需要一点仪式感 - 图文自由排版，随时随地记录小确幸 - 社区吐槽分享，评论互动，点赞志同道合的有缘人 - 私密空间，你的秘密藏在心 - 小圈邀请好友，共同记录美好回忆 - 树洞秘密，全新相遇，诉说心声，以信会友，穿越人山人海，让心灵对话 ## 2.1 结构层 ### 主导航的信息架构简要列明： ![主导航的信息架构](https://gitee.com/likeen/iTree/raw/011c5010df46e633993ea7da47c430e99f0e31c8/img/2-1.jpg) ### 细分页面的结构框架： ![细分页面的结构框架](https://gitee.com/likeen/iTree/raw/011c5010df46e633993ea7da47c430e99f0e31c8/img/2-1-2.png) ## 2.2 交互路径 ![交互路径](https://gitee.com/likeen/iTree/raw/011c5010df46e633993ea7da47c430e99f0e31c8/img/2-2.jpg) ### 作品亮点分析 ![作品亮点分析](https://gitee.com/likeen/iTree/raw/011c5010df46e633993ea7da47c430e99f0e31c8/img/2-2-1.jpg) ## 2.3 视觉规范 ![视觉规范](https://gitee.com/likeen/iTree/raw/011c5010df46e633993ea7da47c430e99f0e31c8/img/2-3.jpg)