實習心得-關于登錄與注冊

今天是實習的第二天埋嵌,我被分配到了一個數據收集的Web App項目中去偏窝,因為這個項目是由后端獨自構想開發(fā)的栏账,所以有很多需要改進和整理的工作需要去做。那么我的工作是武契,對這款產品的功能架構進行梳理募判,調整各個相互之間的邏輯關系荡含,并對界面進行新的設計。

通過思維導圖將產品之間的一些邏輯關系整理出來届垫,產品的目的是通過對鏈接的轉換释液,然后對訪問鏈接的用戶做一些數據統(tǒng)計,有些像站長之家敦腔,但是會更靈活一些均澳。

結合實際的使用體驗,發(fā)現要去實現一個鏈接的數據統(tǒng)計符衔,中間的過程還是有一些繁瑣的找前,在接下來的幾天里,會試著去思考一下簡化流程和操作的方法判族。

還有的是要去完善一下功能躺盛,目前一些小的功能還沒有做,像是對賬戶的設置形帮,產品的反饋這一些槽惫,需要做一些歸納,然后推出辩撑。

找出了一些不佳的體驗界斜,缺少響應的hover樣式,錯誤大都以彈框形式出現打斷用戶操作的連續(xù)性合冀,對問題的描述不夠詳盡各薇,總以失敗錯誤這樣粗略概括的彈框會讓用戶覺得愚蠢和惱怒,所以嘗試換成氣泡君躺、紅字提示等一些溫和的方式來解決這樣的問題峭判。一些表述不夠直觀,對當前主題內的統(tǒng)計及單個鏈接的統(tǒng)計沒有區(qū)分開棕叫,以相同的icon和描述文字會給用戶的理解造成困擾林螃。

希望是將這個產品做到足夠輕量和獨立,并且能夠對多組數據進行分析篩選俺泣,讓相對獨立收集的數據聯系起來疗认,發(fā)揮出更大的價值。Highcharts里面有很多的統(tǒng)計圖樣式伏钠,希望能通過對圖表的顏色横漏,分布方式,或者一些動態(tài)效果的組合贝润,來讓圖表的信息展示的更多。

之后開始了對登錄及注冊頁面的重新設計铝宵,先去收集了一些工具型產品的登錄和注冊頁面打掘,反復使用华畏,整理出了一個大概的頁面框架。

瀏覽也一些注冊頁面之后尊蚁,發(fā)現大多數都以居中式和左右式為主亡笑。

(Behance的登錄界面就是居中式的,背景為白色横朋,按鈕的顏色從LOGO中摘取仑乌,減少其他元素的干擾,用戶會集中精力于登錄信息的輸入工作)

(Bigcommerce琴锭,登錄界面為左右式晰甚,頁面內的一部分空間用于登錄,一部分用于通過圖片來深化產品的品牌决帖,給自己做一個廣告)

能夠及時反饋信息厕九,給予提示的登錄頁面更加友善。

這是網易的注冊窗口地回,每一步的注冊會及時提供必要的信息扁远,左邊那一塊網易程序猿的頭像也會讓人會心一笑。

而WPS的注冊感覺就不太好刻像,注冊賬號默認需是郵箱或者手機號畅买,而當我瘋狂輸入了一大堆字符串之后,并沒有給出明確的錯誤提示细睡,而且還有讓人摸不清楚的下一步谷羞,沒有人會想要為并不了解的下一步買單。

微軟的注冊讓人望而卻步纹冤。然后在考慮到最近看到明文密碼輸入的討論洒宝,也有去可以發(fā)現以下,在Web端是不是也可以這樣萌京。




Adobe是我在尋找頁面測試的過程中雁歌,唯一一個支持了Web端明文密碼的登入界面,但是它在沒有鍵入密碼的時候知残,可是icon是隱藏的靠瞎,只有在輸入密碼的時候才會出現這樣一個操作提示,我覺得這樣做是有打擾到正在輸入密碼的用戶求妹,為什么不在一開始就讓這個明文操作顯示出來呢乏盐?

而且很多登錄頁面喜歡在注冊的時候跳轉去一個新的窗口,這個時候用戶不得不面對一個沒有意義的加載過程制恍,然后新的窗口和之前的聯系感并不強父能。所以在試著將登錄與注冊整合起來,放到一個可以把這兩個操作都完成的頁面中去净神。

Lofter就這樣做了何吝,而且操作起來還很方便溉委,對比一下微軟的那一個,這個簡直感人爱榕。

還有是將驗證碼省略和隱藏瓣喊,之前看了很多通過郵箱注冊賬號的頁面,都會要求輸入一個驗證碼黔酥,用來防止惡意注冊藻三,像這樣:

想一想覺得是一個很正常的保護措施,但是對一個沒有惡意的用戶來說跪者,就顯得累贅而且多余棵帽,我們無意義的輸入了多少的驗證碼呢?為什么每次輸入驗證碼都會被假設為一個壞的立場坑夯?所以在交流之后岖寞,我們決定將驗證碼藏起來,同一個IP的前幾次注冊都被默認是善意的柜蜈,所以無需驗證碼仗谆,只有當注冊請求的數量出現異常之后,才啟用驗證碼這一機制淑履。

同樣談到的還有”確認密碼“這一操作隶垮,我起初以為變成明文輸入,就可以替代掉確認密碼這一操作的秘噪,但是好像不對狸吞。根據之前做的統(tǒng)計顯示出來的是,即使沒有確認密碼這一操作指煎,用戶設置錯誤密碼的概率也不大蹋偏,因為長時間的有確認密碼這一操作,很多用戶就默認了下一個輸入框就是確認密碼這一重復操作至壤,然后錯誤的輸入了內容威始。這一點讓我感覺到在做設計的過程中。用戶的使用習慣的優(yōu)先級比優(yōu)化方式會更加重要一些像街。

但是人們終將會對這個“壞習慣”感到厭煩黎棠,那怎么做,又在什么時候才會把這個用戶習慣給糾正呢镰绎?

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末脓斩,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子畴栖,更是在濱河造成了極大的恐慌随静,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,718評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吗讶,死亡現場離奇詭異燎猛,居然都是意外死亡叼丑,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 90,683評論 3 385
  • 文/潘曉璐 我一進店門扛门,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人纵寝,你說我怎么就攤上這事论寨。” “怎么了爽茴?”我有些...
    開封第一講書人閱讀 158,207評論 0 348
  • 文/不壞的土叔 我叫張陵葬凳,是天一觀的道長。 經常有香客問我室奏,道長火焰,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,755評論 1 284
  • 正文 為了忘掉前任昌简,我火速辦了婚禮,結果婚禮上绒怨,老公的妹妹穿的比我還像新娘纯赎。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 65,862評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪恕洲。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,050評論 1 291
  • 那天双仍,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛锐帜,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 39,136評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼建炫,長吁一口氣:“原來是場噩夢啊……” “哼转唉!你這毒婦竟也來了?” 一聲冷哼從身側響起鞠评,我...
    開封第一講書人閱讀 37,882評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎切省,沒想到半個月后懒豹,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 44,330評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,651評論 2 327
  • 正文 我和宋清朗相戀三年贤姆,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片弱卡。...
    茶點故事閱讀 38,789評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡凡人,死狀恐怖欧啤,靈堂內的尸體忽然破棺而出邢隧,到底是詐尸還是另有隱情,我是刑警寧澤冈在,帶...
    沈念sama閱讀 34,477評論 4 333
  • 正文 年R本政府宣布倒慧,位于F島的核電站,受9級特大地震影響包券,放射性物質發(fā)生泄漏纫谅。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,135評論 3 317
  • 文/蒙蒙 一溅固、第九天 我趴在偏房一處隱蔽的房頂上張望付秕。 院中可真熱鬧,春花似錦侍郭、人聲如沸询吴。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,864評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至口柳,卻和暖如春苹粟,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背跃闹。 一陣腳步聲響...
    開封第一講書人閱讀 32,099評論 1 267
  • 我被黑心中介騙來泰國打工嵌削, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人望艺。 一個月前我還...
    沈念sama閱讀 46,598評論 2 362
  • 正文 我出身青樓苛秕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親找默。 傳聞我的和親對象是個殘疾皇子艇劫,可洞房花燭夜當晚...
    茶點故事閱讀 43,697評論 2 351

推薦閱讀更多精彩內容

  • “一個好的登錄注冊店煞, 對于用戶來說本身就是一個留存的理由” 在我們日常體驗各種APP和網站的注冊和登錄過程中,腦海...
    IvanCrancy閱讀 10,968評論 2 42
  • 系統(tǒng)總結了關于用戶登錄注冊的一些知識风钻,供大家參考顷蟀。 在互聯網世界,用戶是一切骡技,如果用戶都只是匆匆過客那么很難在產品...
    jason_peng閱讀 3,149評論 0 28
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理鸣个,服務發(fā)現,斷路器,智...
    卡卡羅2017閱讀 134,638評論 18 139
  • 用戶注冊功能對于一個APP的重要性毋庸置疑囤萤,然而注冊功能又是公認的在設計中坑最多的功能昼窗,能夠設計好注冊功能是一個優(yōu)...
    周博文閱讀 23,683評論 26 241
  • 京瓷哲學23〈實踐重于知識〉“知道”和“做到”完全是兩回事。從測算陶瓷燒制收縮率的例子中阁将,我們就能清楚地理解這一點...
    張偉99閱讀 221評論 0 0