APP登錄頁面設(shè)計(jì)的幾個(gè)細(xì)節(jié)

<<mobile design pattern gallery>>的第二章講的是7種常用表格:

  1. 登陸
  2. 注冊
  3. 結(jié)賬
  4. 計(jì)算
  5. 搜索條件
  6. 多重步驟
  7. 長表格

今天正好和我們的攻城獅們討論了登錄頁面的思路混巧,順手總結(jié)一下:

1. 登陸頁面最容易被忽視的基礎(chǔ)

第一次做登錄頁面原型的時(shí)候描孟,我們很容易有以下錯(cuò)誤:

  1. 注冊放在登錄前面,占據(jù)顯著位置
  2. 忽略“忘記密碼”/"找回密碼"這個(gè)細(xì)節(jié)枪芒。

實(shí)際上荚醒,比較成熟的設(shè)計(jì)都會(huì)這樣安排重要性:

登錄>注冊>忘記密碼

所以宜岛,一個(gè)起碼能用的登錄頁面應(yīng)該長成這樣:pattern gallery是虛擬名稱姜贡。

注冊-1

2. 社交賬號(hào)登錄已逐步成為主流撩穿,但要防2個(gè)坑

通過社交賬號(hào)登錄磷支,用戶只需要點(diǎn)擊一下對應(yīng)的社交媒體圖標(biāo),即刻完成食寡。而傳統(tǒng)的登錄雾狈,至少需要填寫 賬號(hào)+密碼 兩個(gè)復(fù)雜的輸入步驟。
所以如果可能抵皱,通過社交賬號(hào)登錄是增加打開率的重要方式善榛。

然而在和工程師的討論過程中,我們發(fā)現(xiàn)了下面2個(gè)坑:

1)后端程序猿提出呻畸,用戶如果在創(chuàng)建獨(dú)立賬號(hào)的時(shí)候沒有綁定社交賬號(hào)(比如微博移盆,qq),第一次通過社交賬號(hào)登錄時(shí)伤为,系統(tǒng)會(huì)創(chuàng)建一個(gè)新用戶咒循。想要再次綁定,則必須通過手機(jī)認(rèn)證绞愚,這是一個(gè)很復(fù)雜的過程叙甸。或者位衩,有的APP壓根就不讓你有再次綁定的機(jī)會(huì)裆蒸。

好,如果這樣糖驴,那我們就只提供社交賬號(hào)登錄僚祷,不能獨(dú)立創(chuàng)建賬戶如何?這樣看來也不用通過獨(dú)立賬號(hào)登錄了遂赠,最簡便久妆。

不行!
這就是第二個(gè)坑- -我們的IOS 攻城獅提出來的:apple store的審核現(xiàn)在變得更加嚴(yán)格了,對于只有社交賬戶登錄的app跷睦,基本都無法通過審核筷弦!因?yàn)槟阈枰紤]到,如果用戶手機(jī)里沒有這幾種社交app的話抑诸,他還是可以正常登錄的烂琴,否則就是在誘導(dǎo)下載(apple store的考慮之周全,的確讓人佩服)蜕乡。

此時(shí)Android工程獅很淡然奸绷,表示完全沒有這樣的苦惱。

所以层玲,這樣的情況下我們依然應(yīng)該保留獨(dú)立ID的登錄提示号醉,然后是第三方平臺(tái)的登錄提示反症。但是,不開放獨(dú)立賬號(hào)的注冊功能畔派,以避免發(fā)生剛剛說的第一個(gè)坑铅碍。

如果不開放獨(dú)立賬號(hào)的注冊功能,會(huì)有用戶因?yàn)闆]有安裝我們連接的第三方平臺(tái)而放棄注冊么线椰?理論上來說有可能胞谈,然而實(shí)際上來說,我們認(rèn)為憨愉,我們的目標(biāo)用戶起碼應(yīng)該具備:微信/微博的賬戶烦绳,如果這幾個(gè)都沒有,那么即使不注冊也不算損失配紫。

所以径密,目前看來比較合理的想法如下(名稱及圖表都為虛擬):

注冊-2

來自@夕照寺65號(hào) 的補(bǔ)充提醒,覺得很有幫助的經(jīng)驗(yàn),也收錄下來:

個(gè)人認(rèn)為躺孝,就算是社交賬號(hào)登錄其實(shí)也需要一個(gè)創(chuàng)建自己賬號(hào)的流程睹晒。僅以簡書注冊登錄舉例,我注冊時(shí)候用的豆瓣賬號(hào)括细,現(xiàn)在每次網(wǎng)頁登錄都要進(jìn)入第三方網(wǎng)頁,而非直接輸入賬號(hào)密碼就可以登錄戚啥。有時(shí)候第三方網(wǎng)頁無法刷出奋单,我連賬號(hào)登錄的方式都沒有了。同比可看猫十,國外的產(chǎn)品或者知乎览濒,雖然你登錄是拿社交賬號(hào),但在引導(dǎo)后你是具備了網(wǎng)站獨(dú)立賬號(hào)并綁定社交賬號(hào)的拖云。而此步也很簡單贷笛,就在注冊,確定個(gè)人信息時(shí)就可完成宙项。


《mobile design pattern gallery》讀書筆記系列持續(xù)更新ing,邊學(xué)習(xí)邊實(shí)踐乏苦,并把心得結(jié)合最新的app進(jìn)行實(shí)戰(zhàn)分析.希望和大家一起探討前進(jìn)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末尤筐,一起剝皮案震驚了整個(gè)濱河市汇荐,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌盆繁,老刑警劉巖掀淘,帶你破解...
    沈念sama閱讀 211,817評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異油昂,居然都是意外死亡革娄,警方通過查閱死者的電腦和手機(jī)倾贰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拦惋,“玉大人匆浙,你說我怎么就攤上這事〖芗桑” “怎么了吞彤?”我有些...
    開封第一講書人閱讀 157,354評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長叹放。 經(jīng)常有香客問我饰恕,道長,這世上最難降的妖魔是什么井仰? 我笑而不...
    開封第一講書人閱讀 56,498評論 1 284
  • 正文 為了忘掉前任埋嵌,我火速辦了婚禮,結(jié)果婚禮上俱恶,老公的妹妹穿的比我還像新娘雹嗦。我一直安慰自己,他們只是感情好合是,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,600評論 6 386
  • 文/花漫 我一把揭開白布了罪。 她就那樣靜靜地躺著,像睡著了一般聪全。 火紅的嫁衣襯著肌膚如雪泊藕。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,829評論 1 290
  • 那天难礼,我揣著相機(jī)與錄音娃圆,去河邊找鬼。 笑死蛾茉,一個(gè)胖子當(dāng)著我的面吹牛讼呢,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播谦炬,決...
    沈念sama閱讀 38,979評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼悦屏,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了键思?” 一聲冷哼從身側(cè)響起窜管,我...
    開封第一講書人閱讀 37,722評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎稚机,沒想到半個(gè)月后幕帆,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,189評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡赖条,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,519評論 2 327
  • 正文 我和宋清朗相戀三年失乾,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了常熙。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,654評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡碱茁,死狀恐怖裸卫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情纽竣,我是刑警寧澤墓贿,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站蜓氨,受9級(jí)特大地震影響聋袋,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜穴吹,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,940評論 3 313
  • 文/蒙蒙 一幽勒、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧港令,春花似錦啥容、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至淋淀,卻和暖如春硝逢,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背绅喉。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留叫乌,地道東北人柴罐。 一個(gè)月前我還...
    沈念sama閱讀 46,382評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像憨奸,于是被迫代替她去往敵國和親革屠。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,543評論 2 349

推薦閱讀更多精彩內(nèi)容