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

    技术2022-05-20  33

    一.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会被隐藏掉,在右边出现一个小三角形,如图所示:

     

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


    最新回复(0)