从用户体验的角度来分析一些在线图片、幻灯片处理产品

一.280 slides

1.交互设计

1.1 关于[280slides](280幻灯片)

今天看到这个一个产品叫280slides,大体上了解了一下，这是一款在线ppt制作软件，并且只要你注册完之后，你就可以免费的使用这款产品替我们提供的powerpoint的功能,从新建、删保存文件，到复制粘贴导入导出，达到了powerpoint最基本的需求，并且从视觉设计的角度质量也是非常的高。

 

1.2 [280slides]功能分析

 

    1.2.1 导入已有文档

您可以上传已有的PowerPoint文件到『280slides』，然后进行编辑或保存。

    1.2.2 保存您的文档

您可以把文档保存在『280slides』，这样您可以在任何互联网抵达的地方使用它们。

    1.2.3 内置媒体搜索

您可以使用『280slides』内置的媒体搜索来添加在Flickr上的图片或Youtube上的视频文件。

    1.2.4. 高质量的模板

『280slides』为您提供了丰富的高质量的内置模板。

    1.2.5. 自动保存功能

每隔几分钟，『280slides』便会自动保存文档，这样避免了出现意外时功亏一篑。

    1.2.6. 下载多格式文档

您可以将文档下载到您的计算机，『280slides』支持多种格式转换，包括PowerPoint 2007, PowerPoint 1997~2004, OpenDocument和PDF。

    1.2.7. 发布到互联网

您可以很方便地将文档发布到 SlideShare，Email给朋友或者在网站上进行调用。

    1.2.8. 无需下载软件

上面提到的七点都是在浏览器中实现的，您无需下载软件甚至浏览器插件，『280slides』工作起来就好像是桌面软件一样。

因为还是Beta版本，所以『280slides』的首页没有注册入口，但是可以在编辑界面的右上角的“Login”部分切换到注册界面。

 

1.3用户研究（角色设定）

用户是可能没有条件使用客户端powerpoint的用户这部分用户，这一部分用户使用可以使用280slides进行设计和制作powerpoint,

而用户能够快速的新建，制作，最终导出pptx，完成用户的整个工作流程

1.4任务流程

login->open or creat ->design ppt page ->save or down

 

loadingpage

create page

slideMenu

 

1.5信息架构

index(产品主页)

    |- launch(使用产品)

  |-280slides loading page

  |-280slides main page

 

    |-support(支持)

    |-blog(博客)

  |-blog home(what wo do)

  |-about us

  |-blog

  |-contack

    |-contack(联系)

 

 

 

2.视觉设计

2.1风格

整体的设计风格跟客户端软件产品大同小易，整体上通过色调的对比，重亮色的搭配，当下比较流行的透明半透明效果，比较炫的交互效果，比较cool的图标，并没有特别复杂的功能，给你还是简洁，易用的使用体验。

 

2.2造型

整个产品从loadingpage 到产品的主操作界面，随处非常舒服的渐变，半透明，阴影的dialog，非常精致的icon设计等视觉元素，使产品具有客户端软件的视觉效果，整个产品中icon的设计从风格色调上也是非常的整体，给人留下的印象深刻。

 

2.3渲色彩

整个产品的色调也是以灰色为基调，整体上明度没有特别大的落差，页面的结构也是非常的简洁，没有特别重的颜色，界面中的icon设计的也是非常的精致非常的整体，与整个页面的搭配也是非常的好。

 

注：

1.结合以前的在页面开发中涉及到的一些问题，比如到页面收缩的时候怎么处理菜单的问题，而280slides的一些思路值得我们借鉴。

resize page 后多出页面的icon会被隐藏掉，在右边出现一个小三角形，如图所示：

 

点击小三角看到隐藏的按钮，执行相关的任务