美文网首页产品交互设计
打开移动产品那扇“门”——登陆页面设计

打开移动产品那扇“门”——登陆页面设计

作者: 汪继志 | 来源:发表于2017-07-08 10:28 被阅读24次

登录页面对于移动产品来说至关重要,登录页面就像是一扇大门。门背后蕴含了丰富的宝藏,只有打开门之后,你才能一窥究竟,那么这扇门应该位于什么地方?长什么样?都在一定程度上反映了门背后的内容。

不同的门代表其背后的内容有很大程度上的差别:

家里的门:里面是你的财物和隐私,门将内容与外界隔开,看不到门背后的一切,因为里面是你的财物和隐私。

风景旅游区的门:是半开放的,不进门你可以看个朦朦胧胧,但是就不得究竟,可以看到整体,却看不到细节。买票进门之后才可以领略其中的风采。

博物馆的门:是介于氛围与内容之间的屏障,门外就是一些宣传之内的,想要看到展品,需要买票进入那扇门。

酒吧KTV中:你无须开门却可以看到别人精彩的互动,感受那氛围,吸引你也去参与其中,如果你也想参与娱乐,那么你得先开个房。

商场的门:一年四季打开,喜迎宾客,你可以看到琳琅满目的商品。如果你想要购买带回家,那么就需要打开你的钱包才行。

免费公园的门,一年四季打开,风景随便看,但是其中会有一些付费服务,游戏零食什么的。

不同的地点满足不同的需求,不同的需求决定用不同的门,总体来说在用户与内容之间有以下三类门:

1.必须要登录后方可进行操作的门——私密安全门

2.无需登录也可进行部分内容浏览——半开放风景门

3.免费服务的公园门——免费门

对于采用哪种方式,取决于产品本身的属性以及自身商业模式的使用:

1,必须要登录后方可进行操作(以用户为核心的安全门)

这类方式主要集中在以下几类产品中:即时通讯类,个人专属工具类,这几类产品由于信息围绕用户而展开,以用户为中心展开服务,这类门根据安全等级和私密属性又有不同场所的应用:银行的门,家中大门,卧室门等。

2.无需登录也可进行部分内容浏览(允许用户部分参与的风景门,酒吧KTV门)

这类方式主要集中在以下几类产品中:购物类产品,音乐类产品,视频类产品,信息类产品,部分个人社交类产品,这类产品采用部分内容可浏览的方式其目的在于通过精彩的内容或互动来刺激用户的自我表达和需求,而满足需求则需要用户注册登录。这类产品的重点在于,如何吸引用户打开那扇门,想象下我们去KTV的场景,在大厅内,你就可以欣赏美妙的音乐,以及感受到包厢门内传出来的欢歌笑语。各类活泼的海报,这一切的目的只有一个,吸引你进入那扇需要付费的门。

3,无需登录即可享受服务(免费公园门)

这类产品主要为简单的工具类产品,或是单纯的信息浏览类产品,也可以是产品迭代初期状态,旨在为用户提供纯粹,简洁,优质的内容而不加入登录模块等。但不排除后期增加内容后需要增加门。我们称为迭代。

这扇门应该长什么样?

门的样子根据不同的场景和功能设计成不同的样子和开启方式,除了要照顾到用户开门的操作流程外,还需要兼顾给用户带来的心理感受。这一点其实和工业设计中的产品形象有类似,具备品牌溢价的产品形象需要满足两个属性,与大行业内的标准一直,打个比方,该有的零部件需要使用标准的接口,有自己独特的个性。

门的方式多种多样,平开门、弹簧门、推拉门、折叠门、转门、卷帘门,生态门,材料也是多种多样。在选择的时候需要根据不同的功能和场景来选择不同的开启方式和材料。一扇门除了能够满足基本的功能外,还需要能够反映出场所的特点和优势。这一点,需要交互设计师和UI设计师有充分的理解。接下来我们来看一下一些移动产品上门的应用:

上述这些程序基本为必须要登录后方可进行操作——私密安全门,从左到右按照安全重要程度依次排列,对于用户资金方面增加了一道密码门。从门设立的位置来说,基本上是没有问题的,这里我们讨论下这几类门的组件和表现形式。

支付宝由于是资金管理产品,对于用户的重要程度排位第一,我们看到在它的登录界面上有一个属于社交产品的头像,有些不合时宜。密码部分增加了一个可见状态按钮,符合金融类产品的需求。但是对于整体页面的风格没有传达给用户安全感和信赖感。

微信和来往同属于围绕用户展开的社交类产品,门的设计上基本一致,但是由于来往是后来产品,但是缺少自身的属性,与微信登陆页面极其相似,确实了自身的特点。

qq空间属于熟人社交产品,门的背后是用户的个人隐私。同时它又是一个丰富的熟人社区,登录界面在风格上有一定的丰富性,符合该产品的定位。

上述这三款产品属于无需登录也可进行部分内容浏览,共同的特征是无需注册,即可使用部分初级功能,或者是做一个围观者,想要参与其中,就需要融入其中。这类产品通常登录页面都是设计在大厅之内,首页一般都是大厅,里面有很多音乐,信息,视频等。大厅中有一个门,进入这个门之后,你就可以享有内容的定制,与我们其ktv的门是一致的。

同样,我们从产品的表现形式上来看待这一类产品:

豆瓣FM属于音乐类产品,但是在登录方式的表现上并没有体现出音乐产品该有的属性,反而是使用了最为平淡的,通用型的登录控件。

知乎作为一个知识类分享社区,象征着严谨和专业,背景的蓝色采用了专业类书籍常用的蓝色,在登录方式上追求的是专业,稳健,和轻松。

美拍类产品的的风格很像KTV的属性,热闹的社区,丰富的内容,但是在登录页面上的体现确平淡无奇,这就类似于在一个高档的ktv内,每个包厢的门用的是简陋的木门,非常的不协调。

上述关于移动产品的“门”只是其中很小的一个部分。一款优秀的移动产品带给用户的价值是多方面的。功能,易用性,美观性等,市场竞争越发激烈,产品由单一的功能竞争,体验竞争提升到品牌竞争。品牌产品的统一性和个性在工业设计中已然是成熟的领域,希望移动产品上也能够有更多的体现。

相关文章

  • 打开移动产品那扇“门”——登陆页面设计

    登录页面对于移动产品来说至关重要,登录页面就像是一扇大门。门背后蕴含了丰富的宝藏,只有打开门之后,你才能一窥究竟,...

  • 那扇悄悄打开的门

    我轻轻瞄了一眼,发现刚刚带上的门不知何时被风吹开了。 有人说,上帝给你关了一扇门,便会给你打开一扇窗。如果上帝悄悄...

  • 打开那扇紧闭的门

    班上,有一个可怜的孩子小航,在他不满周岁的时候,母亲抛下他和姐姐,离家出走,从此杳无音讯…… 他的爸爸,也是一个急...

  • 2017-12-06

    “当一扇幸福之门关上,会有另一扇门打开。但我们常常注视那扇关上的门太久,以至于看不见那扇已为我们开启的门。” 这句...

  • 归于安静

    人到中年,我在无限关闭那扇叫做喧嚣的门,又在无限打开另一扇门,那扇通向无限安静的门。 我无限渴望着,有那么一天,有...

  • 分享:人生最好的境界,是静水流深

    人到中年,我在无限关闭那扇叫做喧嚣的门,又在无限打开另一扇门,那扇通向无限安静的门。 我无限渴望着,有那么一天,有...

  • 李凤军:人生最好的境界是静水流深

    人到中年,李凤军在无限关闭那扇叫做喧嚣的门,又在无限打开另一扇门,那扇通向无限安静的门。他无限渴望着,有那么一天,...

  • 微信,打开那扇记忆的门

    没有记日记的好习惯,微信也不乏是回首往事的好途径。往年微信发的勤,几乎每天都会有更新,所以想找回过去的记忆,很方便...

  • 静水流深

    我在无限关闭那扇叫做喧嚣的门,又在无限打开另一扇门,那扇通向无限安静。我无限渴望着,有那么一天,有那么一个...

  • 静水流深

    我在无限关闭那扇叫做喧嚣的门,又在无限打开另一扇门,那扇通向无限安静。我无限渴望着,有那么一天,有那么一个...

网友评论

    本文标题:打开移动产品那扇“门”——登陆页面设计

    本文链接:https://www.haomeiwen.com/subject/blmdhxtx.html