谈微商的界面设计吧

苏州/产品设计师/10年前/608浏览
谈微商的界面设计吧
xinlinui

对于微信上放置类于App的页面(相当于在微信上再上转了一个不用安装的App)

    好久没来看我的小伙伴总会不习惯,本来上周说和大家说说还没解决的那个“申请会员卡”的问题。但是上周去见朋友了就没写,那么接着上次《谈谈交互设计》往后讲吧?答案是,肯定不行的。这次我们讲“在微信上做界面设计。

    相信大家都知道有好多商家开始在微信上做类似于App的页面了,这样一是不用安装就能使用并消费,不用非要下载安装后再去使用要方便得多,而且容易推广。这样能接手的用户也就越来越多了。以前的微网页当然可以用,但是那种网页版的并不太高端大气,也不太有格。

   于是乎,设计一个能在微信上使用的“App”就显得重要了。那么不多说废话了,开始吧。

 先不说我这次设计的是什么,来说说遇到的问题吧!不知道大家有没有注意左上角的关闭铵钮是不可以更改的,这是微信不让改的。这样在设计就遇到一个问题,我们App是一个应用,同样微信也是一个应用,而要把我们这个应用放在微信里面,而不是关联起来,所以我们的页面入口就在微信了,如图(1)我们的返回键在左上角,而微信的也在左上角,从微信进入到我们的“App”页面我们不可以盖住微信的返回键,所以左上角就定死了,一个关闭我们“App”的页面铵钮,我看了大部分的微商是直接放入到微信头部下面的这样一个返回按钮和关闭铵钮就都在左上角叠着了,这样的设计很显然是不太好的,对于安卓还好,它有自带的返回热键,但对于iPhone就不这么好了,我们习惯了左上角就是返回,但是不好意思这里是退出关闭当前页。那么要怎样解决这一问题呢?我尝试了把反回键放在右边、中间、下面,但是都不太理想,因为当你考虑到先入为主的概念再去改变就不那么容易了,因为在人类的认识世界里,通常我们是不看界面写的是什么就去点击的,所以放那儿大伙都会去点退出,然后再发现不对又点回来。不知道小伙伴有没有注意到这个问题,在我这里首先要告诉大家我还没有找到解决的办法,这一点我必须坦白,不知道聪明的你有没有解决的方法呢?回忆一下苹果电脑的界面使用也许你能想出一个好的方法来……

这里就先不说了,来说下一个我遇到的问题吧!

    在微信上我们做设计首先要做的就是减法而不是添加功能,在微信上的资源是有限的,不可以把整个App上的东西都搬上去,那么哪些是必须要保留的页面呢,如果你的App首面是以广告位为主的那么你可以把整个首页去掉,是的你没的听错,就是整个首页,因为我们不用这么麻烦,让用户进来就直接看到商品(并且可以直接加入购物车或直接支付购买的商品)而不是广告,至广告在微信公众号就应该让他看到。所以我们只保留商品页,但是这么多商品不分类是不行的,所以至少还得有导航菜单。满足这一点就够了,点击商品查看详情或直接加入购物车。

    接下来就应该去接算了,到了这里,我们就要付钱了,打住,付钱可不是随便的,我买的东西会到那儿呢?这必须清楚,所以我得有一个账号来管理我的个人信息,那么个人信息那些是重要的呢?刚才说了简化界面,那么在注册时我们不用这么麻烦了,用手机号注册绑定到微信上,这不就解决了吗!那么有这么几个页面我们必须有,收货地址没有忘记吧!还有登陆或叫绑定、注册找回密码是不可省的的,还有什么呢?有好东西不忘记分享给朋友哦,认真读的小伙伴会想到微信上不是有吗?干麻还要做这不是找事吗?当然不是。你想通过微信上的分享我们又咱知道会分享了,谁没有呢?这样对于商家就会出现不可控也不知道他有多少潜在用户了。而且也不好给努力分享的小伙伴奖励呀!所以这个功能叫“带朋友来逛街”或叫邀请朋友来什么的都可以了,那么说到奖励我们是不是还要有优惠券送出呢?要吗,我的小伙伴,来就送优惠券,邀请人也送,只要添加公众号就送,怕什么,公司有钱,再说了,送了你也要注册消费才能使用呀!好了,差不多了,再想想我们有没有乎略什么重要的东西,比如评论商品,这可以有,而且还得显示在商品旁边。还有木有?当然有,付完全就得生成一个订单用来查看我们的消费情况和送货了没?

    最后总结:只要是给用户造成购不了货那么就是失败的;

还有让用户找不到货也是不可取的(这个要因情况而定,本来就没有就不说了);

还有在微信还是在App都要做到简结,由其是在微信上,除了你的目标,其它的都少放或不放,这就是简约的设计,当然有时后也间化不了,比如我公司的还还有个充值才能购买,那么就有一个收支金额的管理,当然密码管理也是必要的;其它的交互方式就下次再和大家聊了,至于UI原型,由于产品还没有上线,就先不给大家看了。

最后祝大家周末愉快,万圣节狂欢。

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