IT评测·应用市场-qidao123.com

标题: 软件工程基础作业——原型设计 [打印本页]

作者: 杀鸡焉用牛刀    时间: 2023-4-24 21:16
标题: 软件工程基础作业——原型设计
  我的gitee相关仓库地址: 点这里!

一、关于原型设计工具选择的讨论

选择范围及介绍:墨刀、Axure、Mockplus rp、Figma、Balsamiq

1、墨刀

使用领域

墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。
优势


缺点


2、Axure

使用领域

Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。
Axure RP Pro能快速帮助设计者设计出快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。
优势


缺点


3、Mockplus rp

使用领域

摹客(Mockplus)隶属于成都摹客科技有限公司,专注于一站式的产品设计及协作。依托摹客“1+2+1”(1个平台+2个工具+1个设计系统)的产品矩阵,为产品开发团队提供全流程协作、原型设计、UI设计和设计规范管理支持。摹客可以自产出原型及高保真设计,也支持多款主流设计工具(Figma/Sketch/PS/XD/Axure等)的设计稿交付,团队成员在产品、设计到开发的各个工作环节,使用不同设计工具,可通过摹客平台协同工作
优势


缺点


4、Figma

使用领域

Figma,是一款基于浏览器的在线设计协作平台,集成了原型、UI、交付等功能,可以完成从线框图、原型设计、UI 设计到协作、设计系统管理、开发人员交付等各种环节。
优势


缺点


5、Balsamiq

使用领域

Balsamiq Mockups 在软件产品原型图设计领域,特别是 Web 原型图设计领域尤其受欢迎。使用 Balsamiq Mockups 画出的原型图都是手绘风格的图像,看上去美观、清爽。它支持几乎所有的 HTML 控件原型图,还支持 iPhone 手机元素原型图。
优势


缺点


工具需求分析

故事背景:

四个仅具有课设项目背景的软工大二学生组队进行相关课程作业,需要在一周半内确定项目内容、完成需求分析,并快速完成相关原型设计,以便为后续代码实现进行铺垫。
问题抽象:


相关需求:


得出需求下考虑的各维度:上手难度、工作内容风格、协作便捷性、页面上限、保真度、使用领域及群体、获取相关。
各工具领域适用优缺点

原型设计工具上手难度工作内容风格协作便捷性页面上限保真度使用领域及群体获取相关支持平台生态及功能特别说明墨刀简易简单易统一、精细方面较差支持10人协作模式20页可支持高保真度国内app原型开发、对预览效果要求较好的设研团队可使用免费版支持全平台可使用用户分享模板对超高保真度项目无法满足,国内使用生态在下滑Axure有一定门槛精细复杂、但较难统一支持5人协作模式较多可支持高保真度国际原型开发通用、对预览效果要求较好的专业设研团队30天试用版支持windows、Mac支持插件引入相关功能对UI设计较为侧重Mockplus rp简易简单易统一、精细方面较差支持多人协作单项目限制15页可支持高保真度国内app、游戏等原型开发、注重前期功能展示的设研团队可使用免费版支持全平台可支持sketch等拓展插件支持矢量绘制Figma比Axure较为简单一些相比Axure更易统一与简易能够较多人的协作无限制可支持高保真度国际UI设计开发、专业UI设计团队可使用免费版支持全平台国内生态较差,但功能十分强大需要魔法上网、仅支持联网且十分不稳定、对中文支持较差Balsamiq简易风格简约易用、便于统一desktop对协作支持较差无限制低保真度国际web原型开发、对项目早期功能与实现较为重视的设研团队30天使用版支持全平台草图设计、对交互方面较差基本不支持中文、且不重交互结论

综合来看,Mockplus rp较为适合作为本次作业原型设计工具。
二、相关原型设计说明

原型主题与名称

”简评“:一款沈航社区的消费体验交流平台软件
原型故事与使用场景

场景一:什么比较好?

小磊今天放学想在南区吃兰州牛肉拉面,校内有两家牛肉拉面这让他十分困扰,他不知道去的那一家到底味道怎么样,因为外卖平台上的评价真的不太有参考性。
于是小磊打开了 沈航社区消费体验交流平台 ,在里面分别找到了两家的牛肉面相关评价。在一番浏览后,小磊发现南区的牛肉拉面是真的难吃。
最终,小磊决定试一试去北区的兰州牛肉拉面并收获了满意的一餐。

场景二:你怎么能这样?

来自山东的小磊非常喜欢吃炒菜盖饭,在学校内找寻多日,他发现南区兰州牛肉拉面商家竟然有卖现炒的盖饭,这让他非常激动。到达食堂后,小磊立即点了一份鱼香肉丝盖饭。
但让人悲伤的是,这份鱼香肉丝盖饭并不符合小磊的口味,因为它居然是咸辣口味!小磊让同行的舍友也尝了尝,得出了饭菜难吃、没有甜味的一致结论。
仍怀有一定善意的小磊决定向商家反应问题,却得到了厨师傲慢的回应。虽然生气,但小磊并不想和商家过多争执。于是,小磊随便吃了点填饱肚子便离开了。
回到宿舍后,小磊希望他的同学以及无辜的校友能够免于受苦,便打开了 沈航社区消费体验交流平台 ,找到了南区牛肉拉面的盖饭这个项目,对其进行了基于自身消费体验的评价与打分。
社区内的同学们看到这条评价,纷纷决定避雷。

场景三:请给我个机会!

最近南区的牛肉拉面商家发现,他家的光顾的同学逐渐变少了,这让商家困惑不已。于是商家决定听听顾客的反馈,然后做做改良。
听说 沈航社区消费体验交流平台 上有不少同学们的体验点评,商家便注册了一个账号去查看他家的评价。打开他家的消费项目后,他发现他家炒菜盖饭有很多体验糟糕的点评分享
其中,一名叫“夯砖三石”的用户详细的描述了他的一次糟糕体验,其中包括饭菜口味糟糕、商家态度傲慢、价格偏贵等种种问题。该条评价得到了许多用户的回复补充,有着大量的围观 、较多的认可 以及零星的反对
商家后悔莫及,决定立即对客户们指出的问题做出整改。在平台上表明了自己商家的身份后,向平台用户承认了自身问题,并说明了整改办法。整改实行后,顾客人数有所回暖,也有了新的小问题。
但在商家与平台用户的一次次反馈与交流后,南区兰州牛肉拉面变得越来越好,生意日益火爆。

场景四:我们的校园生活蒸蒸日上!

一些日子过去了,小磊发现南区牛肉拉面的盖饭有所改善,他意识到是自己的评价起作用了。因此,他开始习惯于将校园内的消费体验分享到 沈航社区消费体验交流平台
点评做的多了,平台上认识小磊的人也变多了,大家纷纷认可小磊的点评,并愿意尝试他给予好评的消费。同时,更多人也加入到了点评的行列中,每天都会有校园好评榜、亟待改进榜、体验争议榜等相关消费评价内容的更新。
不仅如此,还有许多用户开始在 沈航社区消费体验交流平台 上开更帖子,分享自己的消费习惯与心得。商家通过这些**榜单与帖子,对自己的客户了解的也更加透彻了,推出了许多学生需要的消费项目。
沈航社区的消费体验因 沈航社区消费体验交流平台 的存在而变得更好了!

原型页面关系


功能考虑


界面设计考量


设计页面预览与说明

1、主页

界面预览


界面功能


界面组成


前置条件


后置条件


操作步骤


2、论坛页

界面预览


界面功能


界面组成


前置条件


后置条件


操作步骤


3、热榜页

界面预览


界面功能


界面组成


前置条件


后置条件


操作步骤


4、看贴页

界面预览


界面功能


界面组成


前置条件


后置条件


操作步骤


界面切换流程



目录


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!




欢迎光临 IT评测·应用市场-qidao123.com (https://dis.qidao123.com/) Powered by Discuz! X3.4