模式一:基本的登录
登录一般会包含:用户名、密码、操作按钮、忘记密码、注册。Py和Timetree的登录就是一种基本的登录方式,Timetree在密码输入框内提示密码规则。

模式二:选择登录/注册
Remember The Milk先选择登录/注册,之后登录页面不放注册入口。同时自动激活第一个输入框,调取键盘,用户不用再额外点一下去打开键盘。

Pandora先选择登录/注册,之后登录页面仍保留注册入口。

模式三:密码隐藏/显示
基于可用性测试和实时使用策略,密码可以隐藏或显示。

模式四:在引导页中显示登录/注册
Nike在引导页中显示登录/注册按钮,有利于被引导页打动的用户去完成登录/注册。

在之后的改版中Nike把引导页图片换成了视频,感觉更加生动了。

当你的手机地区为中国大陆时,Nike登录页面会以手机号码登录为主,这个本地化做的非常符合中国大陆用户习惯了。

模式五:Tab形式区分
Moda Operandi以Tab形式区分登录和注册。

模式五:第三方登录
之前的登录模式中都可以加入第三方登录,第三方登录需要获得相应的授权。请注意第三方登录和第三方注册是不同的。Raise Me中你需要先使用Google填写信息完成注册,然后才能使用Google登录,跳过注册直接使用Google登录会有异常提示。

模式六:只用输入密码登录
一般财务类软件会默认填好登录名,你只需要输入密码登录。当你首次安装时这类应用会先行验证你的账户,之后你只需要输入密码。掌上生活会帮助你记忆登录账号,你只需要输入密码即可登录。

模式六:游客模式
有些App支持游客模式,不登录/注册也可直接使用。当你点击购买、喜欢等时才引导你登录。Groupon点击Claim for Free引导登录。

Etsy点击喜欢引导登录。

模式八:三维设计
Quora的登录运用Material Design Depth概念来设计,在原有界面上,实现3维的设计。

模式九:手机号和验证码
使用手机号和验证码登录,可以免去记忆密码的麻烦。Lyft就支持手机验证码登录。

总结
不一定非要在第一步就要求用户登录,也可以在必要的时候才引导用户去登录。登录模块不需要格外创新,使用标准的模式,让用户可以很容易地完成登录。
参考
- Mobile Design Pattern Gallery, 2nd Edition
- Mobbin – Latest Mobile Design Patterns