关于拼饭app的思维和实现过程

深圳/UI设计师/9年前/3605浏览
关于拼饭app的思维和实现过程

分享经济中共同完成一件事从而降低这件事的成本,使分享这件事的人与人都得到实惠称之为拼。企业把这种经济成为分享经济的1.5时代。拼饭可以查看附近的人,并发起拼饭活动,用最短的时间召集身边的人。通过拼节约成本;

    这个是我和@Elaine的一个创作原创app的思维过程,很多方面还需要完善。  



    1.首先我们做了问卷调查,通过网上问卷调查了解目标用户的相关态度和相关信息(里面包含了简单的分析);

4b0857fefaf9a84a0d304f98e407.jpg

  (问卷第1-2页)

  41c757fefb08a84a0d304f0824c7.jpg

(问卷第3页)



    2.其次我们做了目标用户访谈,提取出用户的代表性特点,做了相关的用户画像。

(用户画像1:拓展人脉型)


badd57faf7dea84a0e282b1e04fa.jpg(用户画像2:贪便宜吃货型)



    3.然后根据相关的数据,我们做了“拼饭”app的1.0版本的信息架构图,在最开始的时候,我们的想法是主功能先上,后续再产品迭代和增加功能点;

006858058920a84a0e282b5ca156.jpg

(“拼饭”app的1.0版本的信息架构图)



     4.根据我们的信息架构图,我做了主页面的大概的纸模型设计,如下图:

(纸模型页面:首页-选择城市-活动详情)


(纸模型页面:发布-我的-拼饭小故事)



    5.根据纸模型,我先想了下关于app的主色选取,一开始的考虑主色有两种方案,思考如下:

一种是橙黄色(因为橙黄色属于刺激人食欲的一种色彩,与拼饭的主题想搭配);

一种是浅红色(因为拼饭是属于女性思维的一种产品,主要的用户是女性,女性是想着通过拼饭吃的同时,可否遇到合适的人,扩大社交圈子,浅红色正好适合这种心态的表达);


后来经过讨论,觉得还是第一种橙黄色好点。拼饭的用户还是有男有女的。如果用浅红色是不是有点偏女性化了,因为除了吃饭,拼饭还有个拼的概念。


   

   6.做了一个比较简单的颜色、间距和字体的标准(如下)

主题色:#ffd703

描边色:#7e4500;#323232

灰色:#888888

点缀色:#f75555

外线:#d6d7dc

单功能标:32px   26px

字图小间距:10px  32px  64px

字体:36px  26px  20px



    7.根据上面的思维过程和制作的相关标准,开始制作高保真实现页面(因为在制作高保真的界面中,会适度的根据实现实际需要,会有稍微的修改):


制作拼饭app的图标,下面为部分:

f37c57ff2078a84a0d304f8e5a77.jpg


高保真实现效果图,如下:

593b57fef92aa84a0e282b8d62d5.jpg

(首页-拼饭活动)


(发布活动)


(我的)


(拼饭小故事)


(活动详情)


(选择城市)


因为“拼饭”是个人的创作和想法,后续还有很多不完善需要修改的地方,希望各位多多指正,谢谢~

29
Report
|
6
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in