人(rén)
已閱讀
已閱讀
移動手機APP開發經驗分(fēn)享
來(lái)源:lexintech.com 發布時(shí)間:2019-05-17
深圳樂(yuè)信科技從事軟件開發多(duō)年,在移動手機APP開發和(hé)設計領域都積累了(le)一些經驗。下(xià)面分(fēn)享一些有用(yòng)的(de)APP開發經驗,希望能給産品經理(lǐ)們一些幫助。
一、APP開發要考慮用(yòng)戶的(de)使用(yòng)習(xí)慣。
比如大(dà)多(duō)數人(rén)拿手機的(de)時(shí)候是雙手握還(hái)是單手握,單手握的(de)時(shí)候是右手操作還(hái)是左手操作,操作的(de)時(shí)候用(yòng)哪個(gè)手指就能進行操作。考慮到用(yòng)戶的(de)使用(yòng)習(xí)慣有助于在設計時(shí)避開手指的(de)觸碰盲區(qū)。
二、充分(fēn)考慮用(yòng)戶的(de)使用(yòng)場(chǎng)景和(hé)幹擾源
用(yòng)戶使用(yòng)産品是在什(shén)麽時(shí)間,什(shén)麽地點,什(shén)麽環境下(xià)使用(yòng)?譬如,用(yòng)戶經常在嘈雜(zá)的(de)環境中使用(yòng)自己的(de)産品,這(zhè)時(shí)候的(de)幹擾源就是噪音(yīn),産品設計時(shí)應避免使用(yòng)語音(yīn)技術;用(yòng)戶經常在擁擠的(de)環境中使用(yòng)産品,則産品設計時(shí)應避免用(yòng)戶過多(duō)地進行輸入操作;用(yòng)戶經常在地鐵等網絡環境不好的(de)場(chǎng)所使用(yòng)産品,産品就應該自動保存用(yòng)戶的(de)信息,防止信息的(de)丢失。
三、盡量減少産品層級
在移動設備上,過多(duō)的(de)層級會使用(yòng)戶失去耐心而放棄對(duì)産品的(de)使用(yòng)。如果産品層級确實過深,考慮用(yòng)一下(xià)幾種方法扁平化(huà)你的(de)層級結構:使用(yòng)選項卡(tabs)結合分(fēn)類和(hé)内容的(de)展示;允許穿越層級操作,比如允許用(yòng)戶在第一層級對(duì)第二層級的(de)内容進行直接操作(新浪微博信息列表頁的(de)長(cháng)按)。
四、APP的(de)第一層級
如果 APP 的(de)第一層級包括多(duō)種視圖,确保在主操作欄上給出明(míng)顯操作入口;如果 APP 允許用(yòng)戶創建内容,考慮在第一層級給出創建内容的(de)入口;如果 APP 内容允許被搜索,考慮在第一層級給出搜索入口,用(yòng)戶可(kě)以通(tōng)過搜索打破導航結構,進行全局搜索。
五、操作欄的(de)設計
空間足夠情況下(xià),給出 APP 圖标;如果 APP 支持用(yòng)不同的(de)方式展示内容,要在操作欄支持視圖切換的(de)功能。可(kě)以考慮用(yòng)選項卡或者下(xià)拉菜單的(de)方式來(lái)進行切換。
六、主操作欄的(de)内容不易過多(duō),一般不超過三項
主操作欄的(de)作用(yòng)是把最重要的(de)内容展示給用(yòng)戶,過多(duō)的(de)内容容易對(duì)用(yòng)戶造成幹擾。比如,騰訊微博的(de)主操作欄裏隻有切換視圖和(hé)寫微博兩個(gè)内容項,微信的(de)主操作欄隻有圖标和(hé)把不常用(yòng)功能收起按鈕兩個(gè)内容項,新浪微博官方安卓客戶端的(de)主操作欄内容項則過多(duō)。
七、設計要主次分(fēn)明(míng)
将主流用(yòng)戶最常用(yòng)的(de) 20% 功能進行顯現,其他(tā)進行适度的(de)隐藏,越不常用(yòng)的(de)功能,隐藏的(de)層級越深。例如:微信的(de)掃本機二維碼。要避免新浪微博廣場(chǎng)的(de)堆積式設計。
比如大(dà)多(duō)數人(rén)拿手機的(de)時(shí)候是雙手握還(hái)是單手握,單手握的(de)時(shí)候是右手操作還(hái)是左手操作,操作的(de)時(shí)候用(yòng)哪個(gè)手指就能進行操作。考慮到用(yòng)戶的(de)使用(yòng)習(xí)慣有助于在設計時(shí)避開手指的(de)觸碰盲區(qū)。
二、充分(fēn)考慮用(yòng)戶的(de)使用(yòng)場(chǎng)景和(hé)幹擾源
用(yòng)戶使用(yòng)産品是在什(shén)麽時(shí)間,什(shén)麽地點,什(shén)麽環境下(xià)使用(yòng)?譬如,用(yòng)戶經常在嘈雜(zá)的(de)環境中使用(yòng)自己的(de)産品,這(zhè)時(shí)候的(de)幹擾源就是噪音(yīn),産品設計時(shí)應避免使用(yòng)語音(yīn)技術;用(yòng)戶經常在擁擠的(de)環境中使用(yòng)産品,則産品設計時(shí)應避免用(yòng)戶過多(duō)地進行輸入操作;用(yòng)戶經常在地鐵等網絡環境不好的(de)場(chǎng)所使用(yòng)産品,産品就應該自動保存用(yòng)戶的(de)信息,防止信息的(de)丢失。
三、盡量減少産品層級
在移動設備上,過多(duō)的(de)層級會使用(yòng)戶失去耐心而放棄對(duì)産品的(de)使用(yòng)。如果産品層級确實過深,考慮用(yòng)一下(xià)幾種方法扁平化(huà)你的(de)層級結構:使用(yòng)選項卡(tabs)結合分(fēn)類和(hé)内容的(de)展示;允許穿越層級操作,比如允許用(yòng)戶在第一層級對(duì)第二層級的(de)内容進行直接操作(新浪微博信息列表頁的(de)長(cháng)按)。
四、APP的(de)第一層級
如果 APP 的(de)第一層級包括多(duō)種視圖,确保在主操作欄上給出明(míng)顯操作入口;如果 APP 允許用(yòng)戶創建内容,考慮在第一層級給出創建内容的(de)入口;如果 APP 内容允許被搜索,考慮在第一層級給出搜索入口,用(yòng)戶可(kě)以通(tōng)過搜索打破導航結構,進行全局搜索。
五、操作欄的(de)設計
空間足夠情況下(xià),給出 APP 圖标;如果 APP 支持用(yòng)不同的(de)方式展示内容,要在操作欄支持視圖切換的(de)功能。可(kě)以考慮用(yòng)選項卡或者下(xià)拉菜單的(de)方式來(lái)進行切換。
六、主操作欄的(de)内容不易過多(duō),一般不超過三項
主操作欄的(de)作用(yòng)是把最重要的(de)内容展示給用(yòng)戶,過多(duō)的(de)内容容易對(duì)用(yòng)戶造成幹擾。比如,騰訊微博的(de)主操作欄裏隻有切換視圖和(hé)寫微博兩個(gè)内容項,微信的(de)主操作欄隻有圖标和(hé)把不常用(yòng)功能收起按鈕兩個(gè)内容項,新浪微博官方安卓客戶端的(de)主操作欄内容項則過多(duō)。
七、設計要主次分(fēn)明(míng)
将主流用(yòng)戶最常用(yòng)的(de) 20% 功能進行顯現,其他(tā)進行适度的(de)隐藏,越不常用(yòng)的(de)功能,隐藏的(de)層級越深。例如:微信的(de)掃本機二維碼。要避免新浪微博廣場(chǎng)的(de)堆積式設計。
- 上一篇:電商類型APP開發如何設計湊單功能
- 下(xià)一篇:如何招聘一個(gè)好的(de)APP開發産品經理(lǐ)