cover_image

他构想了一个族谱小程序,就等程序员来实现了!

course小程序开发产品原型图小族谱
知晓程序

<h1><img class="alignnone size-full wp-image-812452" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/04/xzp.jpg" alt="" width="1200" height="750" srcset="http://www.ifanr.com/wp-content/uploads/2017/04/xzp.jpg 1200w, http://www.ifanr.com/wp-content/uploads/2017/04/xzp-360x225.jpg 360w, http://www.ifanr.com/wp-content/uploads/2017/04/xzp-768x480.jpg 768w, http://www.ifanr.com/wp-content/uploads/2017/04/xzp-1024x640.jpg 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></h1> <p><span style="color: #808080;">文 | VinsGao</span></p> <h1><span style="color: #605eac;">写在最前</span></h1> <p>本文讲述的是一款解决<strong>人们想熟悉亲戚及亲戚之间关系</strong>需求的小程序,其主要的使用场景会围绕着微信的亲戚家族群组。</p> <h1><span style="color: #605eac;">想法背景</span></h1> <p>很多的亲戚间缺少交流,从而才有了之前一款很火的过节串门神器——亲戚计算器,但计算器得到的只是一个称谓。</p> <p>其实亲戚间的交流不用等到什么节日时才相聚交谈,微信上就可以了。创建微信群组,亲戚间可以闲来无事发发红包,谈谈近况,聊聊时事,我的微信也这么几个温馨的亲戚群组。</p> <p>在亲戚群组建立起来之后,<strong>如果有一个小程序,可以展示各个成员与你的亲戚关系,和一些基本信息,那亲戚间交流就更为顺畅了,也更为熟悉了。</strong></p> <h1><span style="color: #605eac;">产品原则</span></h1> <ol> <li>简化界面元素</li> <li>减少操作步骤</li> <li>保障用户隐私</li> </ol> <h1><span style="color: #605eac;">产品功能<img class="size-full wp-image-811060 aligncenter" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/03/1-17.png" alt="" width="900" height="500" srcset="http://www.ifanr.com/wp-content/uploads/2017/03/1-17.png 900w, http://www.ifanr.com/wp-content/uploads/2017/03/1-17-360x200.png 360w, http://www.ifanr.com/wp-content/uploads/2017/03/1-17-768x427.png 768w" sizes="(max-width: 900px) 100vw, 900px" /></span></h1> <h1><span style="color: #605eac;">主要功能描述</span></h1> <h2>创建身份</h2> <p>在设计创建功能的时候,主要考虑的是怎么把需要填入的信息字段降到最低,毕竟这是一个工具型产品。</p> <p><strong>近照/头像:</strong>照片可以在族谱上可以加快识别,也可以让很久不见的亲戚看看你如今长成了什么模样。</p> <p>其实我有点想把这里做成一个相册的形式,然后同个族谱的人都可以给彼此传照片。想想,可能有些亲戚有你儿时可爱的照片。</p> <p><strong>姓名:</strong>属于最基本的必要信息。</p> <p><strong>性别:</strong>在族谱的关系中有关键的作用。</p> <p><strong>出生日期:</strong>可以在同辈份的亲戚中明确大小的关系。</p> <p>同时留着生日信息,也让亲戚间多一个交流的机会。相比于过节的相聚,可能生日的小小庆祝会更让心暖暖的。</p> <p><strong>电话[选填]:</strong>是联系方式,也可以让小族谱多一层通讯录的作用。</p> <p><strong>现居省市[选填]:</strong>看似并不重要,但其实让亲戚之间聚少离多的最主要原因就是彼此之间的距离远了。有了这个信息,让亲戚出差或者旅游时,多一个去处,多一个交流的机会。</p> <p><strong>淘汰掉的字段:</strong>爸爸妈妈及配偶。几乎全部的亲戚关系,都是由这三个人延伸出去的,但在创建时不加入,简化第一步创建的操作。将这部分信息在用户进入相关亲戚的小族谱时再录入,或进入身份信息进行填写。</p> <h2>创建小族谱</h2> <p><strong>姓氏:</strong>族谱就是围绕着一个姓,一群与之相关的人关系交错而成的。</p> <p><strong>祖籍:</strong>家族的发源地。很多人外出拼搏后定居外地,而家乡祖籍还是要铭记的。</p> <p><strong>备注:</strong>可写一段简短的信息,可修改。</p> <h2>查看小族谱</h2> <p><strong>显示方式:</strong>以直系亲戚 + 兄弟姐妹的关系图为主,另外会有入口可以查看包含所有亲戚的名册。</p> <p><strong>查看方式:</strong>可以通过点击切换成亲戚的视角来查看亲戚与其直属亲属及兄弟姐妹的关系图,还可以 长按查看个人信息 ,对于未添加姓名的亲戚, 长按则为添加其姓名 。</p> <h2>搜索</h2> <p>以输入<strong>亲戚的姓名</strong>或<strong>对其的称谓</strong>直接进行搜索为主,还可以通过关系键盘来输入与其的关系来搜索对应的亲戚。</p> <p>其中,在称谓的匹配上,要考虑到各个区域的口头称谓,如舅母、舅妈、舅娘、妗娘等,其实都是一个意思。</p> <h2>加入小族谱</h2> <p>加入小族谱的方式只有一种,就是通过<strong>点击亲戚分享的小族谱邀请</strong> 。</p> <p>这里没有查找加入的方式,一是为了用户的信息隐私;二是如果有查找加入,则要有人去通过申请,流程会出现停滞,用户不能及时的得到反馈是个不好的体验。</p> <h1><span style="color: #605eac;">主要的流程</span></h1> <h2>加入小族谱的流程</h2> <p>点击小族谱的邀请后加入,需要<strong>填入与邀请人的关系</strong> 。一般会主动向你发出邀请的人,都会是家族里比较活跃的,或者是你熟悉的人,所以你填上与他的关系并不难。</p> <p>在输入与邀请人的关系后,会确认用户是否已录入这关系链中与之相关的直系亲属姓名(爸爸妈妈及配偶),如果未录入则让用户输入。<img class="size-full wp-image-811061 aligncenter" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/03/2-60.jpg" alt="" width="900" height="1200" srcset="http://www.ifanr.com/wp-content/uploads/2017/03/2-60.jpg 900w, http://www.ifanr.com/wp-content/uploads/2017/03/2-60-360x480.jpg 360w, http://www.ifanr.com/wp-content/uploads/2017/03/2-60-768x1024.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /></p> <h2>查看亲戚的信息</h2> <p>找到亲戚的方式有多种:</p> <p>1.使用<strong>搜索</strong>功能,通过姓名、称谓、关系进行快捷搜索。</p> <p>2. 在<strong>关系图</strong> ,点击亲戚切换视角,从而找到目标亲戚。</p> <p>3. 通过<strong>亲戚名册</strong>浏览所有的亲戚。</p> <p>这里展示通过姓名进行搜索的流程,小族谱的小程序主要应用于微信群组,而家族群组内大部分会备注的是亲戚姓名。<img class="size-full wp-image-811062 aligncenter" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/03/3-55.jpg" alt="" width="900" height="1200" srcset="http://www.ifanr.com/wp-content/uploads/2017/03/3-55.jpg 900w, http://www.ifanr.com/wp-content/uploads/2017/03/3-55-360x480.jpg 360w, http://www.ifanr.com/wp-content/uploads/2017/03/3-55-768x1024.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /></p> <h1><span style="color: #605eac;">信息架构</span></h1> <p><img class="size-full wp-image-811063 aligncenter" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/03/4-6.png" alt="" width="900" height="500" srcset="http://www.ifanr.com/wp-content/uploads/2017/03/4-6.png 900w, http://www.ifanr.com/wp-content/uploads/2017/03/4-6-360x200.png 360w, http://www.ifanr.com/wp-content/uploads/2017/03/4-6-768x427.png 768w" sizes="(max-width: 900px) 100vw, 900px" /><br /> 小族谱主要通过聚集亲戚到同一个族谱里,从而让同一族谱的用户都可以查看由亲戚构成的关系图、名册,还有亲戚的个人信息。</p> <p>通过看亲戚的个人信息可以知道对他的称谓、与他的关系、以及他的基本信息。还可以通过看关系图,可以更加了解亲戚与亲戚间的关系。</p> <h1><span style="color: #605eac;">部分原型图</span></h1> <p><img class="alignnone size-full wp-image-811064" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/03/5-1.png" alt="" width="900" height="810" srcset="http://www.ifanr.com/wp-content/uploads/2017/03/5-1.png 900w, http://www.ifanr.com/wp-content/uploads/2017/03/5-1-360x324.png 360w, http://www.ifanr.com/wp-content/uploads/2017/03/5-1-768x691.png 768w" sizes="(max-width: 900px) 100vw, 900px" /><img class="alignnone size-full wp-image-811065" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/03/6-3.png" alt="" width="900" height="768" srcset="http://www.ifanr.com/wp-content/uploads/2017/03/6-3.png 900w, http://www.ifanr.com/wp-content/uploads/2017/03/6-3-360x307.png 360w, http://www.ifanr.com/wp-content/uploads/2017/03/6-3-768x655.png 768w" sizes="(max-width: 900px) 100vw, 900px" /><img class="alignnone size-full wp-image-811066" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/03/7-4.png" alt="" width="900" height="1117" srcset="http://www.ifanr.com/wp-content/uploads/2017/03/7-4.png 900w, http://www.ifanr.com/wp-content/uploads/2017/03/7-4-360x447.png 360w, http://www.ifanr.com/wp-content/uploads/2017/03/7-4-768x953.png 768w, http://www.ifanr.com/wp-content/uploads/2017/03/7-4-825x1024.png 825w" sizes="(max-width: 900px) 100vw, 900px" /><img class="alignnone size-full wp-image-811067" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/03/8-5.png" alt="" width="900" height="757" srcset="http://www.ifanr.com/wp-content/uploads/2017/03/8-5.png 900w, http://www.ifanr.com/wp-content/uploads/2017/03/8-5-360x303.png 360w, http://www.ifanr.com/wp-content/uploads/2017/03/8-5-768x646.png 768w" sizes="(max-width: 900px) 100vw, 900px" /></p> <p>题图来自 Pinterest</p> <p><strong>本文由知晓程序授权转载,关注微信号 zxcx0101,在微信后台回复「<span style="color: #605eac;">资讯</span>」,获取更多小程序资讯观点。</strong></p> <p><img class="alignnone size-full wp-image-784874" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/02/zxcx_0208.png" alt="zxcx_0208" width="1000" height="926" srcset="http://www.ifanr.com/wp-content/uploads/2017/02/zxcx_0208.png 1000w, http://www.ifanr.com/wp-content/uploads/2017/02/zxcx_0208-360x333.png 360w, http://www.ifanr.com/wp-content/uploads/2017/02/zxcx_0208-768x711.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p>