LOFTER for ipad —— 让兴趣,更有趣

点击下载 关闭
界面设计方法研究

游戏体验

(一)了解应用

1、分析对象

     抹茶美妆


2、产品定义

    【社区交流】面向所有用户的化妆品交流社区,提供用户之间的交流学习。

    【推荐购物】化妆品的分析测评,链接购物网站的比价购买。

    【视频教学】精选美妆教学视频,让用户边看边学。

      部分功能举例:


3、使用流程



4、产品功能解剖图(树状图)

【评论】

   ①首先抹茶美妆庄作为一款主打视频美妆教学的APP,在用户发表视频的过程中,并没有过多的审核或是分类机制。用户在搜索视频时也只能是通过搜索用户名或是视频标题进行寻找,搜索的精度和准确度不够。

 

   ②在购买商城区块中,并没有和它其他的如视频教学,社区问答讨论等相结合,几者之间功能相对独立,并没有很好的利用其特有优势来营造商业效果。对于用户而言,就像是一个普通的教学APP加上淘宝的效果是一样的,这一点,值得改进。

 

   ③在社区功能中,并没有很好的圈子推荐来给用户搜寻一些需求或状态相同的其他用,导致推荐给个人的一些帖子中,有相当一部分针对性不够强,实际推荐的效果并不好,用户接受度不高。

 

 

1、分析对象

     哔哩哔哩bilibili



2、产品定义

     国内最大的年轻人潮流文化娱乐社区

     视频播放实时弹幕评论交流,形成虚拟的部落式观影氛围

     视频分类繁多精细且无广告打扰


3、使用流程

4、产品功能解剖图(树状图)

【评论】

   ①哔哩哔哩作为一家视频网站,视频分类做的非常精细繁多且审核仔细,这一点虽然很好,但是也导致了用户在通过分区来寻找想要的食品类型时,需要点击选择的过程比较多,这一点可能会使用户产生厌烦的心理。

 

   ②因为哔哩哔哩拥有比较强大的后台数据分析系统,所以为您推荐的视频主要的是根据用户是观看记录,但是,有部分不小心点进去观看的视频,系统也会将之视为您的喜好,这一点十分值得改进。

 

   ③作为一个移动端用户认识远远超过pc端的APP,哔哩哔哩的用户视频投稿却只能通过pc端进行上传,造成用户的极大不便。


 

(二)用户访谈

  1、访谈提纲


  2、访谈内容


3、需求情景


(三)竞品调查

1、竞品分析表格



2、竞品分析总结

竞品已获得的分类主要可以分为以下五块,分别是测试体验、浏览功课、发布心得、社交和购物。

测试体验:现有产品虽然有些有肤质测试功能,但是个性推荐方面没有针对性,很多是商家广告。用户的直观体验做的不够好。

浏览功课:基本都有功课分享内容,但是很多内容没有经过筛选,用户可以得到大量信息,导致难以判断是否真的适合自己。

发布心得:有些APP专注教程推荐,用户很少发布自己的妆容。往往发布后很少有人浏览。大多APP发布方式比较单一。

社交:系统较完整的美妆APP都会具备较多的社交功能,除去小部分针对性、技术性很强的。但是总体来说社交功能还是较为单一和闭塞。用户之间无法真正做到无屏障交流。

购物:具备购物系统的APP总体来说占少数,大多数APP还不具备这个实力。而其中各个水平参差不齐,且用户大多具有对于推荐产品是广告和售卖假货的担忧。

总的来说,在测试体验、功课浏览和购物这几块中,用户的个性定制推荐还需增强,期待可以做到对用户来说完全适合、感兴趣的推荐内容。而在教学、购物、发布心得上,更需提供用户更为简洁明了的用户体验。



(四)问卷调查

1、问卷表格设计


2、问卷发布及答案回收整理


3、可行性分析


(五)设计目标





(六)人物角色

(七)情景故事创新


(九)交互架构


(十)流程设计(低保真)

邵恩雨部分

一  初次登陆流程
#1  初次进入千颜app,完成注册登录后,第一步骤需要用户手动选择输入面部特征及皮肤特质(或可直接通过拍照智能识别输入)。
#2  接下来输入用户现有化妆品,用于后期教程自动替换已有产品使用,方便用户。在这一步中,用户可自行选择产品类别、品牌与色号。
#3  第三步用户输入个人角色形象,通过对于面部一些特征的直接推动调节,在账户内建立一个符合用户审美要求的平面形象。后期可通过经验积分获得,对个人形象升级。
#4  最后一步是系统通过之前输入的信息为用户推荐一些热门的用户及圈子进行关注选择。




二  教程学习跟踪记录流程
#1  首先对于用户选定的今日要化的妆容教程进行分屏显示,将一个步骤放大到一个页面进行gif演示,配以简洁明了的文字说明。同时显示根据用户现有产品识别得到的这个妆容中使用的替代产品。
#2  在完成此次妆容之后,用户可以对自己化的妆进行一个拍照记录存档,同时可以获得经验和积分。并在这之后会出现一个和教程妆容的对比pk图,给用户一定的鼓励,看到成果。
#3  在一天的带妆过程中,系统根据此次妆容以及用户的皮肤状况对用户进行定时的补妆及卸妆提醒,并配以一定的补妆卸妆小技巧。



三  产品推荐浏览流程
#1  在首页下方状态栏中点击产品分区,显示产品推荐首页,包括定制推荐产品及产品的分类。点击搜索输入内容进行检索。
#2  搜索结果将以一个一个产品的小图形式进行显示,最上方是为用户定制推荐及好友使用喜欢的产品推荐内容。
#3  产品介绍页会显示产品实物大图、名称、价格以及最重要的,为用户定制推荐的此产品的试色测评。下方还可选择拍照查看产品在自己脸上的实时效果,对此产品提问及加入购物车。查看上脸效果中可以选择更换产品不同的色号,追求效果达到真实。



四  社区动态发布流程
#1  在首页下方状态栏中点击社区分区,显示社区动态首页,包括本周活动的banner,用户已加入的圈子,以及用户好友发布的动态、教程等。
#2  首页右上角可选择发布动态,打开后可以选择发布好友圈动态、圈子中的帖子或是教程等不同的发布位置和内容。发布内容可以输入文字,插入视频或是图片等。

  


张玥晗部分

(十一)高保真界面效果





推荐文章
评论(0)
分享到
转载我的主页