設(shè)計一款「超市購物清單」App

阿里巴巴 14年秋招 一面: 設(shè)計一款管理超市購物清單的App陨囊。要求:說明目標(biāo)人群,功能列表阻肩,簡要描述線框圖。

題目描述不清运授,具體應(yīng)該是針對個人用戶的「購物清單」App烤惊,但也可能理解為管理超市的購物(進(jìn)貨)清單。
這里以前者的理解為題吁朦。


一柒室、目標(biāo)人群

正常的超市人群我們可以按照年齡段劃分:
年輕人:其中又分為普通青年與宅男宅女。
中年人:其中以家庭主婦為核心逗宜。
以及老年人雄右。

或者按照使用場景,大致分為以下幾類:
短頻快:例如去超市買個雪糕等纺讲。
日常生活:以一個時間段為周期進(jìn)行生活用品的采購擂仍。
活動:例如野營、聚會熬甚。

「購物清單」的作用逢渔,簡單來說就是理清思路,防止遺漏则涯。因此复局,我們的核心需求應(yīng)該是購物較多的場景。
其次粟判,我們還要考慮到App使用頻率以及上手難度。
因此峦剔,我們把核心目標(biāo)人群定位于:
獨(dú)自生活的白領(lǐng)档礁;周期性購物的宅男宅女;45歲前的家庭主婦吝沫。
次要用戶群體是:聚會呻澜、或者野餐等非周期性活動組織者递礼。

這些群體的共同特點(diǎn)是:對手機(jī)App具有良好的接受和使用能力;以及一次性會購買較多種類的物品羹幸。

二脊髓、 功能列表

作為純工具類產(chǎn)品,我們需要做到盡量簡潔栅受。
簡單的流程是:創(chuàng)建清單将硝、添加項(xiàng)目、勾選項(xiàng)目屏镊。
除此之外依疼,由于可能具備高重復(fù)性的活動,還應(yīng)當(dāng)具有「載入歷史模板」的選項(xiàng)而芥。
由于清單僅作為“超市購物”使用律罢,無論從使用頻率還是清單數(shù)量都不會特別多。因此不用加入「搜索」功能棍丐。

「簡潔」并不是指功能越少越好误辑,而是在能夠盡量滿足用戶需求的情況下,用更合理的功能優(yōu)先級排列以及元素布置歌逢,使不同程度的用戶都能方便的使用產(chǎn)品稀余。作為「記錄類」產(chǎn)品,雖然頻次低內(nèi)容也不多趋翻,但云端存儲睛琳,或者允許導(dǎo)入導(dǎo)出也算是一個重要的需求。

因此踏烙,超市購物清單的功能有:
用戶登錄(可本地使用)师骗、列表同步、創(chuàng)建清單讨惩、保存清單辟癌、添加項(xiàng)目、勾選項(xiàng)目以及歷史清單荐捻。

三黍少、 簡述線框圖

  • 由于內(nèi)容功能少,使用頂部導(dǎo)航处面,左側(cè)為歷史厂置,右側(cè)為設(shè)置。
    • 歷史界面類似主頁魂角,展示過去的清單昵济。
    • 設(shè)置界面上部分為個人信息or登錄按鈕,下部分為一些設(shè)置內(nèi)容例如推送等。
  • 右下角區(qū)域懸浮「新增清單」按鈕访忿。
    • 新增清單瞧栗,由于超市清單主題比較單一,直接以時間為標(biāo)題海铆。
  • 中部區(qū)域?yàn)榍鍐瘟斜砑?郑捎肕aterial Design(Android)。
  • 點(diǎn)擊進(jìn)入清單詳情卧斟,展示條目(Material Design)殴边。
    • 添加條目,即時彈出添加欄唆涝,無需跨屏新進(jìn)入界面找都。添加內(nèi)容為,物品名稱廊酣、數(shù)量能耻、備注。

此處有個糾結(jié)的地方亡驰,超市清單應(yīng)該多數(shù)情況為同一時段只有一個晓猛,那么如果主頁面直接展示當(dāng)前清單所有內(nèi)容會使用戶使用更方便(主頁,少點(diǎn)了一次詳情)凡辱。
但是如果涉及到會使用多個清單AB戒职,就需要點(diǎn)擊到列表→選擇清單B→主頁展示B,而切換回A又需要再次進(jìn)行同樣操作透乾,用戶體驗(yàn)會很差洪燥。在沒有詳細(xì)調(diào)查前,這次就暫時以穩(wěn)妥的處理為主乳乌,仍然主頁展示清單列表捧韵,詳情條目需要點(diǎn)擊才能進(jìn)入。
簡單繪制了「主頁」以及「詳情」的線框圖:


主頁.png
詳情.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末汉操,一起剝皮案震驚了整個濱河市再来,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌磷瘤,老刑警劉巖芒篷,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異采缚,居然都是意外死亡针炉,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進(jìn)店門仰担,熙熙樓的掌柜王于貴愁眉苦臉地迎上來糊识,“玉大人绩社,你說我怎么就攤上這事摔蓝÷该纾” “怎么了?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵贮尉,是天一觀的道長拌滋。 經(jīng)常有香客問我,道長猜谚,這世上最難降的妖魔是什么败砂? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮魏铅,結(jié)果婚禮上昌犹,老公的妹妹穿的比我還像新娘。我一直安慰自己览芳,他們只是感情好斜姥,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著沧竟,像睡著了一般铸敏。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上悟泵,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天杈笔,我揣著相機(jī)與錄音,去河邊找鬼糕非。 笑死蒙具,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的朽肥。 我是一名探鬼主播禁筏,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼鞠呈!你這毒婦竟也來了融师?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤蚁吝,失蹤者是張志新(化名)和其女友劉穎旱爆,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體窘茁,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡怀伦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了山林。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片房待。...
    茶點(diǎn)故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出桑孩,到底是詐尸還是另有隱情拜鹤,我是刑警寧澤,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布流椒,位于F島的核電站敏簿,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏宣虾。R本人自食惡果不足惜惯裕,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望绣硝。 院中可真熱鬧蜻势,春花似錦、人聲如沸鹉胖。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽次员。三九已至败许,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間淑蔚,已是汗流浹背市殷。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留刹衫,地道東北人醋寝。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像带迟,于是被迫代替她去往敵國和親音羞。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評論 2 345

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,520評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫仓犬、插件嗅绰、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,029評論 4 62
  • 減肥能成功的兩大法寶:少吃,多運(yùn)動搀继!之所以把少吃放前面窘面,就是因?yàn)槿诌\(yùn)動七分吃,你運(yùn)動量再大叽躯,吃的比豬都多都雜财边,消...
    李筱白閱讀 292評論 0 0