我的智慧乡镇 My Smart Village — 案例研究

Gov · Mini Program MY SMART VILLAGE
网格采集:一线拍照填报
应急响应:业务模块
通知公告:回复与互动
产业数据:业务看板
工作台首页:看数与办事同一屏

Smart
Village

One mobile workspace for three roles — village data to field tasks.

One township, one screen.

智慧乡镇 · 统揽 留痕 触达

UI/UX Design · 2024 SCROLL TO EXPLORE ↓

01

Project
Overview

把整个乡镇
装进一部手机

台账分散在各部门、报送依赖逐级纸质流转,是基层治理最日常的摩擦。我的智慧乡镇把采集上报、一屏统揽、公告互动、反馈闭环放进同一个移动工作台:采集在一线完成、态势在首页可见、处置在线上留痕。

设计目标是「各归其位」——干部愿意用、网格员用得上、居民找得到,让数据多跑路、让基层少跑腿。

My Role
UI Designer
Year
2024
Type
基层治理工作台
Platform
微信小程序

Core Concept

Mobile
B2B.

不同角色 → 不同任务 → 同一移动工作空间

01

Role

One Login, Three Roles:干部、网格员、居民各进其位。

02

Task

待办与采集任务按角色分发,一线即可完成上报。

03

Notification

公告与反馈闭环:发出、收到、处置全程留痕。

04

Workflow

采集 → 处置 → 反馈的移动流程,替代纸质流转。

与政务 Web 控制台不同:这里的复杂来自「人在现场」——弱网、小屏、单手操作,所以每个页面只做一件事。

Design Focus · 设计重点

  1. 01

    Task-first Collection

    网格员逐户采集,任务分散在多个入口。

    待采集清单 + 状态标签,一屏聚焦当前该做的一件事。

  2. 02

    Notification Loop

    通知发出去就没了回音,传达无法确认。

    通知公告带回复与留痕,谁看过、谁回过闭环可见。

  3. 03

    Lightweight Input

    村民端使用门槛必须极低。

    绑定与反馈流程极简化,能选不填、能点不打。

One screen.
Every
village.

02

Core
Features

One login.
Three roles.
One loop.

每一项功能都对应基层作业里真实且反复出现的一个环节,从采集到触达串成闭环。

  • 01

    网格采集上报

    一线拍照填报,痕迹自动留存

  • 02

    乡镇总览看板

    多部门台账聚合,一屏统揽

  • 03

    产业·民生·应急

    三条业务线共用一套骨架

  • 04

    通知公告互动

    触达与回复在同一页完成

  • 05

    智能问数即答

    用一句话查数,不用翻报表

  • 06

    意见反馈闭环

    居民的声音有去有回

03

Design
Principles

01

One Login,
Three Roles

一套账号,三种视角

按乡镇与角色装载模块:干部看全镇、网格员看网格、居民只看与自己相关的服务与公告。

02

Overview First,
Drill Later

先总览,后下钻

首页先给态势与待办,指标异常一眼可见;需要细节时,再逐层下钻到业务明细。

03

Everything
Leaves a Trace

事事有留痕

采集、处置、公告、反馈全程在线留痕,报送不再靠纸质流转,责任与进度都可回查。

产品层
采集 → 汇总 → 决策 → 触达串成移动化治理闭环,不再多端切换。
视觉层
主色 / 正常 / 预警 / 告警四色贯穿全流程,配色本身就是一套治理状态字典。
体验层
核心操作两步内完成,移动端优先,网格员在田间单手可用。

04

The
Interface

「 一张首页,既看数也办事 」看数与办事收在同一屏:任务按角色分发、按状态归集,减少漏办与重复报送。

Screen 01

Home工作台首页

Data and tasks, one screen.

多部门台账聚合为乡镇总览,指标与异常一眼可见,待办清单就在同一屏。

工作台首页:看数与办事同一屏

Screen 02

Collect网格采集上报

Fields first, forms later.

网格员在现场拍照填报,位置与时间自动带上,痕迹即刻留存、无需补录。

网格采集:一线拍照填报

Screen 03

Ask智能问数即答

Ask in one sentence.

用一句话向智能助手提问,答案直接给结论与出处,不用翻层层报表。

智能问数:一句话查数

Screen 04

Notices通知公告互动

Reach and reply, together.

公告按角色精准分发,居民能看到、能回复,触达效果在同一页可回查。

通知公告:列表与回复互动

05

Complete
System

Every module.
One system.

「首页总览 + 列表检索 + 状态流转」是业务模块共用的骨架:产业、民生、应急与事件记录共用同一套信息秩序,空态、深色与扩展模块下也保持一致。

工作台首页 · 状态二
01 / Home首页 · 状态二
工作台首页 · 状态三
02 / Home首页 · 状态三
首页 · 下钻
03 / Drill首页 · 下钻
待办待阅 · 已退回
04 / To-do待办待阅
首页 · 深色
05 / Dark首页 · 深色
首页 · 扩展模块
06 / Extend首页 · 扩展
首页 · 空状态
07 / Empty首页 · 空态
产业数据
08 / Industry产业数据
民生服务
09 / Livelihood民生服务
应急响应
10 / Emergency应急响应
事件记录
11 / Records事件记录
业务详情
12 / Detail业务详情

06

A Moment
in the Day

08:30

A grid worker's day.

把一个工作日放回它真正发生的时间点:网格员早上打开首页看待办,在现场完成采集上报;上级在总览里下钻核查,下午的公告触达居民,傍晚用一句话问数收尾。

01待办按角色分发、按状态归集,打开首页就知道今天该去哪、做什么。
02采集在现场一次完成,位置时间自动带上,不需要回办公室补录。
03公告与反馈形成触达闭环,居民的回复与处理结果都能回查。

Step 01

打开工作台

待办待阅按状态归集,一眼看清今天的重点。

待办待阅清单

Step 02

现场采集上报

拍照填报、自动定位,痕迹即刻留存。

网格采集填报

Step 03

总览下钻核查

上级从乡镇总览逐层下钻到网格明细。

首页下钻

Step 04

公告触达居民

通知按角色分发,居民能看到、能回复。

公告回复与互动

Step 05

问数即答收尾

一句话向智能助手提问,答案直接给结论。

智能问数即答

07

Quiet
Infrastructure

「 看不见的部分,决定敢不敢用 」账号、绑定、发布与反馈构成系统的地基。

账号密码与手机号授权双通道登录,首次进入完成乡镇与角色绑定;发布管理承接小程序版本与内容更新;常用查询一键直达,反馈与历史会话都可回查——这些「必要但不常来」的页面同样克制、安静。

智能助手 · 欢迎页
01智能助手 — 欢迎与引导,问数从这里开始。
历史记录 · 会话归档
02历史会话 — 问过的数、给过的答案,都可回查。
常用查询 · 一键直达
03常用查询 — 高频事项一键直达,不用翻菜单。
意见反馈
04意见反馈 — 居民的声音有去有回,处理结果可见。
乡镇与角色绑定
05角色绑定 — 一次绑定,长期可用,模块按角色装载。
版本发布管理
06版本发布 — 内容自助更新,运营不必等发版。

案例结束 · END OF CASE STUDY

我的智慧乡镇 / 感谢阅读

一款面向乡镇干部、网格员与居民的基层治理工作台:网格采集上报、乡镇总览看板、产业·民生·应急、通知公告与意见反馈,让数据多跑路、让基层少跑腿。

基层治理 · 政务小程序网格采集上报一屏统揽 · 逐层下钻智能问数即答意见反馈闭环