首页 > 其他分享 >原型设计工具比较和实践

原型设计工具比较和实践

时间:2023-04-21 14:56:46浏览次数:42  
标签:视频 界面 个人信息 实践 用户 点击 原型 工具 播放

目录

一、原型设计工具比较

1. 墨刀

  • 优点
    • 新手小白型工具,操作难度较低

    • 模板较多,可以快速进行产品设计

  • 缺点
    • 交互相对复杂

    • 自定义组件支持较弱

    • 切换效果的体验感较差

  • 适用领域
    • 适用于平台和企业协作

2. Axure

  • 优点
    • 功能齐全,操作多样性

    • 交互灵活多样,交互效果良好

    • 拥有强大的编辑能力

  • 缺点
    • 组件方面不完善

    • 操作繁琐,上手难度高

  • 适用领域
    • 商业分析师、信息架构师、产品经理、IT咨询师等

3. Mockplus

  • 优点
    • 功能多样,操作简单

    • 支持团队协作,组件资源丰富

  • 缺点
    • 不支持手势交互

    • 组件属性较少

  • 适用领域
    • 适合软件团队、个人在软件开发的设计阶段使用。

二、原型设计

1. 主题名称

  • 在线听歌

2. 功能介绍

  • 用户可通过此平台进行搜索、听歌、收藏、上传歌曲以及修改个人信息等活动

3. 界面设计考虑因素

  • 该原型设计参考了网易云音乐PC端的界面设计,在其基础上增添个人元素,给用户

    以简单清新的体验感

4. 切换界面

(1)视频界面

  • 界面功能
    • 选择喜欢的MV视频进行观看
  • 界面组成
    • 导航栏

    • 视频及MV选择键

    • 歌曲播放栏等

  • 前置条件
    • 点击左侧导航栏中的“视频”
  • 后置条件
    • 播放视频MV
  • 操作步骤
    • 用户可以在这个界面选择喜欢的MV视频,然后通过点击视频

      进行观看

(2)视频播放界面

  • 界面功能
    • 观看MV视频
  • 界面组成
    • 基础导航栏

    • 视频播放界面

    • 返回键

  • 前置条件
    • 在视频界面点击任意“视频”
  • 后置条件
    • 返回“视频界面”
  • 操作步骤
    • 用户可以在此界面中点击播放键或声音调节键及其他按键对视

      频播放进度、音量等功能进行调节

(3)个人信息界面

  • 界面功能
    • 查阅、修改个人信息
  • 界面组成
    • 基础导航栏

    • 用户头像等基础信息

    • 编辑个人信息键

    • 歌单

  • 前置条件
    • 在主界面右上角点击“我的”
  • 后置条件
    • 返回主界面
  • 操作步骤
    • 用户可以点击“我的”进入个人信息界面,对用户信息进行查

      阅或修改,也可通过点击返回键来返回主界面

(4)编辑个人信息界面

  • 界面功能
    • 编辑个人信息
  • 界面组成
    • 基础导航栏

    • 昵称、个性签名、性别、生日、地区、头像编辑框

  • 前置条件
    • 点击编辑个人信息按钮
  • 后置条件
    • 跳转至个人信息界面
  • 操作步骤
    • 用户可以点击“我的”进入个人信息界面,对用户信息进行查

      阅或修改,也可通过点击返回键来返回主界面

5. 界面切换流程

标签:视频,界面,个人信息,实践,用户,点击,原型,工具,播放
From: https://www.cnblogs.com/Lihk/p/17340244.html

相关文章

  • 内网穿透工具
    内网穿透工具什么是内网穿透?简单点,一句话概括:它将内网下的本地服务器通过安全隧道暴露至公网。使得公网用户可以正常访问内网服务。比如你本地开发项目启动了,想让别人从互联网上面访问到,这个内网穿透就派上用场了,当然这只是我使用的范围,其他的我也用不上、下面介绍的内......
  • 浅谈日出日落的计算方法以及替代工具 - 日出日落 API
    引言如果你想知道精确的日落日出时间,又或者你想设计一个日出日落时间查询的应用,又或者你只是好奇点进来了,还是可以过来围观一下涨涨知识,今天想跟大家聊一聊的是日出日落的计算方法以及替代工具-日出日落API。日出日落API是一种可以获取指定城市或地点每日日出时间和日落时......
  • 安卓插件化shadow实践
    原文地址www.jianshu.com背景:项目app里需要嵌入云游戏,然而云游戏的发版次数频繁,直接嵌入原生app里就会频繁走合规检测,才可以提交审核发布,流程长,效率低。说明:涉及的安卓知识多而杂,还是最好先把原理过一遍,不需要完全理解,至少有个大体的运行流程结构。https://github.com/Tencen......
  • 全平台数据(数据库)管理工具 DataCap 管理 Rainbond 上的所有数据库
    DataCap是用于数据转换、集成和可视化的集成软件,支持多种数据源、文件类型、大数据相关数据库、关系数据库、NoSQL数据库等。通过该DataCap可以实现对多个数据源的管理,对数据源下的数据进行各种操作转换,制作数据图表,监控数据源等功能。在Rainbond上部署DataCap前提安装Ra......
  • #正版软件推荐 |Todo 清单高级账户待办事项与时间管理工具
    这款待办事项与时间管理应用让你成为时间的主宰。它融合IvyLee时间管理法和Pomodoro番茄工作法,搭配强大的数据复盘系统,为你的学习、工作和生活带来翻天覆地的变化。该应用已上线Android、Windows、Mac和华为鸿蒙平台,并将逐步支持iPhone、iPad、AppleWatch等更多设备。众所周知,时......
  • 企业聊天工具要怎么挑选?
    随着互联网的迅速发展,聊天工具普及到了人们的日常生活与工作当中,许多企业内部都会使用社交聊天工具作为内部沟通协作工具,这些社交聊天工具虽然一定程度上能解决企业内部沟通协作需求,但在效率的提升上却有不足,而且有信息泄露安全隐患。因此,建议企业内部最好还是使用企业级的聊天工......
  • 原型设计
    一.工具比较1.墨刀1.适用邻域:主要用于设计移动APP原型。2.优点:拥有PC端、手机端、网页版,可跨平台。可多人协作。使用方法不难,适合新手。3.缺点:需要收费。对交互效果、控件组合、操作面板的选择都不如Axure灵活。2.Axure1.适用邻域:用于创建应用软件或Web网站的线框图、......
  • 在线CTF工具箱--端口扫描--杂项--密码学--编码和解码
    这是为CTF发烧者准备的的工具套件,助你过关斩将、攻克难关。目前基础功能和一部分高级功能已经完成,可以在GitHub上查看工具列表和开发进度。 CTFer:https://ctfever.uniiem.com/ 项目地址:https://github.com/UniiemStudio/CTFever ......
  • 如何使用Webpack工具构建项目
    起步webpack用于编译JavaScript模块。一旦完成 安装,你就可以通过webpack CLI 或 API 与其配合交互。如果你还不熟悉webpack,请阅读 核心概念 和 对比,了解为什么要使用webpack,而不是社区中的其他工具。运行webpack5的Node.js最低版本是10.13.0(LTS)。基本......
  • JavaScript 测试及效验工具
    JavaScript是一款强大的广泛运用于现代Web站点及应用的脚本语言。作为一个技艺精湛的Web开发者,掌握JavaScript可以增强用户的使用体验,提供交互及富客户端等功能。尽管JavaScript的语法非常简单,但对于写程序而言仍然是困难重重,就是因为它的运行环境:基于Web浏览器。以下您可以看......