实验一---原型设计---小红书app

对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点

  • 1.墨刀

        优点:云端操作,网页分享,墨刀的APP原型可以支持下载在手机里         界面优美整洁。简洁的界面在一定程度上有助于提高开发人员的效率。         强大的演示能力。墨刀在轻量级的移动端原型制作更加迅速,展示更加方便。      缺点:价格较贵,不能画流程图相对于其他两款功能还不是很全面。应用局限性。墨刀专注于app原型设计,在后台和网页稍有乏力。归档能力不足。墨刀更倾向于链接、二维码形式输出,不能以文档输出

  • 2.Mockplus

        优点:基础版免费使用,操作简单,上手快,功能多样,组件资源丰富,预览方式和导出类型多样,支持团队协作。 审阅协作、无缝真机预览。适合快速开发迭代的模式,上手快。 模版管理、组件交互动画、素描风格等功能为独有创新。 缺点:不支持手势交互。功能不够强大,个人性化设计还有潜力平民软件,专业性不足以服众。         软件细腻性有待提高。鉴于其操作简单入门快的特点,功能追求快捷,一定程度上忽略了功能的细腻性。

  • 3.Axure

        优点:操作变化多端,自带组件库并支持第三方组件库,提供强大的交互支持,有完整的教程及支持文档,支持原型预览。应用灵活,可拓展性强,拥有超级强大的交互制作能力。高保真的原型设计工具,名声大,专业性高。 缺点:性价比不高,专业需求度高。难度稍大,入门较慢。鉴于其比较复杂,学习难度较大,新手劝退。        本地型软件,可以下载html文档预览,手机预览不方便。制作原型的速度比较慢(交互操作太多),常常耽误时间,而且修改较繁琐。

原型设计
本次设计借鉴小红书。
主题名称: 小红书
功能:是一个综合性的社交平台,主要包括以下功能和服务:社交和分享,购物和推荐,笔记和文章,社交互动,知识分享和学习,视频分享等。

1.启动

提供可视化的图形界面供用于选择操作。

2.首页:

展示关注、发现、附近。
组成:推荐类动态、分类导航、搜索栏。

  • 浏览与搜索:可以浏览平台上其他用户发布的信息,并根据分类或关键词进行搜索,搜索有历史记录及搜索发现板块,发现板块用于推送热点动态。

  • 内容详情查看:可以查看单个作品的详细信息,包括作品的动态,ip,文案,图片作者等。

3.商城:

可以选择购买感兴趣的商品,有关于商品的分类,推荐等。

  • 商品详情:有关于商品的描述,名称,价格,发货地点,以及购买用户的评价等。

  • 商品的分类:关于各类商品的分类区。

  • 订单:关于订单的展示,包括已发货的订单包括下单时间,付货金额等,还有未发货的,收到商品点评界面等。

4.消息 :

提供私信功能,有关于聊天好友的信息记录。

  • 聊天界面:方便用户之间的一对一聊天和交流。

5.我:

用户可以在个人主页上展示自己的基本信息、兴趣爱好、个人照片、笔记、赞过的作品等。

  • 设置:用户可以编辑和管理个人信息,并可以设定权限控制谁可以查看个人主页的内容。

界面流程细分

  • 首页
    功能:展示关注、发现、附近。
    界面组成:推荐类动态、分类导航、搜索栏。
    前置条件:用户已登录。
    后置条件:可以浏览作品、进行搜索。
    操作步骤:打开App,进入主页即可。

  • 商城

    功能:展示商品,分类 。
    界面组成:推荐类商品、分类导航、搜索栏、商品图界。
    前置条件:点击商城导航栏。
    后置条件:可以浏览商品、进行搜索。
    操作步骤:打开App,进入商城即可。

  • 消息
    功能:展示赞和收藏、关注、评论、聊天记录。
    界面组成:聊天区和信息栏。
    前置条件:用户点击消息栏。
    后置条件:可以了解关于作品的赞、评论,以及新增关注,聊天信息情况。
    操作步骤:打开App,点击消息栏即可。


  • 功能:展示自己的信息、性别、兴趣爱好、粉丝数及关注数等。
    界面组成:信息区和设置区及详细情况。
    前置条件:用户点击我。
    后置条件:可以了解赞过的作品记录、收藏、笔记及个人信息情况。
    操作步骤:打开App,点击我即可。

posted @ 2024-04-17 18:43  朱鹏宇  阅读(9)  评论(0编辑  收藏  举报