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

2024-09-03 10:08

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

想看视频版?

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

 

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

请联系我们

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


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/1132686

相关文章

一文详解如何使用Java获取PDF页面信息

《一文详解如何使用Java获取PDF页面信息》了解PDF页面属性是我们在处理文档、内容提取、打印设置或页面重组等任务时不可或缺的一环,下面我们就来看看如何使用Java语言获取这些信息吧... 目录引言一、安装和引入PDF处理库引入依赖二、获取 PDF 页数三、获取页面尺寸(宽高)四、获取页面旋转角度五、判断

Windows环境下解决Matplotlib中文字体显示问题的详细教程

《Windows环境下解决Matplotlib中文字体显示问题的详细教程》本文详细介绍了在Windows下解决Matplotlib中文显示问题的方法,包括安装字体、更新缓存、配置文件设置及编码調整,并... 目录引言问题分析解决方案详解1. 检查系统已安装字体2. 手动添加中文字体(以SimHei为例)步骤

Spring Boot 结合 WxJava 实现文章上传微信公众号草稿箱与群发

《SpringBoot结合WxJava实现文章上传微信公众号草稿箱与群发》本文将详细介绍如何使用SpringBoot框架结合WxJava开发工具包,实现文章上传到微信公众号草稿箱以及群发功能,... 目录一、项目环境准备1.1 开发环境1.2 微信公众号准备二、Spring Boot 项目搭建2.1 创建

Java JDK1.8 安装和环境配置教程详解

《JavaJDK1.8安装和环境配置教程详解》文章简要介绍了JDK1.8的安装流程,包括官网下载对应系统版本、安装时选择非系统盘路径、配置JAVA_HOME、CLASSPATH和Path环境变量,... 目录1.下载JDK2.安装JDK3.配置环境变量4.检验JDK官网下载地址:Java Downloads

golang程序打包成脚本部署到Linux系统方式

《golang程序打包成脚本部署到Linux系统方式》Golang程序通过本地编译(设置GOOS为linux生成无后缀二进制文件),上传至Linux服务器后赋权执行,使用nohup命令实现后台运行,完... 目录本地编译golang程序上传Golang二进制文件到linux服务器总结本地编译Golang程序

Qt使用QSqlDatabase连接MySQL实现增删改查功能

《Qt使用QSqlDatabase连接MySQL实现增删改查功能》这篇文章主要为大家详细介绍了Qt如何使用QSqlDatabase连接MySQL实现增删改查功能,文中的示例代码讲解详细,感兴趣的小伙伴... 目录一、创建数据表二、连接mysql数据库三、封装成一个完整的轻量级 ORM 风格类3.1 表结构

使用Docker构建Python Flask程序的详细教程

《使用Docker构建PythonFlask程序的详细教程》在当今的软件开发领域,容器化技术正变得越来越流行,而Docker无疑是其中的佼佼者,本文我们就来聊聊如何使用Docker构建一个简单的Py... 目录引言一、准备工作二、创建 Flask 应用程序三、创建 dockerfile四、构建 Docker

mysql表操作与查询功能详解

《mysql表操作与查询功能详解》本文系统讲解MySQL表操作与查询,涵盖创建、修改、复制表语法,基本查询结构及WHERE、GROUPBY等子句,本文结合实例代码给大家介绍的非常详细,感兴趣的朋友跟随... 目录01.表的操作1.1表操作概览1.2创建表1.3修改表1.4复制表02.基本查询操作2.1 SE

Golang如何用gorm实现分页的功能

《Golang如何用gorm实现分页的功能》:本文主要介绍Golang如何用gorm实现分页的功能方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录背景go库下载初始化数据【1】建表【2】插入数据【3】查看数据4、代码示例【1】gorm结构体定义【2】分页结构体

java向微信服务号发送消息的完整步骤实例

《java向微信服务号发送消息的完整步骤实例》:本文主要介绍java向微信服务号发送消息的相关资料,包括申请测试号获取appID/appsecret、关注公众号获取openID、配置消息模板及代码... 目录步骤1. 申请测试系统2. 公众号账号信息3. 关注测试号二维码4. 消息模板接口5. Java测试