笔者作为一名小程序的产品经理，下面这篇文章是以笔者自身设计的小程序为例子，为大家分享关于产品设计思路的一个相关内容，想要了解产品设计思路的同学可以进来看看哦！相信会给你带来一些启发。
最近利用空闲时间设计了一个微信小程序，UI也是自己独立设计的，还找了个业界大佬开发了出来，从规划设计到目前1.0版本上线耗时一个多月。
设计这个小程序初衷只是为了自己在碎片时间可以保持产出，因为个人身份申请的小程序，自然会有很多功能的实现受到微信官方的限制，诸如：支付能力、存储用户信息、以及小程序类目的选择…
整个小程序我采用的是深色系背景，蓝灰色区块、白色文本。
废话不多说，先上一波UI图：
作为这个小程序从0到1的的设计者，需要对每个阶段规划都有深入的思考。
产品功能规划需要回答一个问题，即用什么功能为什么用户解决什么问题，有哪些是核心需求，哪些是次要需求。这一环很重要，它将决定我们先做什么后做什么。
由于个人时间精力包括资金成本都有限，所以时刻秉承「MVP」原则，第一期先定好主功能框架就好。
「MVP，全称为“最小化可行产品”，是一种产品开发策略，它的核心理念是：在最短的时间内，用最少的资源，构建出一个能够满足核心需求的产品原型。这个原型不追求完美，不包含所有潜在的功能和特性，但它必须足够有效，能够让用户体验到产品的核心价值。」
这两条是我每次设计小程序都格外注意的点，如果是第一次做微信小程序开发的宝子，很有必要先看下微信官方文档中的运营规范，极容易踩坑。详见《微信官方文档-运营规范》
这个小程序目前的登录方式采用的是静默登录的形式。
静默登录的优点：
不需要判断用户是否已登录再去开放某些入口或功能，减少前端工作量。用户不需要进行额外登录操作就可以体验小程序的完整功能。更好的保障用户隐私安全。我们在设计小程序的登录功能时，如果不是非常必要，其实小程序根本不需要再设计登录和注册页面。用户对于繁琐的登录注册流程其实是非常反感的。
有时候用户可能是通过好友分享的链接点进来想查看一条新闻，一进来就要求用户各种授权绑定，直接就降低了用户对我们产品的信任感。
如果说你的产品需要用户补充的一些敏感信息，如手机号 、身份证号，可以在后期特定场景中再要求用户提供。
关于这个WiFi工具的后期迭代，我目前规划实现这样一个功能：
主要目标用户定位小商圈内的商家，商家入驻后填写店内的WiFi信息（计划增加WiFi地址信息），当用户进入这个商圈，可以搜索到当前定位附近所有入驻过的WiFi信息，如果位置距离在可连接范围内，则可以一键连接成功。
大致原型如下：
生成二维码的功能本身没什么难度，市面上的二维码生成器也有很多。
简单整理了一下产品的设计思路：
用户输入文本内容后，可以自定义二维码的前景颜色、背景颜色和中心图标，然后预览样式并下载二维码。
关于颜色的设置，我最终采用的方案是：用户可以拖动三原色滑块选择颜色，也可以手动输入HEX值/RGB值，并提供了6个常用色的快捷选项。
但是在设计这个颜色选择器时，一开始前端是准备使用现成的插件，但最终没有找到合适的（正合我意哈哈），于是前端大佬准备自己开发一个。
如上图颜色选择器的UI,三个颜色选择器的滑块我设计的是无填充色，且滑块的结束点是在左端点。
然而前端告知：只能将滑块的中心点设为结束点，也就是下图这个效果（我当场表达了无语和蔑视）：
当然最后在我的威逼利诱下，还是实现了UI图示效果的，前端主要使用了vant-ui组件库的popup和slider两个组件 。
大家应该也经常遇到类似的场景，尤其是前端要使用现成的组件时，建议大家一定要先沟通清楚组件可自定义的范围，可以有效减少后期返工成本。
功能描述：
起初规划的功能是这样的：用户输入文字内容（支持最长200个字符），选择音色后，点击试听/直接下载语音（如下图-左1）。
但是在开发过程中遇到了以下几个问题点：
选择音色的功能由于接口方面问题，暂时摒弃了。于是重新出了UI图（如下图-左2）。开发过程中发现wx.saveFileToDisk保存到用户磁盘仅在 PC 端支持，不支持下载该类文件到手机上。于是考虑将生成的文件保存到服务器中，然后请求接口的时候返回对应的资源链接，将资源链接复制到剪切板上，由用户自行粘贴路径下载语音。思来想去，复制资源链接再去浏览器下载的操作着实鸡肋，不得不又迭代了一版：用户在小程序内生成了语音后，可以直接分享给微信好友，好友进入小程序可以直接试听（如下图-右1），同时可以获取到这条语音的文字内容。微信小程序快速便捷的轻应用模式，可以适应大部分互联网产品快速迭代、快速试错的需求，但是全部依赖于微信生态圈会有诸多限制。作为小程序的产品经理，理应熟悉微信开发规范，清楚什么可以做什么无法实现，这样在设计功能时，不会走太多弯路。
本文由 @从0到1之产品经理 原创发布于人人都是产品经理，未经许可，禁止转载。
题图来自 Unsplash，基于 CC0 协议。
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。
现在的手机App体积越来越大了，不妨把目光转移到微信小程序上。今天给大家推荐8个免费好用的微信小程序，个个都是精品，请你低调使用。
特点： 让手机全屏显示时间。
一款极简翻页时钟，打开后横屏显示日期时间，可以精确到秒，并且还能添加励志语录。平时用来当成自律计时器或者屏保都可以，适合学生党、工作党专注学习、工作。
特点： 将文字生成各种配音。
很是解说类视频里的配音，听上去非常清脆响亮，其实这都是用工具生成的。这款小程序可以将文字转换成语音，提供了百余种不同音色的主播，直接一键使用主播声音。
特点： 自动生成二维码内容。
这款小程序能够给文字、链接生成二维码，还有各种表单功能，可以批量生成二维码。生成的静态码，是不能修改二维码内容的，想要随时修改内容，我们可以生成活码。
特点： 涵盖上百种实用功能。
一个汇集了很多功能的工具箱，比如天气查询、找厕所、头像大全、图片编辑、尺子等上百种小功能，我个人比较喜欢“手持弹幕”功能，全屏滚动字幕的效果，适合找人。
特点： 在线阅读本地图书馆。
这是一个非常强大的在线阅读小程序，打开你的定位，匹配本地各大图书馆的数据库，向你提供馆内的各种图书，全都可以在线阅读。可以按照分类去选择想阅读的书籍。
特点： 各种电台音频随你听。
如果你睡前喜欢听点什么，就打开这个小程序吧，小说、广播、相声、音乐等等应有尽有，点开就能直接播放。还支持搜索功能，想听什么节目专辑，直接输入关键词查找。
特点： 内容丰富的剧本游戏。
这是一个线上剧本杀，即使异地不在一起，只要喜欢剧本杀，或许想打发无聊的时间，是一个非常好的选择。免费剧本数量不少，可以按照题材、背景、难度去筛选剧本。
特点： 支持自动、手动记账。
这是微信自带的小程序，支持自动导入我们在微信支付账单，可以看到我们的收入与支出明细，及时记录下来。你也可以手动记录其他开销，良好的消费习惯从记账开始。
最美尾巴：
以上就是我今天分享的内容，如果大家觉得有用，记得点赞告诉我，我会继续分享更多优质的内容。
上面这8个免费好用的微信小程序，个个都是精品，请你低调使用哦。
相关问答
你可点击微信文章右上角的三个点,然后就看到字体...
有多种小程序可以将文字转换为数字。以下是一些常见平台的示例:1.微信小程序:在微信中,您可以使用名为“文字转数字”、“数字转换器”或类似名称的小程序将...
当然前提得是,微信支持那个艺术字体。一般的特殊符号如果是无法直接打印的符号,可以使用微信上的一些小程序,比如说特殊符号生成器或者特殊符号编辑器去进行编...
在日常中,有时侯需要将一张图片上的文字提取出来,这个时候怎么办呢?如果文字较少的话手动打一下就行了,但是如果文字较多,打字速度又不是很快,这个时候就需...在...
在昵称后面添加小字的方法如下:1、进入微信小程序界面,并输入“上标生成器”,然后点击搜索。2、选择“上标生成器”小程序,并点击进入。3、在界面中输入你...
这里以华为荣耀8手机为例,具体方法如下:一、首先在手机桌面点击“设置”。二、然后在手机的设置界面选择“显示”选项,如图。三、接着在显示界面打...
可以,但麻烦,先把你要在微信里发的文字用你的书法写好存在电脑上,然后把电脑和手机连起来,就可以在微信里发你的书法文字了。还有一办法就是把你的书法文字...
快来跟小编一起了解下吧!1.打开微信点击发现。2.点击小程序。3.搜索进入【拍照识字】。4.点击拍照/选图,上传带文字的图片。...如何使用微信小程序拍照识字?...
1、打开电脑,在浏览器中输入“微信公众平台”,用已有的微信公众号账号密码进行登录。2、登录进去后选择工具栏左侧的“素材管理”,然后选择“新建图文素材”...
有一些小程序和在线工具可以帮助你从链接中提取文字。以下是一些常用的方法:1.文本提取工具:有一些在线工具和小程序专门用于提取链接中的文本内容。你可以...
