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

2024-09-03 10:08

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

想看视频版?

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

 

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

请联系我们

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



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

相关文章

一文详解Python如何开发游戏

《一文详解Python如何开发游戏》Python是一种非常流行的编程语言,也可以用来开发游戏模组,:本文主要介绍Python如何开发游戏的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录一、python简介二、Python 开发 2D 游戏的优劣势优势缺点三、Python 开发 3D

基于Python开发Windows自动更新控制工具

《基于Python开发Windows自动更新控制工具》在当今数字化时代,操作系统更新已成为计算机维护的重要组成部分,本文介绍一款基于Python和PyQt5的Windows自动更新控制工具,有需要的可... 目录设计原理与技术实现系统架构概述数学建模工具界面完整代码实现技术深度分析多层级控制理论服务层控制注

通过React实现页面的无限滚动效果

《通过React实现页面的无限滚动效果》今天我们来聊聊无限滚动这个现代Web开发中不可或缺的技术,无论你是刷微博、逛知乎还是看脚本,无限滚动都已经渗透到我们日常的浏览体验中,那么,如何优雅地实现它呢?... 目录1. 早期的解决方案2. 交叉观察者:IntersectionObserver2.1 Inter

全网最全Tomcat完全卸载重装教程小结

《全网最全Tomcat完全卸载重装教程小结》windows系统卸载Tomcat重新通过ZIP方式安装Tomcat,优点是灵活可控,适合开发者自定义配置,手动配置环境变量后,可通过命令行快速启动和管理... 目录一、完全卸载Tomcat1. 停止Tomcat服务2. 通过控制面板卸载3. 手动删除残留文件4.

Spring Boot分层架构详解之从Controller到Service再到Mapper的完整流程(用户管理系统为例)

《SpringBoot分层架构详解之从Controller到Service再到Mapper的完整流程(用户管理系统为例)》本文将以一个实际案例(用户管理系统)为例,详细解析SpringBoot中Co... 目录引言:为什么学习Spring Boot分层架构?第一部分:Spring Boot的整体架构1.1

使用EasyPoi快速导出Word文档功能的实现步骤

《使用EasyPoi快速导出Word文档功能的实现步骤》EasyPoi是一个基于ApachePOI的开源Java工具库,旨在简化Excel和Word文档的操作,本文将详细介绍如何使用EasyPoi快速... 目录一、准备工作1、引入依赖二、准备好一个word模版文件三、编写导出方法的工具类四、在Export

java程序远程debug原理与配置全过程

《java程序远程debug原理与配置全过程》文章介绍了Java远程调试的JPDA体系,包含JVMTI监控JVM、JDWP传输调试命令、JDI提供调试接口,通过-Xdebug、-Xrunjdwp参数配... 目录背景组成模块间联系IBM对三个模块的详细介绍编程使用总结背景日常工作中,每个程序员都会遇到bu

Python的pandas库基础知识超详细教程

《Python的pandas库基础知识超详细教程》Pandas是Python数据处理核心库,提供Series和DataFrame结构,支持CSV/Excel/SQL等数据源导入及清洗、合并、统计等功能... 目录一、配置环境二、序列和数据表2.1 初始化2.2  获取数值2.3 获取索引2.4 索引取内容2

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

k8s admin用户生成token方式

《k8sadmin用户生成token方式》用户使用Kubernetes1.28创建admin命名空间并部署,通过ClusterRoleBinding为jenkins用户授权集群级权限,生成并获取其t... 目录k8s admin用户生成token创建一个admin的命名空间查看k8s namespace 的