Monday, February 1, 2016

Mindmap - 思维导图



https://blog.coding.net/blog/coding-mindmap

思维导图无处不在

使用思维导图的场景无处不在,无论是做产品还是做设计,我们都需要清晰的思路,明确自己需要做些什么,最后需要达到什么效果,这时候,如果有一张清晰的思维导图,就能很快的理清自己的思路。作为互联网公司自称是产品型设计师(也就是既需要帮助老板整理需求梳理产品,也要设计漂亮的界面)的我更是如此。
下面我从产品、设计等方面谈谈我是如何运用思维导图整理我的工作的。

1、 需求分析——完善最初的想法

一般老板只会告诉我们大概需要一个什么东西,具体的细节还需要我们去整理。这时候,我会把大概涉及到的基本点写在纸上,想到一条写一条,特别是一些需要注意的地方。
这是很早之前设计冒泡话题列出来的一些关键点,我先把我想到的点列出来之后再去整理。
图片
在纸上列得差不多了,再新建一个 XMind 文档,把之前列的一些点一一转到电脑上,然后整理分类。
下面这个图片是当时在梳理码市需求时画的,这个图其实是不全面的,只是把重要的一些点列出来,为之后梳理产品的功能结构做准备。
图片
还有,更重要的是在梳理需求时,我们也就得出一个网站或者 APP 整体有哪些大功能组成部分,也就是在写产品需求文档时需要的功能逻辑图。从这个图你可以看到整个项目的主要功能点。
图片

2、产品设计——梳理产品功能结构

大概的需求点及需要注意的地方出来之后,并不着急画原型,我一定会先把整个产品的功能结构完整的列出来,包括页面上所有需要展示的内容,甚至基本的交互流程等。因为如果不这样做,很容易遗漏一些重要的点。
有了这个功能结构图,画原型的时候就可以一一对照了。当然这个图也是会实时更新的,我会一边画原型一边更新功能结构,画原型的时候会很具体的知道每个元素每个交互的过程,在思维导图里面有些地方并不合理,这时候就需要我们来及时调整思路了。梳理功能结构和画原型是产品设计过程中相互迭代的过程。
下面这个图是码市功能结构中的发布悬赏功能部分:
图片
然后得到下面的原型:
图片


Labels

Review (572) System Design (334) System Design - Review (198) Java (189) Coding (75) Interview-System Design (65) Interview (63) Book Notes (59) Coding - Review (59) to-do (45) Linux (43) Knowledge (39) Interview-Java (35) Knowledge - Review (32) Database (31) Design Patterns (31) Big Data (29) Product Architecture (28) MultiThread (27) Soft Skills (27) Concurrency (26) Cracking Code Interview (26) Miscs (25) Distributed (24) OOD Design (24) Google (23) Career (22) Interview - Review (21) Java - Code (21) Operating System (21) Interview Q&A (20) System Design - Practice (20) Tips (19) Algorithm (17) Company - Facebook (17) Security (17) How to Ace Interview (16) Brain Teaser (14) Linux - Shell (14) Redis (14) Testing (14) Tools (14) Code Quality (13) Search (13) Spark (13) Spring (13) Company - LinkedIn (12) How to (12) Interview-Database (12) Interview-Operating System (12) Solr (12) Architecture Principles (11) Resource (10) Amazon (9) Cache (9) Git (9) Interview - MultiThread (9) Scalability (9) Trouble Shooting (9) Web Dev (9) Architecture Model (8) Better Programmer (8) Cassandra (8) Company - Uber (8) Java67 (8) Math (8) OO Design principles (8) SOLID (8) Design (7) Interview Corner (7) JVM (7) Java Basics (7) Kafka (7) Mac (7) Machine Learning (7) NoSQL (7) C++ (6) Chrome (6) File System (6) Highscalability (6) How to Better (6) Network (6) Restful (6) CareerCup (5) Code Review (5) Hash (5) How to Interview (5) JDK Source Code (5) JavaScript (5) Leetcode (5) Must Known (5) Python (5)

Popular Posts