首页 > 其他分享 >实验一原型设计--背单词APP

实验一原型设计--背单词APP

时间:2024-04-14 16:55:16浏览次数:19  
标签:界面 -- APP 用户 单词 原型 设计 背单词

实验一原型设计--背单词APP

对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。
答:
1. 适用领域
墨刀:适合移动端原型设计,尤其是 APP 原型设计。
Axure:适合 Web 端原型设计,也可以用于 APP 原型设计。
Mockplus:适合 Web 端和移动端原型设计,尤其是快速原型设计。
2. 优点
墨刀:1.操作简单,上手容易,适合初学者;2.有丰富的组件库和模板,可以快速创建原型;3.支持在线协作和分享。
Axure:1.功能强大,支持复杂的交互设计和动画效果,便于制作素材库;2.快速的复制粘贴,素材库和原型库丰富,可以快速创建原型;3.项目共享功能,支持多人协作和版本控制,方便同事间同步工作,保留所有工作历史;4.可以生成历史版本的项目文档。
Mockplus:1.操作简单,上手容易,适合初学者;2.有丰富的组件库和模板,可以快速创建原型;3.有原型演示功能,有助于设计和开发团队沟通;4.不支持鼠标悬停,手机预览不太清楚,日历表组件是静态的;5.支持在线协作和分享;6.可以快速生成 HTML 代码。
3. 缺点
墨刀:1.不支持复杂的交互设计和动画效果;2.组件库和模板相对较少;3.必须在线操作,无法离线保存;4.免费版对项目数量、页面数量有限制。
Axure:1.动态面板和中继器较为复杂,需要一定的时间和精力去学习;2.不支持在线协作和分享;3.正版的Axure售价高,对某些群体(如学生)可能不太友好;4.只支持在本地设计。
Mockplus:1.不支持复杂的交互设计和动画效果;2.组件库和模板相对较少。

** 主题名称:背单词软件APP**

功能组成:
1.首先,它有丰富的单词库,可以通过浏览、搜索或按分类浏览来学习不同难度和主题的单词。每个单词都附带有音频发音和例句,这样用户就能更好地理解和使用这些单词了。
2.其次,它采用了记忆卡片的方法,帮助用户高效记忆单词。用户可以创建自定义的单词卡片,设置复习周期和提醒,定期复习已学习的单词,巩固记忆。
3.再者,它提供了多种单词测试和测验,比如选择题、填空题和拼写练习等,让用户能检验自己的学习进度和记忆效果。
4.另外,该软件每天都会有不同的封面,用户还可以手动切换APP的背景色,让学习过程变得更加有趣和个性化。
5.最后,它还记录了当前已学习单词和复习中的单词,让用户对自己的学习进度一目了然。

界面设计考虑因素:
1.用户友好性:将所有界面均设计的简洁、直观,易于上手,确保用户能够轻松找到所需功能,降低学习成本。
2.视觉一致性:让其整体设计风格统一,色彩搭配和谐,图标和按钮设计一致,提升用户体验。
3.信息层级分明:将功能和信息按照重要性和使用频率进行分组和布局,确保用户能够高效获取所需信息。
4.操作便捷性:设计合理的交互逻辑,减少用户操作步骤,提高操作效率。
5.个性化定制:要设计提供个性化设置选项,允许用户根据自己的喜好调整界面风格、字体大小等,来满足不同用户的需求。
6.视觉引导:设计通过色彩、大小、位置等视觉元素,引导用户关注重要信息和功能,提升用户体验。
7.响应式设计:设计时考虑不同设备和屏幕尺寸的适应性,确保在不同设备上都能提供良好的用户体验。
8.反馈与提示:设计在用户进行操作时,提供及时的反馈和提示,帮助用户了解操作结果和下一步行动。

接下来,我将提供8个切换界面,并对每一个界面的功能、组成、前、后置条件,操作步骤简单说明:

1.打开软件界面

界面功能:“不背单词”提示词。
界面组成:向用户展示该软件名称“不背单词”。
前置条件:用户打开该APP即可。
后置条件:跳转至该软件首页。
主要思想:用较为直观的文字“不背单词”来告知用户该软件是用来背单词的,但是“不背”两个字给人一种轻松的感觉。界面的设计给人一种简洁、明亮的感觉。其实是为了给用户带来一种轻松、舒适的学习体验。毕竟,背单词本身可能是一件有些枯燥的事情,但《不背单词》通过这样的页面设计,让每一次的学习都变得有趣和期待。
2.《不背单词》首页

界面功能:向用户展示软件的主要功能。
界面组成:一个可爱的小青蛙,给用户一种放松的感觉;正中央即是一个大大的单词,让用户一目了然,也可以让用户快速的记住;下方的Learn和Review,让用户想点进去学习和复习单词。
前置条件:打开该APP,打开界面自动跳转。
3.搜索单词界面

界面功能:用来查询不认识的各个单词,且有搜索记录。
界面组成:点击小青蛙图标后即可跳转至该界面,查询单词也很方便,有时输入前几个字母也可以出来相关单词。
前置条件:点击小青蛙图标即可。
4.文件夹页面

界面功能:可以启动随身听功能、听写功能;可以看到在学的词书;可以看到近日已学、全部已学;可以看到自己的单词本、句库以及笔记。
界面组成:最左上角是一个耳机图标,可以边走路边听单词(回顾预习均可);右侧是一枝笔图标,可以用来听写单词;下方就是可以看到在学的词书、近日已学、全部已学、自己的单词本、句库以及笔记。
前置条件:点击首页最下方中间的文件夹图标。
5.学习及复习跳转界面

界面功能:用来学习和复习所学的单词书。
界面组成:单词、音标、发音、例句、短语,以及它的词组搭配、派生及词根。认识或不认识均会提示,认识即接下来出现2次该单词,若还有答错,即清0,若将回答正确,即再回答正确2次即可。
前置条件:点击首页的Learn和Review。
6.导入界面

界面功能:用来搜索手机本地想导入的单词书或者某个单词。
界面组成:一个简单的搜索框。
前置条件:点击首页最下方最右侧图标。
7.导入完成界面

界面功能:导入过程展示。
界面组成:显示本地文件夹,以及是否确认导入。
前置条件:点击导入页面的搜索框即可。
操作流程:

标签:界面,--,APP,用户,单词,原型,设计,背单词
From: https://www.cnblogs.com/xiaoyang599/p/18132993

相关文章

  • 原型设计工具比较及实践
    一墨刀、Axure和Mockplus无疑是备受瞩目的原型设计工具。它们各自独具特色,适用于不同的场景和需求。让我来带您一探究竟!首先,让我们一起来了解一下墨刀(MockingBot)。墨刀是一个专注于快速原型设计、用户界面设计和团队协作的工具。它的简洁易用和快速上手是其最大优点,因此常常被小......
  • 网站推荐【UUID资料库】一款一款面向 <考研考试考证、学习资源下载、优质文章分享> 的
    网站推荐【UUID资料库】一款一款面向<考研考试考证、学习资源下载、优质文章分享>的资料库资源库使用介绍1、官方网址UUID资料库https://www.uu2id.com/ UUID资料库-考研公共课https://www.uu2id.com/tongkaoUUID资料库-考研专业课https://www.uu2id.com/schooldefine考......
  • ES6基础
    1.实例代码<!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metaname="viewport"content="width=device-width,initial-scale=1"> <title>DEMO</title></head><body> <......
  • 原型设计工具比较及实践
    一、1、墨刀在快速移动端原型制作方面有着明显优势,尤其适合初学者。其简洁易用的界面让用户上手容易,且能够直接在手机上演示原型,提供了更直观的体验。然而,相较于Axure,墨刀在交互效果、控件组合和操作面板上稍显不足。交互效果的连线方式可能会让用户感到困惑,且自带的交互效果相......
  • 分布式技术:云端部署,大规模会议与就近接入无忧
    超大规模会议支持:依托中国联通强大的云计算能力,云视频平台能够轻松应对超大规模的线上会议需求,支持数千乃至数万参会者同时在线,满足大型企业培训、全球发布会、线上峰会等大规模活动的通信需求。 就近接入,低延迟:通过遍布全国乃至全球的边缘节点和数据中心,云视频服务能够实现用......
  • 原型设计
    一、对比原型设计工具1、墨刀优点:能够快速制作移动端原型,容易上手,对于小白来说十分适合,墨刀使用起来很便捷,并且移动端原型设计很方便,能够直接在手机上演示更加方便直观。缺点:交互效果上、控件组合上,操作面板的选择上都不如AXURE灵活,并且效果切换因为是采用连线的方式,有时候会......
  • ubuntu Linux kernel升级导致英伟达显卡驱动失效
    Linuxkernel升级导致英伟达显卡驱动失效报错nvidia-smiNVIDIA-SMIhasfailedbecauseitcouldnotcommunicatewiththeNVIDIAdriver.MakesurethatthelatestNVIDIAdriverisinstalledandrunning.#或者nvidia-smiNvidiaNVMLDriver/libraryversionmisma......
  • 《梁宁产品思维30讲》笔记分享
    通过最近对《梁宁产品思维30讲》课程的学习,理解,讨论,再总结。个人觉得收获很大,总结出课程大纲并夹带者一些理解以读书笔记的形式分享给大家。有理解不到位的地方,请各位读者海涵。最后感谢梁宁老师的知识分享,使得每个读者心中有一个产品意识的种子,在未来的某一天悄然发芽。发刊......
  • STL学习
    栈:stack容器内元素的访问​由于栈(stack)本身就是一种后进先出的数据结构。在STL中stack中只能通过top()来访问栈顶元素栈上的基本操作栈的基本操作包括:函数名用途push(x)将x入栈top()获得栈顶元素pop()用以弹出栈顶元素empty()可以检测stack内是否为......
  • ETL工具-nifi干货系列 第十一讲 处理器UpdateAttribute使用教程
    1、在这里我们重温下nifi里面一个重要的概念FlowFile,如下图所示:FlowFile:FlowFile代表NiFi中的单个数据。nifi数据流中流动的就是flowfile,每个nifi处理器处理的数据也是基于flowfile的。FlowFile由两个组件组成:FlowFile属性(attribute)和FlowFile内容(content)。内容是FlowFile......