恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
从产品角度思考如何设计小程序
0.0°
2018-06-01 原创文章 经验/观点 举报 2997 25 16 1


优秀的设计师除了具备基本设计功底、设计方法论以外,越往深走,你会发现拥有产品思维的设计师更具有竞争力


所以这篇文章将拔高到产品角度来剖析,设计师如何通过产品角度做设计,以小程序为载体来分享整个过程。

(文末有彩蛋福利)




阅读本文将收获:

15款精选小程序推荐

移植小程序的3个方法(划重点)

小程序的3种玩法(划重点)

百度网盘小程序实战



小程序从2016年底诞生至今,从工具到社交、从电商到游戏,小程序开辟了网页、电脑客户端、手机端、h5之外的新形态。


这种形态为微信用户提供了极大便利性,同时也为各大开发商提供了机会。



小程序的初衷

诞生之初,张小龙在公开课上表示小程序初衷:用完即走。

所以小程序是为节约用户时间、提升使用效率而生。这个初衷也注定了小程序的轻量化产品体验。

Image title



哪些情况下可以用到小程序?

笔者提炼以下3种场景:


· 手机内存不够时;

· 不想下APP却要用其中某功能时;

· 与微信好友共享APP中信息时;


综上所述,总结小程序的使用场景:低频的刚性需求

此外,基于微信自身优势也可为小程序提供了低成本的获客便利的导流方式



小程序场景分类

笔者对小程序从功能场景上分为生活服务、出行、电商、群功能、社交、小游戏、内容资讯等。

Image title


在把玩了几百个小程序后,笔者务实的推荐几个真的很好用的小程序(没收任何广告费,良心推荐):



1.出行。出行方面根据路程长短做选择~


骑行 — 摩拜 & ofo

打车 — 滴滴

火车 — 智行火车票

航班 — 非常准查航班

Image title




2.觅食

在家自己做 — 下厨房

在家懒得做 — 饿了么

在外不知道吃啥 — what  to eat / 大众点评

Image title




3. 游乐

微信调戏朋友 — 闪萌表情

带男/女盆友装逼 — Mars新鲜好去处

游戏 — 跳一跳、保卫萝卜

Image title




4. 电商


生鲜 — 每日优鲜。新鲜水果即时配送

母婴 — 小小包麻麻。精选母婴产品

美妆 — 小红书。范爷都入驻了,服务器挤爆了

拼团 — 拼多多。爸妈叔婶最爱

Image title


最后,视频类啊杂志类实在不推荐,虽然做的很好,但是想想在小程序里长时间看视频的时候不能同时聊微信,就给他们唱一首『凉凉』吧~



产品如何移植小程序


随着线上运营和线下推广成本递增,很多网页和移动端产品拉新乏力,超过10亿月活的微信有着海量资源和用户社交关系链,随着小程序能力逐渐丰富,开辟一条轻量化的小程序可为自家产品助力。


那么,对已有APP如何『移植』到小程序上呢?这里简单介绍3个方法:




1.抽离。抽离APP核心主功能是让用户开辟新平台成本最低的一种方法。很多APP除主功能外,为了营收、产品方向等会做更多功能探索。


如墨迹天气为用户预报每日天气外,我tab中有生活、娱乐、休闲服务等功能,但往往用户使用一个APP中高频操作往往是最基础的那一个。

Image title




2.深耕。如果主功能在微信上不太好发挥,可在自身产品中提炼与微信平台优势契合的功能点。


举个例子,用户经常会用印象笔记记录工作、生活,但很多手机自带备忘录功能,用户也已经习惯于自带备忘录,而且在手机里大篇幅输入的场景不多,因此需要另辟蹊径,待办清单便脱颖而出。


除了自己列清单外,还做了常用清单推荐,方便用户办公、旅游等场景一键保存。

Image title



3.细分。如果产品功能丰富,且对标不同用户群,那么可根据用户群做产品矩阵,满足不同群体诉求。


如滴滴出行分拆了快车、顺风车、代驾。而蘑菇街也针对不同用户做了蘑菇街女装精选和蘑菇街每日搭配。

Image title




小程序设计要点

小程序旨在微信生态体系内,建立友好、高效、一致的用户体验,因此一套设计指南可以让用户使用更流畅。


设计前一定要先浏览一下指南。

Image title



微信公众号(HelloJyn)中回复『小程序』可获得小程序sketch和psd的源文件,以及

小程序官方设计指南。





小程序还有哪些玩法?


除了从APP中移植小程序外,小程序还有一些好玩的打法:



1. 小程序+公众号

随着公众号体系和小程序体系互通,更多场景可以直接触达小程序。如星巴克中国关联了星巴克用星说,并在公众号内部强入口推荐,为其电商引流。


这里要注意:目前1个小程序可关联500个公众号,1个公众号可关联13个小程序。

Image title




2. 小程序+小程序


小程序轻量化的产品形态体现在灵活、快捷的使用中,因此当有功能嫁接时,可选择关联其他小程序。


蘑菇街女装的直播模块就是由超级购物台提供支持。


Image title




3. 线上线下结合:二维码+线下


线上线下结合更常见,比如进入参观点餐时,扫描二维码进入小程序,直接点餐,不用排队,也不用下APP或关注公众号,对用户来说极为便利。

Image title





产品实战:百度网盘小程序


百度网盘小程序就结合了深耕+抽离2种方法。


小而轻的体验为目标,借势微信社交平台主打共享场景,同时又抽离网盘APP中的网盘目录列表及上传、管理等主功能。


让用户能够在微信群中共享网盘文件,并形成一个微信文件空间。



Image title


想要体验的朋友,在小程序中搜『百度网盘』即可体验,欢迎吐槽交流~




最后送个福利:


微信公众号(HelloJyn)中回复『小程序』可获得小程序sketch和psd的源文件,以及 小程序设计指南










更新:2018-06-01

收藏

25人已收藏

金璐Jyn

百度设计lead/《触人心弦》作者

  • 6

    作品

  • 46

    粉丝

  • 1

    关注

  • 你为什么没有通过面试?
  • 设计如何驱动用户增长
  • APP导流中设计的影响力
  • 场景化设计中的解构与重塑 — 百度网盘8.0体验升级

    猜你喜欢

      2018-06-01 原创文章 经验/观点 举报 2997 25 16 1

      从产品角度思考如何设计小程序

      0.0°

      你确定要举报从产品角度思考如何设计小程序

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年05月29日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      16
      25
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录