首页 > 其他分享 >实验一——椰子视频app原型设计

实验一——椰子视频app原型设计

时间:2024-04-19 13:22:18浏览次数:18  
标签:功能 界面 app 椰子 用户 原型 模块

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

1.主要优点

Axure作为老牌的原型图工具,功能最齐全,交互最多样,基本任何想要的效果都可以实现,尤其在制作PC端原型图上有优势。

2.主要缺点

Axure缺点同样也相当明显,Axure的动态面板、中继器等功能都是强大的,但是不容易搞懂。AXURE的素材也是很蛋疼的问题,大部分PM 都会在AXURE原型库、素材库去寻找相应的第三方素材库,进行载入,需要花费相应的时间。

(2)墨刀的优缺点

1.主要优点

刀对于APP的原型设计真的是体验非常好,怎么说呢?就像有一个无形的人在帮助你,和你一起打造你的原型APP。(当然以后也适用微信小程序的设计),其控件的拖拉、大小的调整,都会自然的去匹配相应的母版大小。无需去担心有多移动一点或多 选择一点。并且墨刀的系统控件都是基于APP,以及系统平台IOS和安卓,因此在里面可以首先选择相应的设备布局,减少了不少工作环节。

2.主要缺点

墨刀的缺点就是相应的就是不自由啦,首先这也于墨刀的产品定位有关,清晰定位为移动端原型设计工具,因此在交互效果上、控件组合上,操作面板的选择上都不如AXURE 灵活,并且效果切换因为是采用连线的方式,有时候会让使用者脑子错乱的感觉。并且目前原型的交互效果系统自带的还比较少,但基本满足日常所有原型的使用。另外需要充费才能够使用更强大的共享创建功能

(3)mockpuls的优缺点

1.主要优点

Mockpuls(摩客)是一款简介快速的原型图设计工具。审核软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。Mockpuls设计了组件、图标、收藏、母版的Tab,切换起来很方便。还筛选了一部分常用的组件固定在组件库上面,实现高频操作不用找。另外折叠面板的功能很棒,不用纠结展开和关闭的问题。

2.主要缺点

摩客的表格功能还需要完善,和它提倡的快速目标有差距,不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的。

(4)三者比较

墨刀的自由度及其简约的画风使得设计者可以在设想刚产生时便使用其绘制,同样的Mockpuls有着像是一把老工具的熟悉感,你可以通过它快速的导出你脑海中的设计图,但前两者都有着绕不过去的坎,他们可以做到快速简约但却没办法做到细致而在工作过程中细节决定成败,他们只能拿来做一些预览或是展示设计的表现手段,真正在工作中还是使用Axure,你可以自己寻找常用的元件并添加进去,同时它的交互功能更是可以让团队共同操作实现细致、高效率。所以三者没有优劣之分,真正决定你使用那个软件的是,你所导出的设计图是给谁看的?墨刀和Mockpuls更加方便快捷,可以做一个简单的DEOM和领导沟通;如果是给技术将详细功能会用Axure绘制原型图,交互更多更加自由,也可以更加方便的增加备注标签,方便研发人员理解。

二、使用墨刀进行视频app的原型开发
(1)主题名称:视频app原型设计——椰子视频

(2)功能:椰子app是一款影视频观看软件,可以让用户观看到涵盖多国多语言,多题材,多类别的影视剧,同时满足用户的各项功能需求,支持个性化定制,从功能到外观全方位立体式个性化,支持在线播放,搜索,超前点播,预约,播放记录跟踪等功能,掌握全网首播资源,包含了上千万部影片,流畅播放,支持各种清晰度,同时支持立体音效,使用户能够获得沉浸式的体验。

(3)设计思路:整体设计贴合主题,采用包含热带风情的蓝色调,搭配上立体感的水滴,给人一种如同置身夏天的清凉感受,使用户在打开app的时候就牢牢抓住其眼球,给用户深刻的印象,形成认知,同时内部风格简洁,功能具体,图标鲜明,方便用户理解和操作,给用户以最好的使用体验,首页推送热门内容,方便为了影视资源慕名而来的用户第一时间满足其需求,增加用户黏性,app包含多个模块,风格区分明显,推送新剧热剧,给用户时刻的新鲜感。

(4)界面

1、登陆界面

界面功能:提供进入使用app的入口,用户可选择登录或游客体验
界面构成:清新的UI设计,简洁的功能,app名称放在正中间,抓住用户眼球,奠定app基调
前置条件:进入App
后置条件:登录App

2、App首页

界面功能:提供搜索功能,推荐热门影视剧,根据用户的点击和观看记录用户的偏好,为后续的更新和个性化的推荐奠定基础
界面构成:正上方提供剧种分类,实现便捷选择;跑马灯滚动新出热门独播影视剧,吸引用户点击;提供推荐专栏,推荐热度高,评价好的剧,吸引用户兴趣
前置条件:登录APP
后置条件:视频搜索成功,视频成功播放

3、短剧界面

界面功能:提供热门,短剧,轻综艺自由选择切换功能
界面构成:跑马灯轮播推荐短剧,分几个小模块使用简洁生动的语言介绍推荐短剧,吸引用户点击观看
前置条件:点击短剧选项卡切换
后置条件:实现热门,短剧,轻综艺的切换,模块点击成功播放

4、会员界面

界面功能:会员精选,续费,兑Vip,免费领Vip,福利社,买周边以及搜索功能
界面构成:会员卡界面,查看Vip活动模块,热播推荐模块,Svip精选模块
前置条件:点击会员选项卡切换
后置条件:会员续费成功,功能切换成功跳转,热门活动成功查看,热播推荐成功跳转播放

5、分类界面

界面功能:搜索想看功能,剧种分类筛选功能
界面构成:搜索框,标签分类筛选,高分热播剧推荐模块
前置条件:点击分类选项卡切换
后置条件:搜索成功,点击标签成功筛选,点击推荐剧成功跳转播放

6、我的界面

界面功能:扫码功能,查看播放记录,下载,收藏,购物,客服,查看积分,切换壁纸等功能
界面构成:“我的”名片卡,播放记录查看模块,追更助手模块,我的服务模块,我的椰椰模块
前置条件:点击我的选项卡切换
后置条件:成功查看播放记录,各模块功能成功实现,我的关注,粉丝,好友,扫码等功能成功实现

(5)界面流程
通过点击底栏跳转各页面

标签:功能,界面,app,椰子,用户,原型,模块
From: https://www.cnblogs.com/ariaZhang/p/18144250

相关文章

  • 实验一-原型设计 微信卡包页面
    微信卡包页面-原型设计分享一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求 对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。1.墨刀:  ~适用领域:墨刀适用于快速原型设计和协作,特别是在移动应用和网页......
  • 第二代长安X5 PLUS 2024款车机绕开限制安装第三方APP
    测试车型:第二代长安X5PLUS2024款智尊型系统版本:OnStyle5.2.0安卓版本:9.0Pie文章内容仅供参考,不同车型不同版本可能操作不同一、拨号页*#*#888,输入密码密码规则见二、)进入工厂模式二、工厂模式动态密码规则:4位,和当前时间有关,24小时制,1、2位位当前分钟整十数,3、4位为小......
  • 小程序生态是更灵活构建超级App的方式
    互联网从1.0发展至今,已经经历了几十年的进步和变迁,催生出很多垂直领域的超级App。以下就是几个典型的超级App:1、电子商务Shopee(新加坡):东南亚最大的电子商务平台,拥有超过3.6亿活跃用户,覆盖7个国家和地区。Shopee提供广泛的商品品类,包括服饰、电子产品、家居用品等,并提供多种......
  • 腾讯云APP备案指南:一站式完成备案手续,助您顺利上线
    工信部最新通知要求所有互联网信息服务提供者完成移动互联网应用程序备案手续。腾讯云为开发者提供了简单易行的备案流程,本文详细解答如何在腾讯云平台完成备案,帮助开发者快速上线自己的APP。从验证备案域名到腾讯云审核,一步步指导您完成备案流程,让您的APP合法合规地运营。1.验......
  • App测试中,强制等待和隐式等待谁更强?
    简介添加等待是为了确保自动化脚本在执行过程中与应用程序之间的同步和稳定性。应用程序的响应时间是不确定的,可能存在网络延迟、加载时间、动画效果等因素。如果在执行自动化脚本时没有适当的等待机制,脚本可能会在应用程序还未完成相应操作或加载完成之前继续执行下一步,导致测......
  • web server apache tomcat11-06-Host Manager App
    前言整理这个官方翻译的系列,原因是网上大部分的tomcat版本比较旧,此版本为v11最新的版本。开源项目从零手写实现tomcatminicat别称【嗅虎】心有猛虎,轻嗅蔷薇。系列文章webserverapachetomcat11-01-官方文档入门介绍webserverapachetomcat11-02-setup启动web......
  • 实验一 球赛直播app
    墨刀、Axure、Mockplus等原型设计工具优缺点分析:一、墨刀优点:在轻量级的移动端原型制作更加迅速,展示更加方便。缺点:价格较贵,不能画流程图,相对于其他两款功能还不是很全面;应用局限性,专注于app原型设计,在后台和网页稍有乏力;归档能力不足,更倾向于链接、二维码形式输出,不能以文档输......
  • UNI-APP杂汇
    横排图标样式如下:  代码如下:<x-block><uni-sectiontitle="标题"sub-title="这是副标题"><uni-gridclass="px-2py-3":column="4":showBorder="false"squarehighlight@change=&quo......
  • 把 Maven 提交到项目?Maven Wrapper的使用与好处
    本文收录于Github.com/niumoo/JavaNotes,Java系列文档,数据结构与算法!本文收录于网站:https://www.wdbyte.com/,我的公众号:程序猿阿朗前言不知道你有没有发现,如果使用https://start.spring.io/或者使用IDEA创建一个SpringBoot项目,生成的文件列表中或有mvnw和mvnw.cmd......
  • 实验一讯飞输入法APP设计
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求:1.对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(1)墨刀适用领域:网页设计和移动应用界面设计快速原制作和协作设计用户体验设计和交互设计优点:界面直观,上手简......