首页 > 其他分享 >打造心灵栖息地:YY日记App——原型设计分享

打造心灵栖息地:YY日记App——原型设计分享

时间:2024-04-17 21:55:19浏览次数:23  
标签:App 用户 YY 原型 设计 栖息地 交互 日记

YY日记App是一个专为年轻人打造的心灵日记应用,旨在提供一个私密、个性化的日记记录平台。在本篇博客中,我将分享我对YY日记App的原型设计思路和实现过程。

一、用户研究
  在设计YY日记App的原型之前,我进行了深入的用户研究,明确了目标用户群体为年轻人,他们希望有一个简洁易用、充满个性的日记应用来记录生活中的点点滴滴。通过用户需求调研和使用场景分析,我确定了设计方向和功能要点。

二、功能设计
  YY日记App的主要功能包括创建日记、分类管理、列表视图和私密保护等。除此之外,为了提升用户体验,我还添加了日记分享和标签管理等特色功能,让用户可以更加自由地表达和管理自己的日记内容。

三、UI设计
  在UI设计方面,我选择了温馨柔和的白蓝色调作为主色调,搭配简洁的图标和布局,为用户营造一个舒适宜人的使用环境。页面布局简洁明了,操作按钮和元素设计清晰明确,同时考虑到用户的视觉习惯和操作习惯,力求实现用户友好的界面。

四、交互设计
  为了提升用户的交互体验,我设计了多种交互操作,如滑动、下拉刷新等,让用户可以轻松流畅地浏览和操作YY日记。通过设置页面跳转、按钮点击等交互动画,使用户感受到更加生动和自然的应用体验。

五、工具选择
墨刀(Moqups):
1、适用领域:
适用于Web应用、移动应用和简单的图表设计。
适合初创团队和个人设计师使用,因为其简单易用的特点。
2、优点:
易用性: 墨刀的界面直观,操作简单,类似于PPT,便于快速上手。
协作功能: 支持团队协作,可以实现多人同时编辑和评论。
自动生成功能: 能够自动生成页面流程图,提供便捷的生产分享链接和二维码。
3、缺点:
复杂交互支持有限: 对于复杂的交互效果,墨刀的支持较为基础。
组件库不如其他工具丰富: 相较于Axure和Sketch等工具,墨刀的UI组件库略显不足。
缺乏高级动画效果: 如果需要制作复杂的动画效果,墨刀可能无法满足需求。
Axure RP
1、适用领域:
适用于大型软件、复杂Web应用和移动应用的原型设计。
特别适合需要高度交互和动态效果的企业级项目。
2、优点:
强大的交互设计能力: Axure RP的交互设计功能非常强大,可以满足各种复杂的交互需求。
丰富的组件库: 拥有大量的UI组件和图标库,可以快速搭建原型。
支持版本控制: 能够跟踪和管理设计版本,方便团队协作。
3、缺点:
学习曲线较陡峭: 对于初学者来说,Axure RP的学习曲线相对较陡峭。
软件运行速度受硬件影响: 在大型项目中,Axure RP的运行速度可能会受到硬件配置的影响。
费用较高: 相对于其他免费或低价工具,Axure RP的授权费用较高。
Mockplus
1、适用领域:
适用于快速原型设计,特别是对于需要快速产出概念验证原型的场景。
适合敏捷开发团队和需要快速迭代的产品设计。
2、优点:
快速上手: Mockplus的操作简单直观,适合快速构建原型。
高效的交互设计: 提供便捷的交互设计功能,可以快速连接页面和元素。
支持导出和分享: 可以导出为多种格式,方便分享给团队成员或客户。
3、缺点:
功能相对基础: 相对于Axure RP等工具,Mockplus的功能集中在快速原型设计上,对于复杂的交互和动画支持较弱。
组件库不够丰富: 虽然提供基本的组件库,但对于某些特殊需求可能需要自行绘制。
导出格式受限: 虽然支持多种格式的导出,但相对于其他工具,其导出选项可能有所局限。

总结:选择哪款原型设计工具取决于具体的项目需求、团队规模和预算。如果需要快速构建原型并进行概念验证,Mockplus可能是更好的选择;如果需要构建复杂的交互和动态效果,Axure RP则更为合适;而对于需要简单直观且支持团队协作的设计环境,墨刀可能是最优解。

我这里使用Mockplus制作了交互原型,并注重每个页面的细节设计和交互逻辑。通过设置页面间的转场效果和流畅体验,努力打造一个让用户愉悦并流畅的应用体验。在制作过程中,不断调整和优化设计方案,以确保原型设计符合用户需求和期望。

六、原型设计
01.登录界面
登录界面采用简洁的设计风格,用户可以手机号密码,或第三方软件进行登录,微信qq等。此外,我们还提供了忘记密码的链接,方便用户找回密码。

02. 主界面
主界面是用户进入应用后看到的首个页面。它包含一个日记本选择器,用户可以通过它来选择他们想要记录的日记本。主界面还包括一个快速记录按钮,允许用户即时记录他们的想法或感受,左右滑动可以看到历史日记。

03. 日记记录界面
日记记录界面是用户记录日记的地方。该界面提供一个文本编辑器,用户可以在其中输入他们的日记内容。此外,还有一个图片上传功能,用户可以添加图片来丰富他们的日记。

04. 日记列表界面
日记列表界面展示了用户所有的日记条目。每个条目包括日期、标题和图片。用户可以点击任何条目来查看完整的日记内容。

05. 数据分析界面
这里以月为单位,记录着用户一个月的数据包括:连续记录天数、待办事项、心情指数和一些活动等,这种图表式数据表达模式可以提高用户的理解效率,帮助我们发现隐藏模式,及时做出改进,同时增强了交互性,提升了用户的使用体验。

06. 个人主页
头部区域包括头像,个人空间,日记数量,记录天数等。
主题内容区域包括小组件,我写的书,商城,装扮空间,日签墙,同步日记按钮等。
底部区域是一个存储所有照片的大相册,里面有用户使用中的所有图片。

07. 设置界面
设置界面允许用户管理他们的账户设置,例如,隐私设置,账号绑定管理等。

七、原型图与视频演示链接
  (1)原型图链接:https://rp.mockplus.cn/rps/n178nvQaL1? 请查看《YY日记》.
  (2)视频演示链接:【原型设计】https://www.bilibili.com/video/BV1vC41137S5?vd_source=06ce8fb542c7edbbadc7363a02222378

  通过原型设计YY日记App的过程,我学到了很多有效的设计方法和技巧,也深入了解了用户需求和体验的重要性。设计YY日记App不仅是一次创意实践,更是一次对用户心理和体验的深入探究。希望未来可以继续打磨和完善这个原型,为用户提供更好的日记记录体验。
  这就是我对YY日记App原型设计的分享,希望能够启发和激励更多设计师和开发者致力于打造优秀的应用体验。感谢您阅读!

标签:App,用户,YY,原型,设计,栖息地,交互,日记
From: https://www.cnblogs.com/yiyianan/p/18141862

相关文章

  • delphi TApplicationEvents控件,响应程序级快捷键
    在窗体中插入TApplicationEvents控件,然后设置它的onMessage事件即可 procedureTForm1.ApplicationEventsMessage(varMsg:tagMSG;varHandled:Boolean);varAktywnaForma:TForm;begin//检查是否按下CTRL键并同时按下F7键if(Msg.wParam=VK_F7)and((......
  • 实验一---原型设计---小红书app
    对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点1.墨刀优点:云端操作,网页分享,墨刀的APP原型可以支持下载在手机里界面优美整洁。简洁的界面在一定程度上有助于提高开发人员的效率。强大的演示能力。墨刀在轻量......
  • ReferenceError: Cannot access 'pageWrapper' before initialization
    jeecgboot-vue3的ReferenceError:Cannotaccess'pageWrapper'beforeinitialization错误问题问题描述基于jeecgboot-vue3框架进行开发时,不定期在浏览器控制台打印出ReferenceError:Cannotaccess'pageWrapper'beforeinitializationatindex.ts:7:40错误,且页面一......
  • 肖sir__app的知识点
    1、appium实现原理 ========================================二、app测试中遇到的问题(一)、app出现ANR(无响应),是什么原因导致的?那么导致ANR的根本原因是什么呢?简单的总结有以下两点:1.主线程执行了耗时操作,比如数据库操作或网络编程2.其他进程(就是其他程序)占用CPU导致本进程......
  • 解决苹果审核4.3问题的有效策略:尝试混淆或重新上架?用这招居然成功上架AppStore了!
    本文分享了一款社交App在迭代过程中遇到苹果审核4.3问题的解决经验。我经历了被拒、账号封禁等困境,最终通过沟通、混淆和寻找解决方案成功上架AppStore。特别推荐了4.3解决秘籍-ipaguard 神器,分享了其对解决问题的帮助。在社交App迭代过程中,我们不幸遭遇了苹果审核4.3问题。新版......
  • 圈子社交系统--在线了解前后端,APP小程序H5,三端源码交付-多重玩法,新奇有趣。
    圈子论坛社区系统,含完整的后台PHP系统。功能:小程序授权登陆,H5和APP,手机号登陆,发帖,建圈子、发活动。圈主可置顶推荐帖子,关注、点赞、评论、交流等。可作为圈子贴吧等自媒体。一款全开源支持免费商用的圈子社区论坛系统;系统基于TP6+Uni-app框架开发;客户移动端采用uni-app开发,管理......
  • 实验一原型设计——不背单词app
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。1.墨刀适用领域:手机端项目。优点:简单易用:墨刀提供了直观的界面和简单的操作,适合初学者和快速原型设计......
  • Python+Qt在苹果电脑生成app制作dmg
    生成setup.py文件,然后修改里面配置内容,如下所示:1#!python32#-*-coding:utf-8-*-3"""4Thisisasetup.pyscriptgeneratedbypy2applet56Usage:7pythonsetup.pypy2app8"""910fromsetuptoolsimportsetup,find_p......
  • 今天在集群中创建yaml,使用create就创建成功,apply就创建失败原因分析。
    1.背景:今天在集群中搭建Prometheus监控,在使用kubectlapply-f[文件名]时,出现了报错,我对集群资源、命名空间、权限等进行一系列排查,甚至在没部署任何服务新集群部署该服务依旧显示部署失败。第一次使用kubectlapply-f文件命显示报错。#kubectlapply-fsetup/custo......
  • APP Stream Manager
     DeviceHAL3和APPStreamManager和PipelineModelManager是MTKHAL三大组成之一。 APPStreamManager:1.通过camera3_callback_ops->proccess_capture_result将数据回调给Framework。2.定义vendor的实际格式。......