01
开始
废话少说，开始之前，先来看看看最终效果。
（此处为视频，请在原文中观看）
1.1背景
我们设计的目标是该项目可以用于任何新的或现有的初创公司。我们考虑了很多领域，最终瞄准了“学习数字艺术”这个主题。
1.2问题描述
现在教育技术平台的运作方式在疫情期间，我们已经可以看到虚拟聚会的趋势。人们正在适应社交与学习的新方式。在未来，这种在线学习的趋势会继续增加。考虑到这一点，我的想法是为数字艺术的学习创建一个大师级别的教育技术平台。1.3这一切是如何开始的呢？在深入研究案例之前，我们先来看看数字艺术的市场。从任务出发，我们先要选择一个领域，我认为这次会与艺术和文化相关。在我在网上搜索我能找到的相关的一切时，我在Instagram上发现了“数字艺术”这个有趣的东西。
人们对艺术和艺术家的需求增加
NFT市场的增长
1.4目标用户18-40岁的人可以学习数字艺术。此平台适用于想要专业学习并希望通过其赚取利润的人。它可以被拍卖为NFT并且可以帮助用户探索数字艺术，并成为数字艺术家。
同时，此应用也适合于想要学习此技能作为副业或者作为他们工作的展示方式的人们。
目标用户
02
研究
2.1二次研究
在二次研究中，我试图更多地了解数字艺术以及它在现有教育平台中的地位。**“数字艺术是一种艺术作品或实践，它使用数字技术作为创作或展示过程的一部分。它被认为是一种当代艺术。”**
2.2数字艺术的类型
数字艺术的类型2.3对比分析我还浏览了其他提供在线课程的现有平台。我尝试分析这些平台的优缺点，以了解如何解决教育技术应用程序中存在的问题。
Edtech 应用程序的优缺点2.4二次研究后发现的问题
在二次研究之后，我能够确定一些我可以努力寻找解决方案的问题。
- 初级/中级/高级水平的划分： 课程在这些水平之间的分布很奇怪，学生们会混淆，疑惑应该学习哪个课程。
- 以折扣价提供的软件和硬件： 人们会在寻找资源（即学习课程所需的工具和软件）方面遇到困难。
- 提供离线访问： 我需要在有网络状态下访问全部页面才能找到我需要的课程。
- 让用户在询问付款详细信息之前探索应用程序： 有些应用程序要求你在任何跟踪课程之前或在让他们探索选项之前填写您的银行卡信息。
- 缺乏继续学习的动力： 课程经常被搁置，或者由于拖延而需要更长的时间才能完成。
- 缺乏自我评估： 课程通常缺乏自我评估测试或与导师的互动。
- 缺乏参与度： 课程通常缺乏应用程序中成员的参与度和讨论。
- 将艺术变现： 这些课程只教如何成为一名艺术家，但没有说明如何以及在哪里找到从这些技能中获得的资源。应该让他们了解NFT市场和其他变现方式。
03
调查研究
3.1观察到的常见的设计模式
雅各布定律
我浏览了这个细分市场的不同应用程序，发现了以下常见的设计模式：
- 视频课程可下载
- 提供课程内容的社会证明和教学大纲
- 提供一到多节或7天到一个月的免费试用
- 强制缴费
- 按年订阅或根据课程单独付费
- 入门可跳过
- 推荐课程
_“雅各布定律规定：用户将大部分时间花在其他网站上。这意味着用户更喜欢您的网站以与他们已经知道的所有其他网站相同的方式工作。”_3.2初步研究我进一步进行了一些采访和调查，以确定用户在现有应用程序中面临的问题以及有助于改善体验的必须添加的内容。以下是调查的一些回答汇总：
3.2调查结果
04
主要发现
4.1我们可以做什么呢？
- 提供从初级到高级的课程。可以是一个月或者更长时间的课程。
- 课程包含变现的教程。应用程序中可以添加一部分教NFT的教程或者课程。
- 建立讨论论坛，通过鼓励讨论交流来为用户提供动力。
- 提供软件访问权限并在需要时向学生发送工具，或者为他们提供购买工具的链接。
- 老师通过直播解答疑惑。
- 通过限制用户对课程的一部分访问权限来解决用户的拖延课程的问题。
- 购买课程之前提供试听课程。
- 为了提供动力，用户可以在每门课结束后获得认证。或者提供游戏化体验，提供徽章和等级。
- 提供给学生作业和测试。可以通过游戏化和提供奖品来增加参与度。
4.2为什么选择APP呢
越来越多人可以轻松使用APP，因此用户使用APP可以比网页版更加方便。除此之外，网页版需要链接网络才能执行大部分任务，但是APP可以在离线模式下也为用户提供基本内容和功能。
05
产出结果
5.1信息架构
5.2线框图线框图可以帮助我以更好的方式进行可视化。
高保真线框
布局 lo-fi 和 hi-fi 设计的 BTS5.3品牌推广
品牌对于与我们的目标用户建立联系也非常重要。我希望它同时具有吸引力、趣味性和信息量。我想出了一个简单的标志设计，它是笔和纸飞机的组合。它象征着创造力、想象力和在迭代、失败之后想要变得更好的渴望。
标志设计过程和迭代
06
风格指南
6.1色彩
我选择深色主题。浅色主题可能会对眼睛造成伤害。深色主题也可以帮助用户专注于内容。因此，我选择了黑色作为背景。
该平台专注于数字艺术教育。紫色象征艺术、想象力和智慧，粉红色象征创造力。因此，我继续使用紫色和粉色渐变。
主题色：黑色、紫色、粉色。
6.2图标
6.3字体
字体“ Source Sans Pro ”包含大量的粗细变化，这为创建字体比例提供了灵活性。由于该应用程序不可避免地有着大量的文字，因此选择该字体也出于易读的考虑。
07
页面设计
7.1启动页在启动页向用户展示平台提供的功能十分必要，也可也给予用户相应的体验。在此处，我更加强调此平台不同于现有应用的、特有的功能和产品。我的主要亮点有：
- 有机会和业内最好的导师学习
- 为用户搭建基于社区的学习网络
- 体验现场互动（此处是其他现有平台落后的地方，填补了师生之间的沟通空白）
- 广泛的数字艺术分类
- 通过学习可以获得徽章和奖励
如果用户为老用户，可以直接跳过转到登录/注册页面。
7.2注册/登录页
登录页：
用户可以选择使用邮件、电话号码或苹果ID登录。
Mail ID ：用户通过mail id登录时，需要输入自己的邮件地址和密码。如果密码不匹配，用户可以点击“忘记密码”。
如果用户输入错误的密码或电子邮件 ID，则始终会收到错误状态警告。
电话号码：用户可以输入他们的电话号码并登录。验证码将发送到他们的手机。
Gmail/Facebook：我提供了一个从他们现有的 gmail/facebook 账户登录的选项。在此选项中，应用程序可以轻松验证用户的合法性。
注册页：
对于没有账户的新用户，他们可以通过邮件、电话号码或苹果 ID 进行注册。
- 当用户输入密码时，强度指示器会用绿色、黄色和红色表示他们的密码强度。
- 当用户完成注册时，他们必须选择他们感兴趣的类别。
- 最初，在用户选择任何感兴趣的类别之前，下一步按钮会被禁用。所选类别稍后会显示在主屏幕的“推荐课程”部分。
7.3主页
主页显示划分成两种：一种针对新用户，一种针对老用户。在主页，首先会用用户的名字打招呼，这可以让他们对产品感到投入。
- “LIVE”的红色标志试图吸引用户的注意力。
- 我在这里包含了一些数据点，向用户展示对活动感兴趣的人数。这有助于他们更好地做出决定。
- 用户还可以滚动浏览其他实时交互。
_隔离效应：是一种倾向于回忆在一个群体中突出的东西，并赋予它比同龄人更大的权重。我强调了现场互动部分和受欢迎的讲师部分，以使它们脱颖而出。_
课程迭代卡片
推荐课程： 平台会推荐用户最感兴趣学习的类别。这将帮助他们轻松找到自己喜欢的课程。
热门课程： 我添加了一个热门课程部分，以激发用户探索他们感兴趣的课程。这些是大多数用户感兴趣的课程。
探索类别： 用户可以从他们想要学习的类别中选择课程。
NFT 课程： 随着对 NFT 和 web3 空间意识的需求增加，为用户添加一个获取有关 NFT 的专业知识的部分至关重要。
学习和付费： 我为用户添加了此部分，让他们可以选择按年订阅以解锁所有课程，而不是单独付费。
受欢迎的导师： 因为它是一个大师级的应用程序，用户肯定会想从他们选择的导师那里学习。
精选 NFT ： 我添加此部分是为了在平台上推广人才，并为用户创造变现的机会。用户可以在这里展示他们的 NFT，并且点击艺术作品他们会被引导到二级平台。
老用户：继续学习：
老用户可能已经参加了课程，所以当他们返回时，他们可以轻松从他们离开的地方开始课程。它还会显示已完成课程的百分比进度。
用户可以通过点击卡片快速打开他们正在学习的最后一门课程。
7.4连胜和通知
此部分老用户和新用户也有着不同的显示。
连胜：
- 新用户：最初对于新用户（没有设置每日目标）不会有连续。当用户单击连胜图标时，会打开一个弹出窗口激励用户接受挑战。
- 老用户：对于已经连胜的用户，图标会显示一周内完成的连胜数。当用户点击连胜图标时，弹出窗口会清楚地显示您继续或错过的天数。
- 用户可以单击设置目标的链接，并以每天的分钟或小时为单位设置时间。
通知：
用户收到通知时，图标会显示一个小提示，以吸引用户注意打开它。
7.5搜索和过滤
我不希望将搜索放在主页的顶部。我希望用户在进入搜索之前探索现有的选项。同时搜索功能是我的应用程序的一个重要功能，所以我决定在底部导航栏添加搜索。
新用户 ：搜索栏在搜索栏之后显示趋势搜索，然后是按类别搜索、热门课程、热门讲师和特色 NFT。
老用户：对于已经搜索过某些内容的用户，会为最近的搜索添加一个部分。用户可以轻松点击现有搜索并找到结果。
新用户和回访用户的搜索屏幕
- 搜索功能具有自动建议机制，有助于在用户完成输入之前自动填充搜索。
- 用户输入搜索后，搜索与搜索关键字会与他们的活动课程、讲师、实时课程和课程列表相匹配。
- 基于搜索，向用户提供具有找到的结果数量的项目列表。
- 用户还可以根据自己的要求对结果进行过滤或排序。课程或现场会议也可以被标记为最爱。
- 空状态：如果用户到达没有找到结果的端点，屏幕会提供一条消息，说明他们为什么找不到任何结果。而是为他们提供类似的搜索结果，以便他们找到替代品。
“永远不要让用户丢失方向。”
7.6课程详情与导师
在用户选择订阅课程之前，他们会获得课程详细信息和数据，以帮助他们做出决定。该课程还显示了订阅该课程的体验的预览。
- 用户还可以查看讲师的详细信息并在社区中关注他们。
- 最后为用户提供了类似课程的选项，以防他们想要探索更多。
- 用户还可以在订阅之前试听两节课程。
- 获取订阅：在用户选择之前，他们会得到退款保证，平台会尽可能透明和坦率。
7.7结账付款
在用户确定他们想要学习的课程后，付款过程就开始了。
- 用户点击获取订阅后显示支付金额。在这里，他们会获得“获得年度订阅”并解锁所有课程的第二个选项。
- 如果用户继续支付课程费用，则会显示更多详细信息。他们可以使用钱包中的硬币，申请优惠券代码，还可以按需访问软件。
- Accordion 用于显示付款方式，以便用户不会被太多信息轰炸。他们首先做出决定，然后采取行动。
- 支付成功后，支付成功状态以图标显示（图片优势效应：图片和图像比文字更容易被记住的）。
- 为用户提供开始学习的按钮或继续探索更多内容。
游戏化 确保用户获得成就感，激励他们返回应用程序并享受更长时间的使用。
我尝试通过为用户提供徽章和排名来在这个应用程序中融入游戏化。
- 排名和数字硬币是通过测验和参与每周挑战获得的。
- 当用户达到要求的目标时，他们会获得徽章。
ABOUT US
参考文章：
作者：
Richa Banka
译者：糖醋排菇
为尊重版权和译者
转载请联系我们