Appso的页面还原(原型设计)

接上一篇,根据页面流程可以开始绘制原型(手绘->低保真->高保真->UI设计)。本文将对Appso发布app涉及的页面进行还原。

Appso的页面还原(原型设计)_第1张图片

一、体验环境

手机:小米5S

操作系统:MIUI 9.6.1.0

软件版本:V2.0.4

二、Appso的页面流程

Appso的页面还原(原型设计)_第2张图片

三、Appso的原型页面

根据上一次作业画的页面流程图,沿用页面流程图结构绘出这个流程涉及到的页面原型。

1,AppSo发布app的主线流程还原页面如下:

Appso的页面还原(原型设计)_第3张图片

2,对于“2.搜索APP页”,用户使用时可能会碰到无网络搜不到结果问题,还原页面如下:

Appso的页面还原(原型设计)_第4张图片

3,对于“3.提交到AppWall(写分享理由)“页面,用户使用时可能会碰到无意中点击返回未登录账号输入为空无网络的问题。还原页面如下:

Appso的页面还原(原型设计)_第5张图片

4,对于“6.我发布的appwall(全部)”页面,用户在查看和修改发布过的app页面还原如下(由于我发布的app一直处于审核之中,因此,自己fake了几个状态,包括被推荐、已发布、被拒绝和消息通知。):

Appso的页面还原(原型设计)_第6张图片

四、产品还原心得

在页面还原的时候,除了产品功能必须符合业务逻辑、异常情况和提示完整以外,同时,还要注意内容上的一些设计点。

1.首页、AppWall,以及我发布的AppWall中的内容都是按照时间先后进行排序的,而不是以赞的数量,让每一位用心分享的用户都有机会推荐app上AppWall。

2.AppSo的内容需要用户上下滑动进行浏览。因此,在每个界面的最下面会设计露出一点点内容让用户知道通过滑动能浏览更多的内容。

3.从上墙的app来看,AppSo鼓励用户推荐小而美的app,对推荐语的审核也比较严格。比如,推荐语写的不好、不够详细、有错别字或敏感词汇、太多人知道的APP,这些都可能通不过审核。毕竟,小众化又有用的app更符合用户需求,也更能体现AppSo的产品价值。比如像微信、支付宝这种几乎人手都有的app,即时推荐上墙对其他用户来说也没有多大的意义。

4.AppSo注重打造优质的内容,“首页”的资讯和“合辑”中的文章都是和app相关的内容,符合产品的定位。

5.AppSo鼓励用户对用户之间的不良评论进行相互监督和举报,共同营造更好的社区环境。


谢谢观看!我是X蝈蝈,请各位不吝赐教,感谢!

你可能感兴趣的:(Appso的页面还原(原型设计))