H5 案例分析 | 單身指數(shù)考核研究所


題外話

最近有一個(gè)做產(chǎn)品網(wǎng)站的小編和一個(gè)公眾號(hào)的小編來找我說明一下文章轉(zhuǎn)載的事情努潘,第一次覺得自己的堅(jiān)持有一點(diǎn)回報(bào)。

且不說自己現(xiàn)在還在學(xué)習(xí)中坤学,內(nèi)容不算優(yōu)質(zhì)疯坤,但也好在一直再堅(jiān)持做學(xué)習(xí)筆記這件事情。還有一件事是最近也漲了好多粉絲拥峦,一度讓自己陷入了以為有人給自己買了粉絲的困惑贴膘。

不過總體來說,看到了這些略号,還是很開心刑峡,也是給自己打了一針雞血洋闽,讓自己堅(jiān)持下去~

言歸正傳

案例單身指數(shù)考核研究所

來源WAKEUP喚醒美瞳

類型游戲型-測(cè)試類

層級(jí)結(jié)構(gòu)loading→button→詳情頁若干→分享頁

【內(nèi)容策劃】

Loading→button

歡迎頁顯示完后,兩個(gè)按鈕突梦,點(diǎn)擊任意一個(gè)均可進(jìn)入測(cè)試诫舅,測(cè)試總共有10道題組成,每個(gè)題都是生活中相關(guān)的場景宫患。

第1題 ?“發(fā)送信息”

第1題

第2題 ?“夜生活”

第2題

第2題 ?“黃金時(shí)間”

第3題

第4題 ?“KTV”

第4題

第5題 ?“被追求”

第5題

第6題 ?“美麗秘訣”

第6題

第7題 ?“穿衣風(fēng)格”

第7題

第8題 ?“環(huán)游世界”

第8題

第9題 ?“攝影拍照”

第9題

第10題 ?“生日會(huì)”

第10題

出品方的受眾為年輕的女性朋友刊懈,從內(nèi)容上來說,10個(gè)問題涉及的也是一些年輕們女孩的生活場景娃闲,內(nèi)容還算貼切虚汛。

但是也存在一些問題,如:

1皇帮、“單身指數(shù)”測(cè)試卷哩,測(cè)試結(jié)除了一個(gè)分析圖與“單身指數(shù)”有關(guān)聯(lián)外,其他元素均是個(gè)人的鑒定類属拾。

如果為了更切合主題将谊,那么可以對(duì)測(cè)試結(jié)果加個(gè)分值,然后再對(duì)測(cè)試分值進(jìn)行分析渐白。

對(duì)于測(cè)試結(jié)果尊浓,沒有什么有意思的亮點(diǎn),可以做幾個(gè)讓用戶難以預(yù)測(cè)的結(jié)果纯衍,避免從頭到尾的平平淡淡栋齿。

2、在選項(xiàng)的內(nèi)容上托酸,引用了一些網(wǎng)絡(luò)用語褒颈,可以使語言變得幽默風(fēng)趣。測(cè)試結(jié)果中的一些關(guān)鍵詞也很有流行語的style励堡,但是還是要盡量保持語句的簡介,不要過長堡掏。

在選項(xiàng)的個(gè)數(shù)上应结,每道題也應(yīng)該保持一致,既存在3種選項(xiàng)的題泉唁,也存在4中選項(xiàng)的題鹅龄,內(nèi)容不統(tǒng)一。

【交互設(shè)計(jì)】

1亭畜、在loading后出現(xiàn)兩個(gè)按鈕“我愿意”扮休、“我OK”,兩個(gè)按鈕的功能實(shí)質(zhì)上是一樣的拴鸵,只不過在文章上存在差別玷坠,不管用戶點(diǎn)擊哪個(gè)按鈕蜗搔,都可以促進(jìn)往下的瀏覽。不過感覺還是有點(diǎn)怪八堡,這點(diǎn)有想法的朋友可以留言說下樟凄。

2、在每一題的設(shè)計(jì)中兄渺,先出現(xiàn)題目場景中的元素按次序出現(xiàn)缝龄,然后會(huì)出現(xiàn)一個(gè)“?”的按鈕,點(diǎn)擊問號(hào)后挂谍,題目的選項(xiàng)也按次序的出現(xiàn)叔壤。

一個(gè)場景中,動(dòng)態(tài)效果有點(diǎn)過多口叙,題目場景的動(dòng)效已經(jīng)足夠突出俏皮的感覺了炼绘,可以去掉題目選項(xiàng)的動(dòng)效,點(diǎn)擊完“庐扫?”后饭望,選項(xiàng)一起顯現(xiàn),減少一些等待時(shí)間形庭,尤其是在不適用wifi或者網(wǎng)速差的情況下铅辞,更容易消耗用戶的耐心。

3萨醒、值得肯定的一點(diǎn)是斟珊,測(cè)試題目的數(shù)量不多,且設(shè)置了“進(jìn)度條”富纸,在做當(dāng)前的測(cè)試題時(shí)都可以看到當(dāng)前的題目數(shù)字和剩余的題數(shù)囤踩,讓用戶隨時(shí)看到進(jìn)度提示,不過在設(shè)計(jì)上晓褪,可以減小題目框的尺寸堵漱,避免遮擋。

4涣仿、每一頁都可以關(guān)掉音樂勤庐,這點(diǎn)就不用多說了。

【視覺設(shè)計(jì)】

題目北京以綠色和粉色為主好港,選項(xiàng)上以黃色愉镰、綠色、粉色為主钧汹,整體顏色有一種馬卡龍式清新丈探、少女、粉嫩的感覺拔莱,整體色系給人的感覺很好碗降,不過在題目選項(xiàng)上隘竭,顏色處理的不一致,想用粉色表達(dá)字面自已遗锣,綠色表達(dá)潛在意思货裹,但是如果上下粉色又夾雜著綠色,也和其他三個(gè)選項(xiàng)保持不一致了精偿。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末弧圆,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子笔咽,更是在濱河造成了極大的恐慌搔预,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,590評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件叶组,死亡現(xiàn)場離奇詭異拯田,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)甩十,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門船庇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人侣监,你說我怎么就攤上這事鸭轮。” “怎么了橄霉?”我有些...
    開封第一講書人閱讀 169,301評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵窃爷,是天一觀的道長。 經(jīng)常有香客問我姓蜂,道長按厘,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,078評(píng)論 1 300
  • 正文 為了忘掉前任钱慢,我火速辦了婚禮逮京,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘束莫。我一直安慰自己造虏,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,082評(píng)論 6 398
  • 文/花漫 我一把揭開白布麦箍。 她就那樣靜靜地躺著,像睡著了一般陶珠。 火紅的嫁衣襯著肌膚如雪挟裂。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,682評(píng)論 1 312
  • 那天揍诽,我揣著相機(jī)與錄音诀蓉,去河邊找鬼栗竖。 笑死,一個(gè)胖子當(dāng)著我的面吹牛渠啤,可吹牛的內(nèi)容都是我干的狐肢。 我是一名探鬼主播,決...
    沈念sama閱讀 41,155評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼沥曹,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼份名!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起妓美,我...
    開封第一講書人閱讀 40,098評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤僵腺,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后壶栋,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體辰如,經(jīng)...
    沈念sama閱讀 46,638評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,701評(píng)論 3 342
  • 正文 我和宋清朗相戀三年贵试,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了琉兜。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,852評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡毙玻,死狀恐怖豌蟋,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情淆珊,我是刑警寧澤夺饲,帶...
    沈念sama閱讀 36,520評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站施符,受9級(jí)特大地震影響往声,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜戳吝,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,181評(píng)論 3 335
  • 文/蒙蒙 一浩销、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧听哭,春花似錦慢洋、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至隘马,卻和暖如春太防,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背酸员。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評(píng)論 1 274
  • 我被黑心中介騙來泰國打工蜒车, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留讳嘱,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,279評(píng)論 3 379
  • 正文 我出身青樓酿愧,卻偏偏與公主長得像沥潭,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子嬉挡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,851評(píng)論 2 361

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,321評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫钝鸽、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,124評(píng)論 4 61
  • 千山爭競秀棘伴,素雪滿瓊峰寞埠。 路遠(yuǎn)通云外,蜿蜒少客蹤焊夸。
    天涯一孤客閱讀 171評(píng)論 5 7
  • 始 那個(gè)圣誕節(jié)后仁连,我的路就往著人生林蔭道的另一條去了,走的很慢阱穗,但這新的路也就開始了饭冬,因?yàn)椴磺樵高~步但想振作起來,...
    Yanruoy閱讀 203評(píng)論 0 0
  • 所謂溝通是指人與人之間揪阶、人與群體之間思想與情感的傳遞和反饋的過程昌抠,以求思想達(dá)成一致和情感的暢通。 對(duì)于溝通而言鲁僚,屬...
    毛正奇閱讀 375評(píng)論 0 0