nevoui

主要说一下这个项目完后学习到一些东西。

也不算总结，只是简单概括，就不系统从信息架构什么什么的说起了=。=

一、项目介绍

移动端团队合作用的笔记应用，主要受众为公司内部或需要团队合作的团体。也可以做个人笔记用，不过个人笔记方面，因为印象笔记和有道云在移动、wed、pad端都被打通了，生态完整，所以个人的话竞争力比较弱。

二、交互方面

团队笔记，项目多，那么比起个人笔记一进来就要看到笔记内容不同，清晰的项目分类管理在团队合作中显得更为重要，所以首页展示内容是空间（也就是项目），空间概念就和PC端文件夹一样，灵活点也可以作为标签用。

效率类应用，首页要有工具栏方便直接编辑。项目多，搜索也就显得重要起来。

进去后为卡片内容

笔记内容，可以邀请同伴，然后可以评论。

三、细节交互

其实这个项目想来，更多学习收获是在细节方面。

这年内看了《about face3》，刚好和项目好几个体验符合。

1弹窗

弹窗的体验不好要，很粗暴，用户不是太喜欢做选择，而是要系统做出选择，有用户去决定。

传统PC端，比如WORD，在编辑完后，点击关闭，会弹窗提示是否需要“保存、不保存、取消”。其实是不必要的，而且这3个选项也让人很迷茫，不知道不保存和取消是什么区别。就相当于你在一个房间，动了一些椅子的位置，在离开房间后不会有一个弹窗提示你是否把刚刚动过的椅子移回原处。所以，编辑完后，系统应该自动保存。至于实验性操作，制作一个副本就可以了。

那么，在移动端，屏幕小，进行实验性操作的可能更小了，第二点内容一般都不大，就算不要也可以保存后退出。所以，编辑完后，按退出，应该就直接保存了，不应该弹窗提示是否需要保存。所以，小事记会弹窗提示是否需要保存，看的我真是揪心- -（没办法有些不是我决定啊- -）

项目里面很多还有类似的体验，比如保存笔记到默认空间，目的都是为了减少弹窗，让用户做到更多Don not make me think.。

2侧边栏

抽屉交互是最近圈内讨论比较火的一个话题。关于抽屉虽然让界面更简洁，但会让用户参与度下降，不如选项卡来的要好。

小事记也采用了抽屉的交互，但是侧边栏内容只限于设置，账号切换和切换背景，所以在抽屉会让用户参与度下降问题上.我们给出的办法是，让不常用的或者非内容选项放进抽屉内。

3标题

对笔记来说，有用户是不写标题的，便签也没必要用标题。但为了照顾强迫症用户，标题栏空着又让他们闹心，于是采用了第一行为标题的方式。魅族手机自带的便签，下来出现标题选择，我一直认为是很不错的解决方案，但是最新版本不知道为什么改了→_→（话说魅族便签是我目前用过最好的个人笔记应用）

不过，千万不要自作聪明让帮用户自己写标题。印象笔记以前安卓版就是自动把用户地址作为标题，于是就会出现，在同一个地方做几个的笔记下来，放眼望去，都是同一个标题的笔记 --，而且界面也因此变得不简洁。新版本印象好多了~

四、视觉方面

1毛玻璃

第一次尝试用毛玻璃的效果用在实际项目，感觉···还是挺难还原设计稿的····不过总体还算能忍，就不要折磨程序圆哥哥了，第一版先上，第二版在慢慢改。

主要就是选图，选图还真是技术活····然后这个项目下来直接让我对摄影产生了兴趣- -。

但是感觉，毛玻璃下的效果，并不是随便一张图片都能产生很好的效果。主要在于毛玻璃后的色泽和纯度。毛玻璃后太花花绿绿，会影响文字视觉效果（并不是毛玻璃后就能让文字清晰化），当然可以调高模糊度，不过图片是否顶得住····，第二是色泽，嗯，试验很多次后，发现，LOMO的色泽在毛玻璃下效果很好，基本不会有影响文字显示问题。

下面是我上半年做的过程中中途做的这方面一些总结（关于这图片中的字体各种不一样嘛。。。这个····嗯，无视好吗）

项目中几个背景

留白处理

之后，最重要的是留白了。这才是我认为在视觉方面收获最大的。

文字的留白是我认为非常考基本功的一个。图片多的应用，很多时候图片会掩盖很多缺点，看不出一个设计师真正水平，但是文字类应用，少了图片，对文字排版和留白处理，我认为这个细节真能看出很多。

先看2个例子

一个是anime 另一个是数字尾巴。这2张图很普通没亮点，但是文字排版基础功非常好，看的很舒服。再看一个反面例子，某大公司的大产品。

新浪官方微博的文字排版处理就不是太行了，看是能看，但可以做的更好。话说新浪微博无论移动端还是WEB端（无论交互还是视觉）都是作为我反面案例存在警示自己诶。

同款的fuboo和weico在文字留白排版这方面就做的好多了

（图片weico）

大概这么多，更细节，什么一像素啊之类的就不说了。酱。