微信小程序云开发教程-用户体验地图及功能页面归纳

2024-09-03 10:08

本文主要是介绍微信小程序云开发教程-用户体验地图及功能页面归纳,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

    本节课我们首先学习用户体验地图,并对功能页面进行归纳。

    我们第一步要做的,是将需求文档,转化成用户体验地图。

    用户体验地图就是通过画一张图,从一个特定用户的角度出发,记录下他与产品或者服务进行接触、进入、互动的完整过程。从用户接触服务开始,到达成自己的目标为止,整个流程画一个坐标图,横轴是用户的使用路径和其路径上所有节点的行为,即服务触点,纵轴是用户情绪(爽、一般、不爽),最后得到用户与产品服务互动过程中的情绪波动曲线。

    对于我们即将设计制作的近义词反义词典小程序,根据在需求文档中梳理出的用户需求,我们来描绘用一下户体验地图。

    用户遇到问题需要查询近义词反义词,此时打开小程序,不需要再翻动厚厚的词典,是爽的体验;

    第一次进入小程序后提示注册,可以直接通过微信授权方式自动登录,相比需要手机号注册登录来说,是爽的体验;

    授权完成后在小程序内查词,主页可以直接查询词语,需求得到满足,是爽的;

    查看所有搜索结果,并选择满意的结果进行点赞,是爽的体验;

    首页展示搜索热词、可以方便分享小程序给好友,都是小程序常见的功能,可以算作一般的体验;

    如果操作中遇到问题需要反馈意见,一般是不爽的,但是首页能看到“联系与反馈”的入口,比较方便地进行反馈,是爽的体验;

    反馈后立即收到通知,得到交互回应,也是爽的;

    反馈时需要上传图片,这就让人有点不爽了。但是这对于管理员解决问题来说是非常重要的材料,所以还是需要这个功能的。

    这样,我们就按照用户动作和用户体验完成了体验地图。

    根据体验地图中用户的操作路径,我们进一步进行页面的归纳。

    进入小程序后,首页可以进行登录、搜索、热词展示、反馈和分享的入口,一个页面展示必要信息,减少用户的操作深度;

    由首页内进行的操作可进入相应的子页面:

    搜索后进入搜索结果页,可展示搜索结果并完成点赞操作;

    点击联系与反馈可进入反馈填写页,留下反馈信息并上传图片。

    这样我们就完成了整个小程序的页面归纳。

    前面我们以用户为视角,详细考虑了一个用户进入小程序后,所有可能产生的动作,画出体验地图并进行页面归纳。

    而对于用户操作产生的信息,比如用户反馈的意见如何查看呢?词库如何完善呢?这时候管理员就需要有自己的页面,来处理信息。

    用户和管理员在权限和需求上都有不同,在产品设计考虑时也有偏重。对于用户,我们往往注重更精确的用户画像,追求更好的用户体验;对于管理员,则注重管理功能的便捷。

    因此,我们在开发时需要指定管理员身份,根据用户授权信息区分用户和管理员。

    管理员进入小程序后,在主页可看到身份标识,有管理端的入口;进入管理员端后,可以查看用户反馈信息,完成对反馈信息的管理。

 

想看视频版?

关注公号“微程序学堂”,我们的视频教程即将上线

 

如果你自己写了好文章想投稿

请联系我们

这篇关于微信小程序云开发教程-用户体验地图及功能页面归纳的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1132686

相关文章

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

使用Nginx来共享文件的详细教程

《使用Nginx来共享文件的详细教程》有时我们想共享电脑上的某些文件,一个比较方便的做法是,开一个HTTP服务,指向文件所在的目录,这次我们用nginx来实现这个需求,本文将通过代码示例一步步教你使用... 在本教程中,我们将向您展示如何使用开源 Web 服务器 Nginx 设置文件共享服务器步骤 0 —

Golang使用minio替代文件系统的实战教程

《Golang使用minio替代文件系统的实战教程》本文讨论项目开发中直接文件系统的限制或不足,接着介绍Minio对象存储的优势,同时给出Golang的实际示例代码,包括初始化客户端、读取minio对... 目录文件系统 vs Minio文件系统不足:对象存储:miniogolang连接Minio配置Min

最好用的WPF加载动画功能

《最好用的WPF加载动画功能》当开发应用程序时,提供良好的用户体验(UX)是至关重要的,加载动画作为一种有效的沟通工具,它不仅能告知用户系统正在工作,还能够通过视觉上的吸引力来增强整体用户体验,本文给... 目录前言需求分析高级用法综合案例总结最后前言当开发应用程序时,提供良好的用户体验(UX)是至关重要

python实现自动登录12306自动抢票功能

《python实现自动登录12306自动抢票功能》随着互联网技术的发展,越来越多的人选择通过网络平台购票,特别是在中国,12306作为官方火车票预订平台,承担了巨大的访问量,对于热门线路或者节假日出行... 目录一、遇到的问题?二、改进三、进阶–展望总结一、遇到的问题?1.url-正确的表头:就是首先ur

使用JavaScript将PDF页面中的标注扁平化的操作指南

《使用JavaScript将PDF页面中的标注扁平化的操作指南》扁平化(flatten)操作可以将标注作为矢量图形包含在PDF页面的内容中,使其不可编辑,DynamsoftDocumentViewer... 目录使用Dynamsoft Document Viewer打开一个PDF文件并启用标注添加功能扁平化

SpringBoot如何访问jsp页面

《SpringBoot如何访问jsp页面》本文介绍了如何在SpringBoot项目中进行Web开发,包括创建项目、配置文件、添加依赖、控制层修改、测试效果以及在IDEA中进行配置的详细步骤... 目录SpringBoot如何访问JSP页python面简介实现步骤1. 首先创建的项目一定要是web项目2. 在

手把手教你idea中创建一个javaweb(webapp)项目详细图文教程

《手把手教你idea中创建一个javaweb(webapp)项目详细图文教程》:本文主要介绍如何使用IntelliJIDEA创建一个Maven项目,并配置Tomcat服务器进行运行,过程包括创建... 1.启动idea2.创建项目模板点击项目-新建项目-选择maven,显示如下页面输入项目名称,选择

如何评价Ubuntu 24.04 LTS? Ubuntu 24.04 LTS新功能亮点和重要变化

《如何评价Ubuntu24.04LTS?Ubuntu24.04LTS新功能亮点和重要变化》Ubuntu24.04LTS即将发布,带来一系列提升用户体验的显著功能,本文深入探讨了该版本的亮... Ubuntu 24.04 LTS,代号 Noble NumBAT,正式发布下载!如果你在使用 Ubuntu 23.

TP-LINK/水星和hasivo交换机怎么选? 三款网管交换机系统功能对比

《TP-LINK/水星和hasivo交换机怎么选?三款网管交换机系统功能对比》今天选了三款都是”8+1″的2.5G网管交换机,分别是TP-LINK水星和hasivo交换机,该怎么选呢?这些交换机功... TP-LINK、水星和hasivo这三台交换机都是”8+1″的2.5G网管交换机,我手里的China编程has