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

2024-09-03 10:08

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

想看视频版?

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

 

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

请联系我们

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



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

相关文章

SpringBoot 多环境开发实战(从配置、管理与控制)

《SpringBoot多环境开发实战(从配置、管理与控制)》本文详解SpringBoot多环境配置,涵盖单文件YAML、多文件模式、MavenProfile分组及激活策略,通过优先级控制灵活切换环境... 目录一、多环境开发基础(单文件 YAML 版)(一)配置原理与优势(二)实操示例二、多环境开发多文件版

使用docker搭建嵌入式Linux开发环境

《使用docker搭建嵌入式Linux开发环境》本文主要介绍了使用docker搭建嵌入式Linux开发环境,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录1、前言2、安装docker3、编写容器管理脚本4、创建容器1、前言在日常开发全志、rk等不同

Debian 13升级后网络转发等功能异常怎么办? 并非错误而是管理机制变更

《Debian13升级后网络转发等功能异常怎么办?并非错误而是管理机制变更》很多朋友反馈,更新到Debian13后网络转发等功能异常,这并非BUG而是Debian13Trixie调整... 日前 Debian 13 Trixie 发布后已经有众多网友升级到新版本,只不过升级后发现某些功能存在异常,例如网络转

基于C#实现PDF转图片的详细教程

《基于C#实现PDF转图片的详细教程》在数字化办公场景中,PDF文件的可视化处理需求日益增长,本文将围绕Spire.PDFfor.NET这一工具,详解如何通过C#将PDF转换为JPG、PNG等主流图片... 目录引言一、组件部署二、快速入门:PDF 转图片的核心 C# 代码三、分辨率设置 - 清晰度的决定因

Python实战之SEO优化自动化工具开发指南

《Python实战之SEO优化自动化工具开发指南》在数字化营销时代,搜索引擎优化(SEO)已成为网站获取流量的重要手段,本文将带您使用Python开发一套完整的SEO自动化工具,需要的可以了解下... 目录前言项目概述技术栈选择核心模块实现1. 关键词研究模块2. 网站技术seo检测模块3. 内容优化分析模

Java Scanner类解析与实战教程

《JavaScanner类解析与实战教程》JavaScanner类(java.util包)是文本输入解析工具,支持基本类型和字符串读取,基于Readable接口与正则分隔符实现,适用于控制台、文件输... 目录一、核心设计与工作原理1.底层依赖2.解析机制A.核心逻辑基于分隔符(delimiter)和模式匹

基于Java开发一个极简版敏感词检测工具

《基于Java开发一个极简版敏感词检测工具》这篇文章主要为大家详细介绍了如何基于Java开发一个极简版敏感词检测工具,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下... 目录你是否还在为敏感词检测头疼一、极简版Java敏感词检测工具的3大核心优势1.1 优势1:DFA算法驱动,效率提升10

基于Java和FFmpeg实现视频压缩和剪辑功能

《基于Java和FFmpeg实现视频压缩和剪辑功能》在视频处理开发中,压缩和剪辑是常见的需求,本文将介绍如何使用Java结合FFmpeg实现视频压缩和剪辑功能,同时去除数据库操作,仅专注于视频处理,需... 目录引言1. 环境准备1.1 项目依赖1.2 安装 FFmpeg2. 视频压缩功能实现2.1 主要功

使用Python实现无损放大图片功能

《使用Python实现无损放大图片功能》本文介绍了如何使用Python的Pillow库进行无损图片放大,区分了JPEG和PNG格式在放大过程中的特点,并给出了示例代码,JPEG格式可能受压缩影响,需先... 目录一、什么是无损放大?二、实现方法步骤1:读取图片步骤2:无损放大图片步骤3:保存图片三、示php

AOP编程的基本概念与idea编辑器的配合体验过程

《AOP编程的基本概念与idea编辑器的配合体验过程》文章简要介绍了AOP基础概念,包括Before/Around通知、PointCut切入点、Advice通知体、JoinPoint连接点等,说明它们... 目录BeforeAroundAdvise — 通知PointCut — 切入点Acpect — 切面