在做設(shè)計(jì)的過程中,大部分設(shè)計(jì)師只專注于主操作流程、主頁(yè)面、分支流程、小頁(yè)面和頁(yè)面的不同狀態(tài)。卻容易忽略產(chǎn)品中容易出現(xiàn)的各種異常狀態(tài)。
當(dāng)用戶停留任何一個(gè)界面,進(jìn)行任何一個(gè)操作都可能發(fā)生異常狀態(tài)。
如果接到每個(gè)需求都去制定一次異常狀態(tài),這樣的后果可能會(huì)使得產(chǎn)品的不同模塊、不同流程,異常狀態(tài)都不一致。全局規(guī)范性被破壞,同時(shí)設(shè)計(jì)師的效率也降低。
因此全局制定異常狀態(tài)規(guī)范很有必要,后續(xù)就不需要再設(shè)計(jì),開發(fā)直接復(fù)用異常狀態(tài)的規(guī)范。省時(shí)省力、提率、設(shè)計(jì)規(guī)范、運(yùn)行更流暢、減少代碼重復(fù)率、安裝包也會(huì)更小。
異常狀態(tài)一共有以下 10 類:
當(dāng)移動(dòng)設(shè)備網(wǎng)絡(luò)異常時(shí),導(dǎo)致無法上傳和下載數(shù)據(jù),從而無法正常的使用產(chǎn)品。
網(wǎng)絡(luò)異常存在兩種場(chǎng)景:
1. App主動(dòng)行為
當(dāng)無網(wǎng)絡(luò)時(shí),用戶打開 App,通常有三種方式提醒用戶當(dāng)前網(wǎng)絡(luò)異常。
tips 提示,通過 tips 提示用戶當(dāng)前網(wǎng)絡(luò)不可用,tips 使用場(chǎng)景一般為用戶打開后,界面停留在首頁(yè),且首頁(yè)以列表形式展示,這樣的話, tips 才能合理的融入到界面中,常見使用這種布局方式的有微信、qq等。
使用toast提示用戶網(wǎng)絡(luò)異常,同時(shí)提示用戶可以去使用非數(shù)據(jù)影響的操作。例如網(wǎng)易云音樂,當(dāng)無網(wǎng)絡(luò)時(shí)候,告知用戶可以去正常聽已下載的音樂。
使用對(duì)話框,引導(dǎo)用戶進(jìn)入設(shè)置頁(yè)面,關(guān)閉飛行模式或者打開 Wi-Fi,例如美團(tuán)進(jìn)入首頁(yè)后的對(duì)話框提示。
2. App被動(dòng)行為
當(dāng)前無網(wǎng)絡(luò)時(shí),用戶點(diǎn)擊操作,無法正常使用產(chǎn)品,這時(shí)候通常有兩種處理方式。
一種是當(dāng)前界面出現(xiàn) toast 提示。另一種是進(jìn)入下一級(jí)界面,以缺省頁(yè)的形式提醒用戶當(dāng)前網(wǎng)絡(luò)異常。
例如手機(jī)淘寶,沒有網(wǎng)絡(luò)時(shí),用戶點(diǎn)擊會(huì)進(jìn)入下一頁(yè),出現(xiàn)缺省頁(yè)提示,告知用戶網(wǎng)絡(luò)異常,同時(shí)提供刷新按鈕。
美團(tuán)在無網(wǎng)絡(luò)時(shí),點(diǎn)擊其他 tab bar,出現(xiàn) toast 提示用戶當(dāng)前網(wǎng)絡(luò)異常,稍后重試。
3. 小結(jié)
當(dāng)涉及需要消耗大量流量數(shù)據(jù)時(shí),且非 Wi-Fi 情況下,這時(shí)候需要告知用戶。常見的例如看視頻,聽/下載歌曲、視頻通話、下載上傳文件等。
例如B站,當(dāng)使用移動(dòng)數(shù)據(jù)看視頻,則通過提示語和對(duì)應(yīng)按鈕上的流量值告知用戶。
網(wǎng)易云音樂在非 Wi-Fi 情況下,下載音樂時(shí),通過對(duì)話框,告知用戶當(dāng)前使用數(shù)據(jù)流量,同時(shí)提供可繼續(xù)下載的功能,也提供通過辦理新業(yè)務(wù)解決數(shù)據(jù)流量的問題。
空數(shù)據(jù)一共分為兩種類型,分別為初始狀態(tài)和清空狀態(tài)。
1. 初始狀態(tài)
用戶首次使用,沒有任何內(nèi)容數(shù)據(jù)時(shí),需要用戶進(jìn)行某種操作才能產(chǎn)生內(nèi)容的界面,這時(shí)候需要提示用戶需要進(jìn)行某種操作。
例如淘寶App,當(dāng)用戶沒有把商品加入購(gòu)物車時(shí),進(jìn)入購(gòu)物車界面,會(huì)給出提示購(gòu)物車界面為空。給出用戶提示,給出相對(duì)應(yīng)的入口按鈕,引導(dǎo)用戶操作。
如果初始狀態(tài),無任何內(nèi)容直接給出一個(gè)空白界面,用戶可能會(huì)以為該界面出 bug 了。
Gmail 直接用一個(gè)插畫提示用戶收件箱為空。
一般對(duì)于初始狀態(tài)的設(shè)計(jì),常規(guī)做法是簡(jiǎn)單的插畫配合簡(jiǎn)潔的文案,必要的時(shí)候給出引導(dǎo)用戶操作行為的按鈕。
現(xiàn)在流行的設(shè)計(jì)趨勢(shì)是插畫越輕量越簡(jiǎn)單越好,以免搶奪了文案信息。
2. 清空狀態(tài)
當(dāng)用戶清空當(dāng)前的頁(yè)面內(nèi)容,產(chǎn)生了空界面,這時(shí)候需要有明確的提示告知用戶出現(xiàn)當(dāng)前頁(yè)面的原因,且告知用戶該如何處理。
清空狀態(tài)是對(duì)初始狀態(tài)的進(jìn)一步細(xì)化。清空狀態(tài)的界面和初始狀態(tài)設(shè)計(jì)很相似,唯一不同的是文案的提示。
有的產(chǎn)品直接把清空狀態(tài)的界面按照初始狀態(tài)來設(shè)計(jì),這樣也是可以的,缺點(diǎn)就是沒有告知用戶產(chǎn)生空狀態(tài)原因是初始化還是清空所致。
在加載過程中,App 向服務(wù)器請(qǐng)求數(shù)據(jù),如果是網(wǎng)絡(luò)原因?qū)е?,則使用網(wǎng)絡(luò)異常的設(shè)計(jì)規(guī)范。
如果非網(wǎng)絡(luò)異常原因,則可能因?yàn)榉?wù)器異常導(dǎo)致接口請(qǐng)求不到數(shù)據(jù),從而加載失敗。
第一次請(qǐng)求失敗,有些場(chǎng)景可能重試 2 次,例如微信支付寶,這種情況可使用 toast 告知用戶加載失敗的原因。
任何操作行為的交互界面都伴隨著操作失敗的概率。
當(dāng)用戶操作失敗時(shí),在當(dāng)前頁(yè)面給予一個(gè)反饋,告知用戶操作失敗,最好告知用戶操作失敗的原因,讓用戶知道接下來如何避免操作失敗。
因?yàn)榉?wù)器異常是小概率事件,但是也會(huì)發(fā)生。
當(dāng)服務(wù)器異常時(shí),且用戶在操作過程中,出現(xiàn)這種情況,一般可設(shè)計(jì)為對(duì)話框提示,明確告知用戶,服務(wù)器出現(xiàn)問題,讓用戶稍后重試。
例如下圖的華為云備份恢復(fù)界面:
用戶在搜索過程中,除了出現(xiàn)正常的匹配結(jié)果,還存在無匹配結(jié)果的情況。針對(duì)搜索無結(jié)果的情況,要給予用戶操作無結(jié)果的提示。
幾乎搜索無結(jié)果的狀態(tài)都是在內(nèi)容區(qū)出現(xiàn)對(duì)應(yīng)提示。例如 iOS 相冊(cè),通過搜索關(guān)鍵詞,當(dāng)沒有匹配照片時(shí),則出現(xiàn)對(duì)應(yīng)的提示,如下圖右側(cè)圖:
下圖淘寶買家版后臺(tái),當(dāng)用戶搜索關(guān)鍵詞無結(jié)果時(shí),出現(xiàn)對(duì)應(yīng)的提示語和插畫。
無權(quán)限的場(chǎng)景,通常適用于 b 端產(chǎn)品,對(duì)于不同組織架構(gòu)的企業(yè)員工,會(huì)存在不同的權(quán)限。
例如部分重要的內(nèi)容,非同一組織架構(gòu)的員工無權(quán)限查看,這種情況,用戶點(diǎn)擊進(jìn)入一般給出對(duì)應(yīng)的提示。
當(dāng)然最好的方案是在 App 上面過濾掉無法查看的內(nèi)容,但是存在員工間的轉(zhuǎn)發(fā)行為,這時(shí)候無權(quán)限的員工,點(diǎn)擊進(jìn)入,則顯示暫無權(quán)限查看的提示頁(yè)面。
一般 App 功能正在開發(fā)中,這種情況不會(huì)在 App 界面中展示出來,只有完全開發(fā)完畢并上線后才會(huì)出現(xiàn)在 App 上。
但是也有一些產(chǎn)品的特殊業(yè)務(wù),會(huì)將一些未開發(fā)的功能展示出來,例如微信公眾號(hào),長(zhǎng)按微信文章,即出現(xiàn)對(duì)應(yīng)的提示。
也有一些新聞?lì)l道還沒有開發(fā)完畢上線,這時(shí)候用戶點(diǎn)擊進(jìn)入下級(jí)界面,則出現(xiàn)對(duì)應(yīng)的提示語/插圖提示,如下圖所示:
有的時(shí)候,文件或者頁(yè)面內(nèi)容被刪除,但由于文件或者頁(yè)面內(nèi)容的上一級(jí)頁(yè)面有緩存,所以當(dāng)用戶點(diǎn)擊進(jìn)入時(shí),會(huì)出現(xiàn)文章/文件被刪除的情況。
已被刪除的異常狀態(tài),常見的設(shè)計(jì)是用戶進(jìn)入新頁(yè)面出現(xiàn)對(duì)應(yīng)的插畫和標(biāo)題提示。
例如下圖微信公眾號(hào)文章內(nèi)容被作者刪除,讀者點(diǎn)擊進(jìn)入,加載后的界面就出現(xiàn)內(nèi)容被刪除的提示。
以上就是常見的 10 種異常狀態(tài)的簡(jiǎn)單介紹和說明。在制定異常狀態(tài)的設(shè)計(jì)規(guī)范時(shí),可以參考本篇文章。
當(dāng)然也有公司特殊的業(yè)務(wù)導(dǎo)致存在很特殊的異常狀態(tài),針對(duì)這種情況,可以適當(dāng)?shù)脑黾?、刪除或者修改,使其更適用于自己公司的項(xiàng)目。
文章來源:優(yōu)設(shè)
如“黃金分割”之于構(gòu)圖,“視覺層級(jí)”之于頁(yè)面節(jié)奏,都是基礎(chǔ)且必不可少。本文與你分享如果一步步從原型開始構(gòu)建APP視覺層級(jí)。
工作中,你是否經(jīng)常聽到“視覺層級(jí)”這詞?就猶如“用戶體驗(yàn)”一樣讓人耳熟能詳。拋開裝逼因素,這兩個(gè)詞的多次提及,可見其重要程度。
音樂有節(jié)奏,好的音樂能通過音階的高低起伏變化表達(dá)音樂情緒。
例如:《Main Title》即使你沒看過《冰與火之歌》,光聽音樂你是否能感覺到音樂給你營(yíng)造千軍萬馬恢弘之勢(shì)?!禤laying Love from The Legend of 1900》你是否想到一個(gè)寧?kù)o夜晚,佳人與你傾訴衷腸,柔情似水。
反之,節(jié)奏不好,則無法和聽眾達(dá)成共鳴。
繪畫有節(jié)奏,張馳有度、大小對(duì)比、遠(yuǎn)近疏密變化,構(gòu)成了畫面的節(jié)奏。反之,沒有節(jié)奏,則畫面平淡。
同樣的,APP UI也有節(jié)奏。頁(yè)面良好的視覺層級(jí),方便用戶在瀏覽的過程中抓取關(guān)鍵信息,幫助用戶快速達(dá)到目的。
拿到原型,明確頁(yè)面目的和需求的1、2、3層級(jí),并理解消化。開啟設(shè)計(jì)師的隱形技能:根據(jù)一句話或者一個(gè)詞,在大腦開始構(gòu)建畫面布局。在構(gòu)思階段,建議同時(shí)瀏覽同類型UI設(shè)計(jì)以及交互布局,在找參考的過程中,結(jié)合自身APP的頁(yè)面目的一起構(gòu)思,并在紙上繪出可行性方案。
由于,APP是為人服務(wù)。那么我們需要知道,人眼瀏覽習(xí)慣模式的科學(xué)依據(jù)。
曾有一數(shù)據(jù)顯示:如果在3S內(nèi)無法吸引用戶,你將流失這個(gè)用戶。如今我們所在的時(shí)代快節(jié)奏、碎片化,用戶的日常瀏覽是“掃描”而非“閱讀”。所以,了解人眼瀏覽習(xí)慣,變得十分重要。
人眼瀏覽習(xí)慣有:F型;Z型;其他;
還有,其他瀏覽模式,海哥HMI人機(jī)交互在他一篇文中《用戶是怎么閱讀的?尼爾森F模型》提到:
在明白人眼視線流程后,我們開始運(yùn)用視覺手段,吸引用戶來看我們想給他看的內(nèi)容,并按照我們的預(yù)想順序,依次閱讀。
對(duì)比,讓視覺有輕重,用戶看起來不累。需要強(qiáng)調(diào)的信息放大,沒那么重要的東西縮小。如果同一層級(jí)的模塊,通過顏色或者樣式的變化來表達(dá)。如:字體大小對(duì)比,顏色對(duì)比;模塊大小對(duì)比;圖片大小對(duì)比等。
字體千千萬形狀各不相同,然而他們都有著相似之處:字重的大與小。在同一字號(hào)大小下,字重大的筆畫,以面構(gòu)成,會(huì)比字重小的,更具視覺沖擊力。
需要強(qiáng)調(diào)的信息,字號(hào)變大,字體加粗,這樣就能區(qū)分主與次,建立更易讀的視覺層級(jí)。
為了各個(gè)模塊間的和諧組合和視覺上的凸顯與美觀,我們需要靈活運(yùn)用各種樣式表達(dá)??ㄆ队?;形狀;材質(zhì)等;
同一類別信息,模塊化整合。便于用戶瀏覽操作,視覺上不零散,整體美觀。多模塊化的組合,注意留白以及頁(yè)面的節(jié)奏輕重。
以上要點(diǎn),要根據(jù)實(shí)際情況靈活巧妙運(yùn)用。在做的過程中,通過Mirror工具實(shí)時(shí)查看頁(yè)面效果,不斷改進(jìn),加強(qiáng)表達(dá)。
宗白華說過:“一切藝術(shù)都趨向音樂”。確切說一切“廣義的”藝術(shù)都趨向于音樂狀態(tài)。優(yōu)秀的UI視覺層級(jí)表達(dá),就如音樂一樣有節(jié)奏變化,波浪起伏,是一種視覺享受。無論是平面還是UI,視覺層級(jí),需要像“黃金分割原理”一樣,是內(nèi)化進(jìn)設(shè)計(jì)師的身體里一個(gè)元素。多多實(shí)戰(zhàn)練習(xí),不需要死記硬背,就會(huì)刻在我們的大腦深處。
文章來源:站酷
無論是2B產(chǎn)品,還是2C產(chǎn)品,用戶系統(tǒng)都是基礎(chǔ)。對(duì)于非互聯(lián)網(wǎng)產(chǎn)品從業(yè)者,2C用戶系統(tǒng)的場(chǎng)景和功能通過日常各類APP的使用,大家都非常熟悉。因此,筆者通過和2C產(chǎn)品的對(duì)比,談?wù)?B SaaS產(chǎn)品的用戶系統(tǒng)設(shè)計(jì)。
2C產(chǎn)品面向的用戶是個(gè)人,用戶系統(tǒng)的核心是獲客,因此大多2C產(chǎn)品的用戶系統(tǒng)設(shè)計(jì)重點(diǎn)在于方便用戶注冊(cè)、登錄,能夠建立精準(zhǔn)的用戶畫像,從而達(dá)到流量變現(xiàn)的目標(biāo)。
2B產(chǎn)品面向的用戶是企業(yè),用戶系統(tǒng)的核心是組織、員工精細(xì)化管理,提升人效,從而實(shí)現(xiàn)節(jié)約成本的目標(biāo)。
2C產(chǎn)品的注冊(cè)主要用于個(gè)人用戶注冊(cè)場(chǎng)景,重點(diǎn)在于提供多種渠道的注冊(cè)方式,如賬號(hào)、手機(jī)、第三方社交應(yīng)用(微信、微博等),其核心目標(biāo)是既能方便用戶注冊(cè),又能多渠道多平臺(tái)賬號(hào)打通。
2B產(chǎn)品的注冊(cè)分為兩部分:企業(yè)管理員代表企業(yè)注冊(cè)和企業(yè)員工注冊(cè)。
2B平臺(tái)型SaaS產(chǎn)品,和2C最大的區(qū)別在于產(chǎn)品需要用戶付費(fèi)。因此,平臺(tái)方為企業(yè)(平臺(tái)租戶)提供了注冊(cè)入口,一方面需要方便租戶能夠通過其他渠道快速注冊(cè)試用產(chǎn)品,一方面需要驗(yàn)證企業(yè)相關(guān)信息,識(shí)別該用戶確實(shí)為潛在用戶。
1)企業(yè)注冊(cè):
當(dāng)企業(yè)管理員代表企業(yè)注冊(cè)時(shí),需要提供的注冊(cè)信息:管理員昵稱、手機(jī)號(hào)、郵箱、企業(yè)工商信息(名稱、組織機(jī)構(gòu)代碼、地址、法人信息等)。
其中工商信息的完整度,不同的產(chǎn)品要求不一樣,需要根據(jù)具體產(chǎn)品而定。如果方便注冊(cè)拉新,盡量減少工商信息填寫要求,如果產(chǎn)品安全性要求較高,可以盡量要求工商信息填寫完整。
2)企業(yè)工商信息認(rèn)證:
這部分并非強(qiáng)需求場(chǎng)景,取決于產(chǎn)品的安全性要求。一般安全性要求較高的平臺(tái)產(chǎn)品,會(huì)在企業(yè)注冊(cè)后,進(jìn)入到企業(yè)工商信息認(rèn)證環(huán)節(jié)。此環(huán)節(jié)要么是平臺(tái)管理員人工審核,要么通過第三方認(rèn)證驗(yàn)證企業(yè)工商信息是否合規(guī)。企業(yè)完成認(rèn)證后,即可試用產(chǎn)品。
如非安全性要求較高的產(chǎn)品,可以直接跳過該環(huán)節(jié),租戶通過注冊(cè)頁(yè)信息填寫完整后既注冊(cè)成功。
3)企業(yè)員工注冊(cè):
登錄場(chǎng)景比較容易理解,目前B端產(chǎn)品相較C端產(chǎn)品仍然比較傳統(tǒng),多采用郵箱/手機(jī)進(jìn)行登錄。
未來也希望可以實(shí)現(xiàn),B端產(chǎn)品能夠和更多C端產(chǎn)品平臺(tái)打通,可通過通用的第三方賬號(hào)進(jìn)行登錄,實(shí)現(xiàn)業(yè)務(wù)與社交的連接。
用戶畫像是2C產(chǎn)品至關(guān)重要的內(nèi)容,只有精準(zhǔn)的用戶畫像,才能更精準(zhǔn)的服務(wù)好用戶。無論是電商,還是資訊平臺(tái),基于用戶畫像的精準(zhǔn)營(yíng)銷投放才是產(chǎn)品的核心。
2B的產(chǎn)品很少有講用戶畫像相關(guān)的內(nèi)容,事實(shí)上對(duì)于2B產(chǎn)品而言,用戶畫像也至關(guān)重要。
筆者目前從事CRM產(chǎn)品相關(guān)工作,CRM核心要解決的問題就是幫助你的客戶獲客,那么如何去建立客戶的企業(yè)標(biāo)簽,去按照企業(yè)標(biāo)簽屬性,借助大數(shù)據(jù)分析,幫你的客戶找到他的客戶群,是筆者近期在研究的課題。
2C的產(chǎn)品從本質(zhì)上來講不存在組織結(jié)構(gòu),個(gè)人用戶即為產(chǎn)品主體,但會(huì)存在群組/社群的概念。
2B產(chǎn)品的應(yīng)用主體是企業(yè),而組織結(jié)構(gòu)是企業(yè)運(yùn)營(yíng)管理的必要手段和方式。因此組織結(jié)構(gòu)管理是用戶系統(tǒng)的重要組成部分。
1)建立組織結(jié)構(gòu)
組織的單元是部門,因此管理員需要能夠按照企業(yè)組織結(jié)構(gòu)建立、調(diào)整(編輯、合并)、刪除部門。
2)部門樹結(jié)構(gòu)
部門作為組織結(jié)構(gòu)的單元,只是組織結(jié)構(gòu)的分子,而要形成組織,就要按照企業(yè)的業(yè)務(wù)形態(tài)要求形成一定的層級(jí)體系。因此部門不僅僅只是簡(jiǎn)單的信息描述,還需要有層級(jí)描述,這就需要我們?cè)诮⒉块T時(shí)按照層級(jí)結(jié)構(gòu)建立部門,定義清楚所建立的部門是上級(jí)部門、下級(jí)部門。
3)通訊錄展示
管理員通過后臺(tái)創(chuàng)建完組織結(jié)構(gòu)后,企業(yè)員工可通過前臺(tái)查詢按照部門結(jié)構(gòu)展示的通訊錄。
角色管理是B端產(chǎn)品的特有功能,企業(yè)員工按其所負(fù)責(zé)的業(yè)務(wù)模塊劃分不同的崗位職責(zé)。
由于企業(yè)數(shù)據(jù)具有較高的安全性和私密性要求,按照崗位職責(zé)的不同,不同崗位的員工對(duì)于業(yè)務(wù)數(shù)據(jù)的操作/查看權(quán)限不同。
因此,我們?cè)O(shè)計(jì)了角色管理,該角色并非嚴(yán)格意義上的崗位職能角色,而為了區(qū)分不同的員工不同的系統(tǒng)權(quán)限所設(shè)計(jì)的系統(tǒng)角色,這就是RBAC設(shè)計(jì)。
1)建立角色
建立角色的主要目標(biāo)即為建立一個(gè)用戶權(quán)限組,該權(quán)限組內(nèi)的用戶具有相同的權(quán)限。
2)分配角色權(quán)限
基于角色分配系統(tǒng)權(quán)限,以實(shí)現(xiàn)不同的角色下的用戶擁有不同的權(quán)限。
員工管理是B端產(chǎn)品的特有功能,員工是企業(yè)組織的重要組成部分,員工也是產(chǎn)品真正的終端用戶。
B端產(chǎn)品從本質(zhì)上是要能夠幫助企業(yè)員工提升工作效率,提高企業(yè)人效,以實(shí)現(xiàn)企業(yè)管理者降低運(yùn)營(yíng)成本的目標(biāo)。
1)新建員工
前面提到的用戶注冊(cè)即為新建員工的過程。包括被動(dòng)邀請(qǐng)和主動(dòng)注冊(cè)兩種形態(tài),主要目標(biāo)是將員工信息注冊(cè)至系統(tǒng),并建立員工和企業(yè)的關(guān)聯(lián)關(guān)系。
2)建立員工匯報(bào)關(guān)系結(jié)構(gòu)
為了實(shí)現(xiàn)精細(xì)化管理,企業(yè)內(nèi)部一般按照組織結(jié)構(gòu)設(shè)定員工的匯報(bào)關(guān)系,因此從CEO到基層員工會(huì)形成組織關(guān)系樹,該結(jié)構(gòu)可以和組織結(jié)構(gòu)完全一一對(duì)應(yīng),即該部門下的所有員工均匯報(bào)給部門負(fù)責(zé)人,但也有部門內(nèi)部分不同的小組,不同的人匯報(bào)給不同的小組負(fù)責(zé)人。
因此匯報(bào)關(guān)系和組織結(jié)構(gòu)關(guān)系有一定關(guān)聯(lián),但并不是完全一一對(duì)應(yīng),所以我們需要設(shè)計(jì)員工匯報(bào)關(guān)系功能。
3)員工離職設(shè)定
為了保證企業(yè)數(shù)據(jù)的安全,員工離職后,需凍結(jié)員工賬號(hào),離職員工將不能以該企業(yè)員工的身份登錄系統(tǒng),以確保企業(yè)數(shù)據(jù)的安全性。
至此,2B用戶系統(tǒng)的功能基本設(shè)計(jì)完整,其重難點(diǎn)在于組織結(jié)構(gòu)、權(quán)限控制,需要重點(diǎn)關(guān)注。
文章來源:人人都是產(chǎn)品經(jīng)理
因?yàn)楝F(xiàn)在大多數(shù)的PM/交互/UI設(shè)計(jì)師,在設(shè)計(jì)產(chǎn)品的時(shí)候都是以iOS為基準(zhǔn) 思考產(chǎn)品上的各種功能邏輯、交互狀態(tài),而很容易忽略了某些功能在Android里并不能“一稿適應(yīng)兩端”,部分產(chǎn)品差異在安卓上是不一樣的。
所以本文就講下Android和iOS 10大產(chǎn)品/交互差異,希望你在日后的產(chǎn)品設(shè)計(jì)時(shí),可以考慮到更多層面的知識(shí)點(diǎn)(可能在某些安卓高級(jí)機(jī)型里并不通用).
對(duì)在于一些虛擬商品的支付上,如vip會(huì)員、xx幣,xx豆。iOS和Android就存在不同的支付規(guī)則:Android基本無限制,無抽成。而iOS限制比較多,而且要抽成大約30%的手續(xù)費(fèi)。
舉個(gè)例子:同樣充值30元,Android端會(huì)得到300金幣,而在iOS中,只有210金幣。正因這個(gè)抽成規(guī)則的不同(沒辦法,這是蘋果硬性規(guī)定的),才會(huì)出現(xiàn)各種平臺(tái)的虛擬貨幣,在Android和iOS中的充值比例是不一樣的,如快手:
所以對(duì)于虛擬商品在iOS端的抽成規(guī)則,在產(chǎn)品設(shè)計(jì)時(shí)一定得考慮清楚,因?yàn)檫@關(guān)系產(chǎn)品的商業(yè)和盈利模式。通常有2種解決思路:
A. 讓用戶承擔(dān)30%的抽成
a. 同樣的價(jià)格,iOS用戶得到的商品少些
如同樣充值30元,Android端會(huì)得到300金幣,而在iOS中,只有210金幣。像快抖音、陌陌等各種貨幣充值。
b. 同樣的商品,iOS用戶支付更高的費(fèi)用
如3個(gè)月的vip會(huì)員,Android端定價(jià)是58元,iOS端則可以設(shè)為68元。如優(yōu)酷、騰訊視頻的vip會(huì)員價(jià)格。
B. 公司自己承擔(dān)30%的抽成
如iOS端充值30元,公司實(shí)收21元,但iOS用戶能得到和Android一樣的300個(gè)金幣(理論上是有這個(gè)解決思路,但現(xiàn)實(shí)中很少有公司去實(shí)現(xiàn),畢竟抽成成本就擺在那里).
另外還需要注意的是:因?yàn)槌槌梢?guī)則的不同,對(duì)于同一個(gè)ID的賬戶余額,在Android和iOS端中是不能通用的。因此在產(chǎn)品設(shè)計(jì)時(shí)需要將這個(gè)點(diǎn)告知用戶,預(yù)防用戶犯錯(cuò)、以及惡意刷幣。
Android由于開源的特性,因此對(duì)接的都是第三方支付平臺(tái),如微信支付、支付寶、銀聯(lián)卡等。
而iOS出于系統(tǒng)的封閉性和安全性考慮,只能調(diào)用蘋果自己的支付系統(tǒng):登錄APPle ID,然后用授權(quán)的支付方式(支付寶、銀聯(lián)卡)進(jìn)行付款。
“狀態(tài)欄”也就是我們手機(jī)界面最頂部的電池欄,它除了可以在不同背景里切換顏色外,在交互的觸發(fā)上,Android和iOS中也各不相同。
雖然這一交互差異是iOS專有的,但它卻啟發(fā)我們一個(gè)新的設(shè)計(jì)思路:在必要的時(shí)候,狀態(tài)欄可以為產(chǎn)品承載新的交互狀態(tài)。如網(wǎng)易的LOFTER(iOS端),用戶離開音樂播放界面時(shí),狀態(tài)欄就用于顯示音樂信息和操作入口,方便用戶在瀏覽其他內(nèi)容時(shí)可以快速關(guān)閉音樂時(shí),極大提升了用戶的操作效率。
這種大多應(yīng)用于運(yùn)營(yíng)的“拉新”場(chǎng)景,為了能新用戶得到好處(紅包、優(yōu)惠券、更好看的內(nèi)容等)。通常會(huì)讓新用戶下載產(chǎn)品APP領(lǐng)取。而由于Android與iOS的下載方式不同,會(huì)帶來不同的交互狀態(tài)和產(chǎn)品邏輯。
可以在當(dāng)前頁(yè)面(后臺(tái))下載,也可以在應(yīng)用商店下載;過程中可以顯示進(jìn)度,且允許用戶暫停下載;下載完成后調(diào)起安裝頁(yè)面,用戶可以取消安裝,也可以自動(dòng)安裝…
正因?yàn)锳ndroid下載軟件的各種便捷性,所以才會(huì)帶來各種交互狀態(tài):未下載、下載中、暫停中、已下載但未安裝、已安裝。這些都是交互設(shè)計(jì)師需要特別注意的,每個(gè)不同的狀態(tài)背后都會(huì)不同的產(chǎn)品邏輯。
只能跳轉(zhuǎn)到App Store里下載,所有下載流程和狀態(tài)都是在那完成的,可以脫離開活動(dòng)頁(yè)面,相比于Android的下載方式就簡(jiǎn)單很多。跳轉(zhuǎn)的方式可以是全屏幕,也可以是半屏。
由于安卓的開源特性,當(dāng)有新版本時(shí)都會(huì)提示用戶更新,且每個(gè)產(chǎn)品內(nèi)部都帶有“版本更新”入口。而更新的方式可分2種:
而iOS端出于對(duì)用戶體驗(yàn)的考慮,是禁止向用戶提示版本更新信息的。這也是為什么絕大部分的iOS產(chǎn)品,都是沒有“版本更新”入口的原因(像QQ、支付寶、百度網(wǎng)盤等大廠產(chǎn)品)。即使有,點(diǎn)擊了也直接跳轉(zhuǎn)到App Store查看版本情況。
且下載渠道都固定在App Store里。理所應(yīng)當(dāng)?shù)?,軟件的更新方式也只能在App Store里進(jìn)行,無法做到與Android的一樣做到后臺(tái)下載、后臺(tái)更新。
在手機(jī)鍵盤里輸入文字時(shí),iOS由于系統(tǒng)的限制,對(duì)文字的發(fā)送指令只能在鍵盤上來完成,因此iOS用戶的交互操作都全部集中在鍵盤右下角。
而Android端就靈活很多,不僅可以在鍵盤上執(zhí)行發(fā)送指令,也可以在輸入欄/搜索欄周邊新增操作入口。
長(zhǎng)按一張圖片后,都會(huì)彈出一個(gè)列表浮層,因?yàn)閕OS手機(jī)只有一個(gè)“Home鍵”而已,為方便用戶退出浮層才增加了“取消”入口。
而Android手機(jī)本來就有“返回”虛擬鍵,安卓用戶的退出/返回行為都習(xí)慣于通過虛擬鍵觸發(fā),所以多做一個(gè)“取消”的意義性不大。
iOS端一直教育著用戶使用“左滑”刪除列表信息,所有的刪除功能都是支持“左滑”來實(shí)現(xiàn)的。
而Android系統(tǒng)大部分只能通過“長(zhǎng)按”來觸發(fā)編輯狀態(tài),其中就包括了刪除功能。不過現(xiàn)在也有極少數(shù)的產(chǎn)品,正在逐漸打破這兩端間的“刪減”界限,比如網(wǎng)易郵箱(Android)就做到了左滑刪除信息。
當(dāng)我們第一次打開產(chǎn)品、允許了獲取消息通知的權(quán)限后,所有的信息傳輸都會(huì)基于服務(wù)器進(jìn)行推送。而兩端在這塊的推送機(jī)制又有所不同:
所有新信息都會(huì)實(shí)時(shí)推送到你的手機(jī)里,即使你關(guān)閉了軟件,還是一樣會(huì)收到提示。就算使你處于斷網(wǎng)狀態(tài),信息也會(huì)先儲(chǔ)存于蘋果服務(wù)器,等你聯(lián)網(wǎng)時(shí)再一次性把收到的信息推送給你。既釋放手機(jī)內(nèi)存,又不會(huì)讓用戶遺漏有新消息。
而安卓則不同,你若退出了產(chǎn)品,數(shù)據(jù)的推送只有等你再次打開產(chǎn)品時(shí),才會(huì)通知你有多少新信息。雖然減少了對(duì)用戶的干擾性,但也增加了服務(wù)器數(shù)據(jù)儲(chǔ)存的壓力,還容易耽誤用戶接收新消息。
也就是我們手機(jī)的輸入法鍵盤,在微信聊天內(nèi)、手機(jī)短信里復(fù)制了一段內(nèi)容后,由于Android與iOS的平臺(tái)特性差異,會(huì)給兩端用戶帶來了不同的交互差異。
復(fù)制完文字后,打開輸入法鍵盤會(huì)顯示來自剪切板的文字內(nèi)容。用戶只需點(diǎn)擊,即可將文字復(fù)制在搜索欄、輸入欄等需要文字填寫的操作區(qū)域里,無需觸發(fā)“粘貼”操作。
而有些安卓機(jī)(如小米/錘子/樂視等),無論你復(fù)制了什么信息(文字、數(shù)字、網(wǎng)址等),都很難實(shí)現(xiàn)輸入法里的“剪切板”功能。用戶需要觸發(fā)“粘貼”功能,才能輸入將剛剛的復(fù)制內(nèi)容。
而對(duì)于特定的信息類型:如網(wǎng)址。用戶復(fù)制網(wǎng)址往往都帶有極強(qiáng)的目標(biāo)性、搜索性,一些瀏覽器產(chǎn)品會(huì)預(yù)判用戶這一操作行為,將復(fù)制的網(wǎng)址前置展示出來,以抵消Android端對(duì)于復(fù)制文字帶來的系統(tǒng)限制。如QQ瀏覽器(安卓端)就有2種解法方法:
而UC和百度也有類似的解決辦法:將復(fù)制后的廣泛信息(文字/數(shù)字/網(wǎng)址/郵箱地址等等)嵌入在搜索框下方,用戶點(diǎn)擊就能搜索。
這也是一種妥當(dāng)?shù)慕鉀Q方法,因?yàn)橛脩艨蓮?fù)制的信息類型特別廣泛、目標(biāo)不是很清晰。無法準(zhǔn)確判斷出用戶一定會(huì)有搜索訴求。所以才將復(fù)制后的信息放在搜索框下面,而不是自動(dòng)粘貼到搜索框中,既考慮了用戶目標(biāo),又兼顧了操作效率。
以上就是Android與iOS的差異總結(jié),若有描述得不當(dāng)請(qǐng)多指教!下面是總結(jié)文件。
文章來源:人人都是產(chǎn)品經(jīng)理
互聯(lián)網(wǎng)發(fā)展業(yè)已進(jìn)入下半場(chǎng),眾多互聯(lián)網(wǎng)產(chǎn)品的營(yíng)銷比重迅速攀升,用戶心智已經(jīng)形成,很多產(chǎn)品設(shè)計(jì)方面沒有太大發(fā)揮空間。未來,面對(duì)嚴(yán)峻現(xiàn)實(shí),產(chǎn)品人的選擇在哪里?
前段時(shí)間一款叫ZAO的換臉APP刷屏朋友圈。這款產(chǎn)品的主要功能是把影視片段中明星的臉換成你的臉,讓你實(shí)現(xiàn)大片夢(mèng)。
實(shí)際上,在ZAO之前,就已經(jīng)有廠商開發(fā)出了同類型的換臉APP。今年的四月,一款名為顏技的App上線了IOS版,它具有和ZAO相同的圖片換臉到視頻功能。不同的是,它沒火起來。
相反是由于ZAO的大火,已經(jīng)上線好幾個(gè)月的顏技才突然被人發(fā)現(xiàn)。并因此登上了娛樂免費(fèi)榜的第二名,第一名是ZAO。
AppStore上有上百萬個(gè)APP,想要讓別人找到你的APP已經(jīng)非常困難了?;仡欁罱鹌饋淼哪切〢PP,大部分都有“重營(yíng)銷”的影子。比如綠洲、ZAO、靈鴿等。
營(yíng)銷對(duì)于一款產(chǎn)品來說變得越來越重要。
劉潤(rùn)老師寫過一篇文章《如何判斷一個(gè)行業(yè)是否值得進(jìn)入》描述這種商業(yè)競(jìng)爭(zhēng)的規(guī)律:文章里提到了一個(gè)行業(yè)的發(fā)展階段可以用商家的競(jìng)爭(zhēng)手段去判斷。
實(shí)際上這個(gè)觀點(diǎn)就是用4P的視角去理解商業(yè)規(guī)律。商業(yè)的本質(zhì)實(shí)際上就是4P模型:產(chǎn)品、渠道、促銷、價(jià)格。而且這幾個(gè)點(diǎn)的優(yōu)先級(jí)是依次遞減的。
一個(gè)項(xiàng)目想要成功,就需要依次做好這些點(diǎn)。如果別家已經(jīng)在某一個(gè)環(huán)節(jié)做得很好,你再想超越,就必須也做好這一環(huán)節(jié),然后在下一個(gè)環(huán)節(jié)做得更好。
因此在某一個(gè)特定領(lǐng)域內(nèi),對(duì)于后來者來說,創(chuàng)業(yè)會(huì)越來越難。王興在幾年前說互聯(lián)網(wǎng)進(jìn)入下半場(chǎng),目前看來這個(gè)下半場(chǎng)里,產(chǎn)品經(jīng)理已經(jīng)不在是舞臺(tái)的中心。
現(xiàn)在越來越多的產(chǎn)品偏向營(yíng)銷驅(qū)動(dòng),這很值得我們用4P的視角去思考一下互聯(lián)網(wǎng)的發(fā)展現(xiàn)狀和趨勢(shì)。
在移動(dòng)互聯(lián)網(wǎng)時(shí)代的早期,有很多需求可以從線下搬到了線上,或者從PC端轉(zhuǎn)移到手機(jī)端。由于這類用戶需求是一直存在的,用戶會(huì)自發(fā)地去尋找這類型的APP。
在這個(gè)時(shí)期,“產(chǎn)品即營(yíng)銷”,只要比別人做的更早,比別人做的更好,不太需要廣告的支持,用戶會(huì)自帶傳播效應(yīng)。這個(gè)時(shí)期是產(chǎn)品人最愛的時(shí)期,只要用心做好產(chǎn)品,就很容易獲得成功。
最初在移動(dòng)互聯(lián)網(wǎng)上,沒有一款比較方便的社交軟件。然而用戶實(shí)際上是有很強(qiáng)的社交需求的。雖然手機(jī)QQ可以解決一些問題,但是沒有為移動(dòng)互聯(lián)網(wǎng)的環(huán)境做相應(yīng)的優(yōu)化。
另一個(gè)款產(chǎn)品米聊,雖然也是為了解決移動(dòng)互聯(lián)網(wǎng)的社交問題,但是產(chǎn)品穩(wěn)定性不足,偶爾會(huì)閃退或者發(fā)不出消息的情況。
微信在那個(gè)時(shí)期是移動(dòng)互聯(lián)網(wǎng)做社交做好的產(chǎn)品,所以經(jīng)過用戶的自發(fā)傳播,兩個(gè)月就超過了米聊成為了最大的移動(dòng)互聯(lián)網(wǎng)社交APP。
很多人認(rèn)為微信的成功是因?yàn)楂@得了QQ的關(guān)系鏈,實(shí)際上這是一種誤解。
當(dāng)時(shí)運(yùn)營(yíng)商忌憚微信,不允許微信用手機(jī)通訊錄,于是微信只能用QQ登錄。
但QQ登錄和QQ關(guān)系鏈?zhǔn)莾苫厥隆Q登錄不等于關(guān)系鏈的使用,微信對(duì)QQ關(guān)系鏈的使用,只是添加好友時(shí)可以從QQ好友里選擇。
事實(shí)上作為一款熟人社交軟件,手機(jī)通訊錄的價(jià)值和作用更大——因?yàn)槭歉鎸?shí)的好友,而QQ好友里很多是陌生人。如果微信當(dāng)時(shí)選擇把QQ關(guān)系鏈復(fù)制過來,那就成了另外一個(gè)手機(jī)QQ了。
所以微信的成功,是因?yàn)樗诋a(chǎn)品為王的時(shí)代,做出了最好的移動(dòng)互聯(lián)網(wǎng)社交工具。
在互聯(lián)網(wǎng)時(shí)代的中期,同一個(gè)細(xì)分領(lǐng)域會(huì)出現(xiàn)了很多同質(zhì)化的APP。這時(shí),競(jìng)爭(zhēng)考驗(yàn)的是各個(gè)公司的渠道能力。
你能更好地觸達(dá)用戶,就能更地?cái)U(kuò)展市場(chǎng)。
早在PC互聯(lián)網(wǎng)時(shí)代,搜狗輸入法就依靠“番茄花園”、“雨林木風(fēng)”等盜版系統(tǒng)的預(yù)裝,僅用一年時(shí)間做到了輸入法領(lǐng)域70%的市場(chǎng)占有率。
在移動(dòng)互聯(lián)網(wǎng)時(shí)代,新聞?lì)怉PP的同質(zhì)化也比較嚴(yán)重,在產(chǎn)品端的優(yōu)化很難和其他競(jìng)品拉開差距。為此搜狐早晚報(bào)(搜狐新聞的前身)依靠中興手機(jī)的預(yù)裝,一下子從幾萬日活提升到上百萬日活。
在國(guó)外的Twitter模式興起時(shí),四大微博的競(jìng)爭(zhēng)進(jìn)入白熱化階段。最終新浪微博突出重圍,成為了最后的贏家。
新浪微博的打法也是依靠渠道。當(dāng)時(shí)新浪微博搶先與頭部的手機(jī)廠商簽下獨(dú)家合同,激活一個(gè)用戶支付廠商1.5元,很多手機(jī)廠商看到好處都選擇了合作。
后來這筆錢改成了資源置換。手機(jī)廠商預(yù)裝新浪微博,而微博會(huì)在用戶在發(fā)布手機(jī)動(dòng)態(tài)時(shí),露出手機(jī)品牌型號(hào)。
除了預(yù)裝,SEO和ASO也是非常重要的渠道來源。
今日頭條早期的SEO要比其他公司效率更高。
一般我們?cè)诎俣冗M(jìn)行渠道投放時(shí),只知道投放相關(guān)的關(guān)鍵字,這種常規(guī)操作的結(jié)果是量少、多家競(jìng)價(jià)、轉(zhuǎn)化效果不佳,而且成本非常高。
今日頭條創(chuàng)新性地利用每天百度新產(chǎn)生的大量沒有人競(jìng)價(jià)的關(guān)鍵詞進(jìn)行拓詞,通過技術(shù)手段自動(dòng)生成聚合這些關(guān)鍵字的落地頁(yè),然后在百度進(jìn)行投放。這樣做的好處是量大而且價(jià)格便宜,落地頁(yè)聚合的內(nèi)容本身比百度的還好,用戶轉(zhuǎn)化效果自然就非常理想了,大大降低了渠道投放的成本。
優(yōu)質(zhì)的搜索渠道流量,也是今日頭條成功的一大因素。
到了互聯(lián)網(wǎng)時(shí)代的后期,就連渠道商的競(jìng)爭(zhēng)也同質(zhì)化,并且渠道商的價(jià)格越來越高。
在這個(gè)時(shí)期,廠家會(huì)發(fā)現(xiàn)爭(zhēng)奪渠道效果已經(jīng)很差了,幾個(gè)大的渠道已經(jīng)被巨頭們把持了,想要突破必須開始爭(zhēng)奪消費(fèi)者的心智。所以這個(gè)時(shí)期的策略是通過吸引眼球的營(yíng)銷方案,讓用戶產(chǎn)生購(gòu)買意愿。
支付寶誕生的時(shí)候是產(chǎn)品為王的時(shí)代,解決了用戶線上支付的問題,因此作為先驅(qū)者占據(jù)了線上支付的絕大部分市場(chǎng)份額。
騰訊作為支付領(lǐng)域的后來者,想要超越支付寶,怎么辦?
財(cái)付通是騰訊的第一次嘗試,依靠騰訊自己的電商渠道,財(cái)付通的市場(chǎng)占有率一度只有3.3%。這是因?yàn)殄e(cuò)過了產(chǎn)品為王的時(shí)代,而且在渠道為王的時(shí)代,騰訊的電商品牌也不是特別給力。
后來騰訊有了微信,然后有了微信支付。其中最大的使用場(chǎng)景是微信紅包。
微信紅包依靠用戶的自發(fā)使用,在2014年春節(jié)達(dá)到了458萬的用戶峰值。但之后的幾個(gè)月,用戶數(shù)從峰值持續(xù)下降,再也沒有回到這個(gè)數(shù)量。
照理說,微信紅包的產(chǎn)品沒問題,渠道更沒問題,微信的用戶量級(jí)可是比騰訊的電商用戶多得多。這時(shí)騰訊要再想突破,就只能從營(yíng)銷端思考。
2015年,微信和春晚合作,搞了一個(gè)搖一搖搶紅包的活動(dòng)。那天晚上,微信紅包的用戶數(shù)從400萬增加到了一億,而支付寶積累一億用戶用了大概8年的時(shí)間。
在幾年前,如果有人告訴你,做一個(gè)拼團(tuán)類低價(jià)購(gòu)物APP很有機(jī)會(huì),你一定會(huì)對(duì)此嗤之以鼻。電商市場(chǎng)又不是沒有人做過這件事,就算是淘寶的聚劃算也沒做得太成功。
但是今天,拼多多依靠社交裂變的玩法,已經(jīng)成了“五億人都在拼”的電商巨頭,市值都超過了百度。
拼多多殺入市場(chǎng)時(shí),電商領(lǐng)域的產(chǎn)品、渠道都已經(jīng)進(jìn)入了白熱化的競(jìng)爭(zhēng)階段。拼多多從營(yíng)銷端發(fā)力,大力開展社交裂變的玩法實(shí)現(xiàn)了電商領(lǐng)域的突圍。
雖然拼多多的玩法也有價(jià)格的因素在里面,但是同樣有很多主打低價(jià)的產(chǎn)品卻沒法做到拼多多的規(guī)模,最主要的還是營(yíng)銷的問題?,F(xiàn)在很多人想到買低價(jià)的產(chǎn)品,第一個(gè)想到的就是拼多多,這也說明了拼多多的營(yíng)銷成功地?fù)屨剂擞脩舻男闹恰?
另外,這個(gè)階段想要超越不單單是要做好營(yíng)銷,而是之前的產(chǎn)品和渠道都不能少。
上述的兩個(gè)案例都是產(chǎn)品本身過硬,并且憑借微信這個(gè)大渠道作為基礎(chǔ)的。
其他的競(jìng)爭(zhēng)階段也是一樣,必須做好前面階段需要做的工作,再做好當(dāng)前的階段需要做的才有可能追趕領(lǐng)先者。
這是很多人學(xué)習(xí)4P理論時(shí)最容易忽視的點(diǎn)。
如果按照4P理論,劉潤(rùn)老師還應(yīng)該補(bǔ)充最后一個(gè)階段——價(jià)格為王。
單純價(jià)格戰(zhàn)這事技術(shù)含量太低,似乎不值得單獨(dú)來講。不過作為一種商業(yè)趨勢(shì),目前互聯(lián)網(wǎng)行業(yè)部分領(lǐng)域的競(jìng)爭(zhēng)態(tài)勢(shì)儼然已經(jīng)走到了這一步。
在信息流領(lǐng)域,等到今日頭條成長(zhǎng)到非常大的體量后,百度才反應(yīng)過來。
為了快速奪回市場(chǎng),百度在2019年的春晚狂砸9億紅包“買客戶”。這個(gè)活動(dòng)和之前提到的微信紅包活動(dòng)很像,但是仔細(xì)思考還是有一些不同。
春晚面對(duì)的幾乎是全國(guó)的觀眾,其中很多人平時(shí)并不太接觸互聯(lián)網(wǎng)。對(duì)他們來說,微信的搶紅包活動(dòng)是沒見過的玩法,很新奇,很有傳播性。
微信搶紅包的這次活動(dòng),營(yíng)銷的概念其實(shí)要要大于價(jià)格的概念。但是經(jīng)過了這一次的用戶教育,加上之后的支付寶集五?;顒?dòng),這種送錢的營(yíng)銷活動(dòng)對(duì)用戶來說已經(jīng)不陌生了。
百度的紅包活動(dòng)更多的用戶已經(jīng)不是覺得好玩,而是單純地在衡量投入產(chǎn)出比。為了拿到這些紅包的錢,付出那么多時(shí)間劃不劃算。這成了單純的買用戶,單純的價(jià)格因素。
最近微視也搞了一次這樣的活動(dòng),邀請(qǐng)好友得3~10元的紅包。這說明短視頻領(lǐng)域也已經(jīng)進(jìn)入了競(jìng)爭(zhēng)的大后期。
價(jià)格為王的階段是其他手段都失效的情況下,不得不采用的策略。
當(dāng)然前提是產(chǎn)品足夠好,否則用戶也是留不下來的。
這里說的產(chǎn)品經(jīng)理是那種創(chuàng)造性的產(chǎn)品設(shè)計(jì)工作,類似喬布斯、張小龍所代表的最初的產(chǎn)品經(jīng)理的定義。
隨著現(xiàn)狀互聯(lián)網(wǎng)解決的問題越來越多,邊界越來越廣,想要再通過創(chuàng)造性的產(chǎn)品設(shè)計(jì)打動(dòng)用戶已經(jīng)非常困難了。而且很多功能模式都有了約定俗成的規(guī)范,發(fā)揮創(chuàng)造性的空間已經(jīng)不大了。這導(dǎo)致現(xiàn)在的產(chǎn)品經(jīng)理更多的是偏向項(xiàng)目管理而不是產(chǎn)品設(shè)計(jì)。
我的一個(gè)產(chǎn)品經(jīng)理朋友,覺得自己原來所處的行業(yè)相對(duì)比較傳統(tǒng),換了一家更加迎合年輕人的行業(yè)。
但是現(xiàn)實(shí)馬上教他做人,雖然新公司的產(chǎn)品更加年輕化,但是產(chǎn)品經(jīng)理的工作其實(shí)沒有太大的變化,還是以畫原型、項(xiàng)目推進(jìn)為主。
在可預(yù)見的未來,產(chǎn)品經(jīng)理將離開互聯(lián)網(wǎng)的舞臺(tái)中心。
運(yùn)營(yíng)人才將接替產(chǎn)品經(jīng)理的位置,站在在互聯(lián)網(wǎng)的舞臺(tái)中心引導(dǎo)之后的風(fēng)向變化。當(dāng)然,這里說的是大部分一線產(chǎn)品經(jīng)理,如果你是牛人,你永遠(yuǎn)都站在舞臺(tái)中央。
不同競(jìng)爭(zhēng)階段的工作重心是不一樣的,所以在做職業(yè)選擇時(shí),最好選擇那些適合自己發(fā)揮的行業(yè)和公司。
如果你是產(chǎn)品經(jīng)理,那么最好是進(jìn)入還在產(chǎn)品為王時(shí)期的行業(yè)。
如果你是渠道BD,渠道運(yùn)營(yíng)等,選擇那些競(jìng)爭(zhēng)中期的行業(yè)。
如果你是活動(dòng)運(yùn)營(yíng),那么最好去那些競(jìng)爭(zhēng)非常激烈的行業(yè)。
在適合自己的行業(yè)中,你的重要性得到了提升,擁有更多的機(jī)會(huì)學(xué)習(xí)和實(shí)踐,對(duì)于自我提升來說是事半功倍的。
有很多創(chuàng)業(yè)公司還保持著產(chǎn)品為王時(shí)代的思路。
它們所處的行業(yè)很可能已經(jīng)在營(yíng)銷為王的時(shí)代,卻還抱著精細(xì)打磨產(chǎn)品的意識(shí),根本原因僅僅是因?yàn)轭I(lǐng)導(dǎo)者是產(chǎn)品和技術(shù)出身。
這類公司如果渠道端和營(yíng)銷端沒有比較好的動(dòng)作的話,很可能在燒光融資后就被迫關(guān)閉。而失敗的原因不是因?yàn)楫a(chǎn)品做的不夠好,而是沒有在正確的時(shí)間做正確的事。
有一些公司好一些,它們?cè)诋a(chǎn)品為王的時(shí)代,通過打造優(yōu)秀產(chǎn)品而崛起。但這種公司很容易形成路徑依賴,原來我們通過產(chǎn)品的優(yōu)化成功了,那么現(xiàn)在就要繼續(xù)做好產(chǎn)品這件事。
但是產(chǎn)品體驗(yàn)的護(hù)城河會(huì)慢慢被競(jìng)品攻占,如果領(lǐng)導(dǎo)者不轉(zhuǎn)變身份,從“首席產(chǎn)品經(jīng)理”變成精神領(lǐng)袖,那么很可能就會(huì)慢慢衰敗。
因?yàn)槌晒Φ钠髽I(yè)家與市場(chǎng)的用戶的需求距離太遠(yuǎn),如果太專注抓產(chǎn)品的單點(diǎn)突破,就意味著在商業(yè)格局平衡和公司長(zhǎng)遠(yuǎn)戰(zhàn)略上的短視,結(jié)局自然不會(huì)太理想。
文章來源:人人都是產(chǎn)品經(jīng)理
有理有據(jù),有面有料,是一個(gè)設(shè)計(jì)作品的專業(yè)體現(xiàn)。之前花了四篇小文(鏈接在文末),講述如何提升設(shè)計(jì)師設(shè)計(jì)作品的內(nèi)在含金量和外在形式感,今天,我們將用最后的篇幅,聊聊如何給設(shè)計(jì)作品創(chuàng)造一個(gè)盡可能完美的終局——交互文檔的細(xì)節(jié)。
千里之堤毀于蟻穴,再專業(yè)的交互設(shè)計(jì),如果在后期交付時(shí)頻繁出現(xiàn)細(xì)節(jié)的缺失和補(bǔ)充,其實(shí)還是很容易遭受研發(fā)和測(cè)試同學(xué)diss的。甚至有可能因?yàn)橐粋€(gè)細(xì)節(jié)的疏忽,導(dǎo)致整體交互方案的崩盤,不得不從頭再來。
如果研發(fā)過程中發(fā)生這樣的設(shè)計(jì)事故,其實(shí)是非常影響團(tuán)隊(duì)士氣和個(gè)人專業(yè)影響力的。
設(shè)計(jì)細(xì)節(jié)篇,分兩個(gè)維度來闡述,一個(gè)是文檔外,一個(gè)是文檔內(nèi)。
文檔外,其實(shí)是要回歸設(shè)計(jì)的初衷,很多設(shè)計(jì)師包括我自己,設(shè)計(jì)久了,總愿意把自己當(dāng)作是用戶的代言人,盡可能的為用戶體驗(yàn)著想,絞盡腦汁的尋求最佳體驗(yàn)的設(shè)計(jì),并以此為傲。
這如果是在產(chǎn)品發(fā)展的成熟期,功能相對(duì)穩(wěn)定,體驗(yàn)同質(zhì)化嚴(yán)重,這個(gè)時(shí)候追求的體驗(yàn),尋求體驗(yàn)的突破是非常有意義的,可以讓產(chǎn)品獲得更多的口碑,從而帶來更多的用戶和收益。
但是如果是在探索期和成長(zhǎng)期,過度的追求單一維度的體驗(yàn),可能反而會(huì)成為一種產(chǎn)品發(fā)展的桎梏,阻礙產(chǎn)品的成長(zhǎng),而在衰退期追求的體驗(yàn),則完全背離了公司作為商業(yè)組織的利益點(diǎn),會(huì)顯得和整個(gè)項(xiàng)目組格格不入。
產(chǎn)品生命周期與用戶體驗(yàn)要求
所以對(duì)于探索期和衰退期的產(chǎn)品來說,設(shè)計(jì)師要盡可能考慮商業(yè)性和技術(shù)可行性。用最小的設(shè)計(jì)代價(jià),快速的迭代,完成產(chǎn)品的目標(biāo)(驗(yàn)證價(jià)值或解決問題)。
如果設(shè)計(jì)師在這兩個(gè)階段太揪細(xì)節(jié),可能會(huì)因?yàn)榈貌坏巾?xiàng)目的支持而心灰意冷。
技術(shù)可行性和商業(yè)收益,不是我們所擅長(zhǎng)的領(lǐng)域,通過前面的設(shè)計(jì)法則和用戶埋點(diǎn)也不能準(zhǔn)確推算,所以還需及時(shí)向技術(shù)及商務(wù)同學(xué)確認(rèn),別人家能做的產(chǎn)品形態(tài),咱們家技術(shù)框架不一定支持。別人家能做的精簡(jiǎn),可能會(huì)損害咱們家的主營(yíng)業(yè)務(wù)。
涉及到這兩點(diǎn),除非有自上而下的旨意,否則單憑設(shè)計(jì)之力無異于蚍蜉撼樹,很容易讓自己費(fèi)力不討好。
文檔內(nèi)的交互細(xì)節(jié),主要在于文檔的完整性和閱讀體驗(yàn),既要面面俱到,又要清晰簡(jiǎn)潔。
面面俱到是指要盡量包含所有流程、頁(yè)面及狀態(tài),避免遺漏。它體現(xiàn)了一個(gè)交互設(shè)計(jì)師設(shè)計(jì)思維的嚴(yán)謹(jǐn)性和設(shè)計(jì)態(tài)度。
網(wǎng)上有很多關(guān)于交互走查表的模板,非常的全面,但就是因?yàn)樘^全面,反而讓很多新人設(shè)計(jì)師望而生畏,避而遠(yuǎn)之,這就失去了交互走查表本身的意義。
我認(rèn)為,交互走查表其實(shí)就是提供給設(shè)計(jì)師的一份幫助文檔,大家都知道在設(shè)計(jì)的時(shí)候,提示要盡可能的簡(jiǎn)短,要適時(shí)出現(xiàn),要清晰簡(jiǎn)潔,遺憾的是我看到的交互走查表往往都不滿足這一條。
冗長(zhǎng)的交互走查表,就像是冗長(zhǎng)的幫助文檔一樣,把責(zé)任都推給了設(shè)計(jì)師,仿佛在說:誰讓你不按照我逐條檢查呢?
如果出現(xiàn)細(xì)節(jié)的遺漏,就變成了設(shè)計(jì)師自己的錯(cuò)。
誰都不想遺漏,但是后期設(shè)計(jì)時(shí)間往往真的就很緊迫,設(shè)計(jì)師除了細(xì)節(jié)的補(bǔ)充,可能還有其他很多任務(wù)需要做,大家只是想確認(rèn)一下而已,哪有時(shí)間和精力去看那么冗長(zhǎng)的“幫助文檔”。
所以發(fā)揮一下設(shè)計(jì)師的同理心,根據(jù)二八原則,80%設(shè)計(jì)師可能遺漏的問題都只是認(rèn)知走查表里20%的內(nèi)容,這20%的內(nèi)容也真正意義上影響我們80%的用戶和體驗(yàn),是設(shè)計(jì)者最為關(guān)心的。
那么,我們是不是先把這20%的設(shè)計(jì)解決好呢?這才是真正急設(shè)計(jì)師之所急,站在設(shè)計(jì)師的角度考慮問題。
所以本文精心篩選出最容易被大家所忽略,且大多數(shù)設(shè)計(jì)又必須要考慮的異常分支,為大家整理了一份《設(shè)計(jì)細(xì)節(jié)check表》,以確保主體流程的主要設(shè)計(jì)“面面俱到”。(流程設(shè)計(jì)、布局設(shè)計(jì),以及互動(dòng)設(shè)計(jì),如果大家在前期有遵守對(duì)應(yīng)的設(shè)計(jì)原則,再加上數(shù)據(jù)的支持,應(yīng)該大方向都是正確的。我也希望大家盡量通過前期的理論和數(shù)據(jù),去保證流程和整體設(shè)計(jì)的正確性,而不是要等到最后細(xì)節(jié)確認(rèn)的時(shí)候,才來審視檢驗(yàn)整體,讓細(xì)節(jié)篇,真的是在完善細(xì)節(jié)。)
設(shè)計(jì)細(xì)節(jié)Check表
我把這份《設(shè)計(jì)細(xì)節(jié)check表》按照從整體到局部進(jìn)行了歸類:
最大的單元是指每個(gè)任務(wù)流程的檢查,然后是頁(yè)面單元,因?yàn)轫?yè)面涉及到加載的異常分支比較多,所以單獨(dú)拆出來和頁(yè)面狀態(tài)并列分別闡述。最后是組塊單元,主要包括輸入類和非輸入類的組件操作及反饋。
下面我們逐一來看:
流程檢查主要包括三點(diǎn):
秉承一致性原則,同一個(gè)產(chǎn)品,能保持一致的地方,要盡可能保持一致。
在實(shí)際項(xiàng)目中,同一個(gè)產(chǎn)品,往往有多個(gè)設(shè)計(jì)師,每個(gè)設(shè)計(jì)師都負(fù)責(zé)相對(duì)獨(dú)立的一大模塊,偶爾就會(huì)涉及到相似功能的設(shè)計(jì),因?yàn)槭遣煌嗽谶M(jìn)行,所以設(shè)計(jì)出來的形態(tài)就可能不一致;
但對(duì)于用戶來說,使用相似功能的人,往往可能是同一撥人,設(shè)計(jì)的不一致,體驗(yàn)就會(huì)有差異,不僅對(duì)于用戶來說學(xué)習(xí)成本高,而且對(duì)于項(xiàng)目組來說同時(shí)維系兩套不同的設(shè)計(jì),成本也比較高。
如果一個(gè)流程的正向流程和逆向流程是完全一致的,一般無需特別說明,但是如果返回時(shí)需要跳過某些頁(yè)面或者狀態(tài)快速返回,則需要進(jìn)行特殊標(biāo)注,否則可能會(huì)被研發(fā)同學(xué)遺漏。
當(dāng)遇到特殊情況,程序崩潰,后臺(tái)殺死,斷電等,進(jìn)度是否能夠能自動(dòng)保存并恢復(fù),如果需要,就需要考慮恢復(fù)的時(shí)機(jī)和形式。
說完流程,再來說單獨(dú)的頁(yè)面。談到頁(yè)面時(shí),首先要談的是加載狀態(tài),畢竟頁(yè)面不是憑空就有的。
加載狀態(tài)主要要考慮以下幾點(diǎn):
預(yù)加載的時(shí)機(jī)是什么時(shí)候,預(yù)加載的內(nèi)容有多少?(對(duì)于用戶會(huì)長(zhǎng)時(shí)瀏覽的內(nèi)容,一般建議預(yù)加載,預(yù)加載的內(nèi)容一般會(huì)結(jié)合內(nèi)容大小、瀏覽時(shí)長(zhǎng)、甚至網(wǎng)絡(luò)狀態(tài)綜合決定)
在信息未加載出來前,界面是顯示空白引導(dǎo),還是默認(rèn)占位符,還是顯示上一次的緩存內(nèi)容?(一般有緩存優(yōu)先顯示緩存,無緩存先顯示默認(rèn)占位符,等內(nèi)容加載完成后再進(jìn)行替換)
是否顯示加載圖標(biāo),進(jìn)度條,是否可以取消加載?(一般情況下等待超過0.1s,就能夠被用戶感知到,就建議顯示加載圖標(biāo),以便用戶知道程序已經(jīng)接收到并在響應(yīng)用戶的操作指令。如果等待超過1秒,就建議顯示進(jìn)度條,并提供取消操作,便于用戶自主控制)
是全部加載,還是分布加載顯示?(一般情況下,在2~3屏內(nèi)的有限內(nèi)容,或者完全非同類的內(nèi)容,是可以一次性全部加載的,因?yàn)橛脩艨赡芫褪菦_著某一類內(nèi)容進(jìn)來的,很可能會(huì)快速滑動(dòng)到目標(biāo)內(nèi)容。
而對(duì)于同類型的圖文信息,而且是內(nèi)容比較多時(shí),一般都會(huì)采取分布加載的形式,避免浪費(fèi)多數(shù)用戶的流量。
視頻播放機(jī)制、廣告圖片加載等,一般還要考慮網(wǎng)絡(luò)情況,一般WIFI情況下,因?yàn)閷?duì)流量及網(wǎng)速的要求低,所以采用自動(dòng)播放視頻,自動(dòng)顯示圖片、播放廣告等,更容易被用戶所接收)
是否自動(dòng)重試加載,何時(shí)進(jìn)行超時(shí)提示等。(很多產(chǎn)品在設(shè)計(jì)時(shí),如果不是完全無網(wǎng)絡(luò),僅僅是網(wǎng)絡(luò)信息不穩(wěn)定,會(huì)嘗試自動(dòng)加載,以避免用戶手動(dòng)操作。如果自動(dòng)加載超過上限,才會(huì)提示讓用戶稍后再試)
頁(yè)面加載出來后,就要要考頁(yè)面本身的狀態(tài)了。
需要考慮的異常頁(yè)面狀態(tài)主要有以下幾種:
考慮完整體頁(yè)面后,最后再來考慮一下頁(yè)面內(nèi)的組件狀態(tài)。先來看一下輸入類。
輸入框/文本框要考慮的主要有三點(diǎn):
最后看一下非輸入類的操作組件。
“文本/圖標(biāo)按鈕、鏈接、可操作的卡片/列表”要考慮一下幾點(diǎn):
如果設(shè)計(jì)完成后,初步檢查以上五項(xiàng)內(nèi)容,基本上可以確定主題流程的主要設(shè)計(jì)內(nèi)容已經(jīng)面面俱到了。
文章來源:人人都是產(chǎn)品經(jīng)理
HMI是什么?這又和我有什么關(guān)系,如果你想置身于智能時(shí)代,HMI的認(rèn)知是一個(gè)不可錯(cuò)過,而海哥把這一生的精力投身于該領(lǐng)域,下面我們開始開啟這條認(rèn)知之路。我將分三個(gè)部分闡述HMI,分別是:HMI是什么?HMI有什么用?誰在做HMI?
HMI,是英文Human Machine Interface的首字母縮寫,中文意思為“人機(jī)界面”,或“人機(jī)接口”,在國(guó)內(nèi)用“人機(jī)界面”多,HMI是“人與機(jī)器之間傳遞和交換信息的媒介和對(duì)話接口”,可以簡(jiǎn)單理解為是一臺(tái)微型的電腦,外形像平板電腦,比如蘋果的iPad,但是她有很多插口,像傳統(tǒng)辦公桌上的臺(tái)式電腦(后面稱PC電腦),有usb接口、網(wǎng)線接口、串行接口。通常HMI像個(gè)積木一樣,嵌入到機(jī)器上的,一般是自動(dòng)化大機(jī)器,通過HMI來控制和監(jiān)視機(jī)器的運(yùn)作,你可以理解為HMI是一臺(tái)電腦,她控制打印機(jī)打印東西這樣的關(guān)系。海哥帶你看看HMI廬山真貌:
看起來是不是一個(gè)平板電腦嗎?對(duì)的,外形看起來像平板,但是它比較厚,而且很多電腦用的接口,而大家在生活中接觸最多的兩種HMI有兩種,一種是取款機(jī),另外一種就是汽車中控。
下面,海哥帶你了解HMI組成,它是由兩大部分組成的,就是硬件和軟件。
HMI硬件方面,像PC電腦一樣,有五大模塊:處理器(如CPU)、顯示單元(如顯示器)、輸入單元(如鼠標(biāo)、鍵盤)、通訊接口(如網(wǎng)卡)、數(shù)據(jù)存儲(chǔ)單元(如硬盤),那一個(gè)優(yōu)質(zhì)的HMI硬件主要看哪方面呢?就是處理器,處理器有8位、16位、32位,數(shù)字越高,處理能力越強(qiáng)。接下來看看硬件周邊的接口,HMI可以連接很多種設(shè)備,比如可編程控制器(簡(jiǎn)稱PLC)、變頻器、直流調(diào)速器、儀表和工業(yè)設(shè)備等,它們連接到HMI的串口接口,串口的類型有RS232、RS485等。
好了,上面大概對(duì)HMI的硬件有初步了解,下面海哥帶你看看軟件部分,軟件部分包括兩部分,就是系統(tǒng)和畫面組態(tài)軟件。系統(tǒng)就像PC電腦的windows系統(tǒng)一樣,有自身硬件運(yùn)作正常的系統(tǒng),比如我們?nèi)A為的鴻蒙OS系統(tǒng)。接著就是畫面組態(tài)軟件,其實(shí)就是像windows里面的Word軟件,叫法上不一樣而已,常規(guī)情況下畫面組態(tài)軟件只有一個(gè),不能像windows那樣裝很多種類型軟件,而HMI固定是裝一種,我們常規(guī)叫他為“工程”,當(dāng)然汽車上的HMI,就像平板電腦上,功能和軟件都很豐富,因?yàn)樗菨M足消費(fèi)者人群的,而只運(yùn)行一個(gè)軟件的,多用在工業(yè)機(jī)器上,可以減少HMI資源消耗,還能保證整個(gè)HMI的穩(wěn)定性。
海哥剛開始對(duì)組態(tài)軟件不太懂,組態(tài)到底是什么?“組態(tài)”(Configure)是“配置”、“設(shè)定”等意思,它讓用戶像搭積木一樣,把所需要的軟件功能搭建起來,不需要編寫計(jì)算機(jī)程序。目前常用的組態(tài)軟件有:iFix、Vijeo Designer、WinCC、組態(tài)王、MCGS,不同廠家的HMI硬件使用不同的組態(tài)軟件,所以他們連接要有不同的驅(qū)動(dòng)程序,這對(duì)技術(shù)人員來說,學(xué)習(xí)成本還是比較高,因?yàn)槟壳斑€沒有一個(gè)巨頭來定義這個(gè)通用標(biāo)準(zhǔn),而最近華為的鴻蒙OS系統(tǒng),開始定義行業(yè)的平臺(tái)標(biāo)準(zhǔn),海哥個(gè)人覺得這是一件了不起的事情。下面看看常用的組態(tài)軟件長(zhǎng)什么樣子,我們用WinCC作為例子。
接下來,海哥告訴你HMI的分類,大概可以分三種:
(1、薄膜鍵輸入的HMI,顯示尺寸小于5.7ˊ,畫面組態(tài)軟件免費(fèi),屬初級(jí)產(chǎn)品。
(2、觸摸屏輸入的HMI,顯示屏尺寸為5.7ˊ~12.1ˊ,畫面組態(tài)軟件免費(fèi),屬中級(jí)產(chǎn)品。
(3、基于平板PC計(jì)算機(jī)的、多種通訊口的、高性能HMI,顯示尺寸大于10.4ˊ,畫面組態(tài)軟件收費(fèi),屬高端產(chǎn)品。
對(duì)于高端HMI產(chǎn)品,面對(duì)5G的個(gè)性化定制的市場(chǎng)特征,HMI的“配方功能”會(huì)很重要,所謂配方功能,就是一臺(tái)設(shè)備完成不同種類工件的加工,這需要人機(jī)界面上具備配方功能,在加工A產(chǎn)品時(shí),執(zhí)行A配方,加工B產(chǎn)品時(shí),執(zhí)行B配方,比如西門子公司的MP系列,而如果要實(shí)現(xiàn)千人千面的生產(chǎn)需求,也許配方更是一個(gè)海量級(jí)的,這也是自動(dòng)化所面臨的機(jī)遇與挑戰(zhàn)。
下面說說工作流程,一個(gè)HMI制作應(yīng)用的制作過程大概是這樣的流程:
海哥簡(jiǎn)短解釋一下這些流程,在日后海哥會(huì)在每個(gè)模塊都會(huì)有細(xì)節(jié)教程。
市場(chǎng)調(diào)研:了解到市面上的數(shù)據(jù)量,比如手機(jī)用戶數(shù)量,大部分用戶使用時(shí)長(zhǎng),競(jìng)爭(zhēng)對(duì)手處于什么樣的狀態(tài)等;
用戶畫像:了解用戶的年齡、地區(qū)、行為習(xí)慣、心理習(xí)慣等,并賦予到一個(gè)場(chǎng)景中,了解用戶在場(chǎng)景中的整個(gè)活動(dòng)和心理的過程;
需求定位:了解到目標(biāo)用戶的特征后,定制產(chǎn)品或的重點(diǎn)價(jià)值,用戶為什么需要你,你有什么不一樣;
頭腦風(fēng)暴:由不同崗位人員,一起想點(diǎn)子,先暢所欲言,再根據(jù)調(diào)研和需求來判斷合適的點(diǎn)子;
原型設(shè)計(jì):原型簡(jiǎn)單理解為手工紙質(zhì)品,或模型,可以用塑料泡沫或電腦的Axure等軟件,做出實(shí)體或虛擬的產(chǎn)品,這需要快速簡(jiǎn)單進(jìn)行;
可用性測(cè)試:測(cè)試原型是否可行,讓一些陌生人用用,看他們能理解這是什么,會(huì)不會(huì)用等;
高保真設(shè)計(jì):就是把“毛坯房”變成精裝修,開始做最終的視覺效果;
開發(fā)制造:開發(fā)與機(jī)器制造,實(shí)現(xiàn)功能;
測(cè)試修復(fù):用一種極端條件來檢查產(chǎn)品有沒有問題,比如24小時(shí)運(yùn)作會(huì)不會(huì)有問題,突然斷電有沒有問題;
版本迭代:第一代產(chǎn)品做出來不等于成功了,因?yàn)槭袌?chǎng)在變,用戶也在變,需要保持變化,優(yōu)化產(chǎn)品。
下面是一些問題,可以幫助大家更好了解HMI:
問:HMI看起來不就是一個(gè)很厚的觸摸屏嗎?
答:HMI是由兩部分組成,分別是硬件和軟件,而像手機(jī)或平板的那種觸摸屏,只是一個(gè)觸摸的硬件,這種只是讓你能觸摸的部件而已,可以理解為臺(tái)式電腦上的顯示器,只是這個(gè)顯示器可以觸摸。
問:PC電腦能當(dāng)HMI設(shè)備用嗎?
答:當(dāng)然可以,只是PC電腦不在會(huì)嵌入到機(jī)器上,而是通過很長(zhǎng)的線或者無線網(wǎng)絡(luò)連接到機(jī)器,而PC電腦需要通過HMI的軟件,來操控機(jī)器。
問:SCADA與HMI的區(qū)別?
答:SCADA是監(jiān)控和數(shù)據(jù)采集系統(tǒng),英文是Supervisory Control And Data Acquisition,它包含HMI,SCADA是整局的工業(yè)控制系統(tǒng),范圍更大。
HMI有什么用?海哥認(rèn)為,有機(jī)器的地方就有HMI存在的可能性,特別是5G物聯(lián)網(wǎng)的“萬物互聯(lián)”的到來,數(shù)據(jù)不只是在電腦上流動(dòng),還會(huì)在機(jī)器、衣服、鞋子、碗、車等場(chǎng)景中串聯(lián),而把目光放在當(dāng)下,HMI應(yīng)用領(lǐng)域已經(jīng)在機(jī)器、工廠、建筑物、汽車、高度監(jiān)管的制藥和食品行業(yè)、石油/天然氣、采礦等領(lǐng)域已經(jīng)有運(yùn)作,從這些行業(yè)屬性來說,你有沒發(fā)現(xiàn)從事HMI的行業(yè)的人,它的市場(chǎng)體量有足夠大的想象空間?哈哈,別拉后腿了,與海哥一起跟上。
目前的HMI可以做些什么呢?
(1、實(shí)時(shí)的信息狀態(tài)與趨勢(shì)顯示;
(2、圖形化、流程化控制生產(chǎn)線監(jiān)控和控制;
(3、警報(bào)的產(chǎn)生和記錄;
(4、歷史信息的自動(dòng)記錄、報(bào)表自動(dòng)生成;
HMI的意義有哪些呢?
(1、發(fā)揮機(jī)器應(yīng)有的功能,因?yàn)槟憧梢酝ㄟ^數(shù)據(jù)顯示上了解到;
(2、人工合理調(diào)節(jié)機(jī)器參數(shù),讓機(jī)器間的協(xié)作、使用效率提高;
(3、HMI預(yù)警能確保安全與經(jīng)濟(jì)提升;
(4、讓使用者操作機(jī)器和系統(tǒng)更友善,符合他們的生理、心理的需求,提高使用者的滿意度;
想在這個(gè)行業(yè)有所作為,我們?cè)趺茨懿恢佬袠I(yè)的頂尖高手在哪呢?有了標(biāo)桿,起碼可以衡量我們自身的水準(zhǔn),還有我們?nèi)笔裁?,從另外一個(gè)角度來說,你如何作戰(zhàn)略選擇,讓自己也能從差異化中,變成另外一個(gè)頂尖高手,下面我們看看專注于HMI的企業(yè),海哥找來自動(dòng)化制造類的和汽車類的,行業(yè)很深很大,日后海哥繼續(xù)挖掘新的。
下面是自動(dòng)化領(lǐng)域HMI企業(yè)。
三菱
網(wǎng)址:www.mitsubishielectric.com
三菱奉行的企業(yè)經(jīng)營(yíng)理念“Changes for the Better”,“One三菱電機(jī)”為中國(guó)“更好的未來”和實(shí)現(xiàn)“更好的社會(huì)”做貢獻(xiàn)為經(jīng)營(yíng)理念。e-F@ctory靈活運(yùn)用IT技術(shù),將生產(chǎn)現(xiàn)場(chǎng)與上層信息系統(tǒng)直接相連。即可實(shí)現(xiàn)工廠的“可視化”,同時(shí)又能促進(jìn)生產(chǎn)設(shè)備的高性能化和最優(yōu)化,縮短開發(fā)及調(diào)試周期,降低運(yùn)用及維護(hù)成本,從而削減生產(chǎn)工序的整體成本,實(shí)現(xiàn)“工廠全面最優(yōu)化”
西門子
網(wǎng)址:www.industry.siemens.com.cn
面對(duì)日益復(fù)雜的機(jī)器和系統(tǒng)過程,作為一站式供應(yīng)商,西門子專門設(shè)計(jì)開發(fā)出了 SIMATIC HMI 人機(jī)界面技術(shù)。SIMATIC HMI 采用開放式、標(biāo)準(zhǔn)化硬件和軟件接口,可快速集成到用戶的自動(dòng)化系統(tǒng)中,從而滿足用戶的特定人機(jī)界面需求。
施耐德
網(wǎng)址:www.schneider-electric.cn
施耐德電氣是家居、樓宇、數(shù)據(jù)中心、基礎(chǔ)設(shè)施和工業(yè)領(lǐng)域能源管理與自動(dòng)化技術(shù)數(shù)字化轉(zhuǎn)型的領(lǐng)先企業(yè)?!拔覀兊目萍?,無處不在”,施耐德電氣確保每一個(gè)人,在任何時(shí)間,在任何地方都能盡享能效之利。
歐姆龍
網(wǎng)址:www.omron.com.cn
創(chuàng)立于1933年的歐姆龍集團(tuán)是全球知名的自動(dòng)化控制及電子設(shè)備制造廠商,掌握著世界領(lǐng)先的傳感與控制核心技術(shù)。通過不斷創(chuàng)造新的社會(huì)需求,歐姆龍集團(tuán)已在全球擁有超過35,000名員工,營(yíng)業(yè)額達(dá)8,595億日元。產(chǎn)品涉及工業(yè)自動(dòng)化控制系統(tǒng)、電子元器件、汽車電子、社會(huì)系統(tǒng)、健康醫(yī)療設(shè)備等廣泛領(lǐng)域,品種多達(dá)數(shù)十萬種。
BEIJER 北爾
網(wǎng)址:www.beijerelectronics.cn
北爾電子成立于1981年,總部在瑞典南部的Malm?。北爾電子是上市公司北爾集團(tuán)三大事業(yè)部之一。北爾集團(tuán)的客戶包括 阿法拉法(Alfa Laval)、龐巴迪(Bombardier)、阿爾斯通(Alstom)和艾默生(Emerson)等要求苛刻的大型跨國(guó)企業(yè)。2018年北爾電子集團(tuán)銷售額達(dá)到14億瑞典克朗。
臺(tái)達(dá)
網(wǎng)址:www.deltaww.com
臺(tái)達(dá)成立于1971年,總部在臺(tái)灣,為全球提供電源管理及散熱解決方案,秉承“Smarter. Greener. Together.”的品牌理念,自動(dòng)化模塊中,專注于交流馬達(dá)驅(qū)動(dòng)器、電源治理、感測(cè)、控制與運(yùn)動(dòng)等產(chǎn)品領(lǐng)域的創(chuàng)新研發(fā),同時(shí)整合工業(yè)自動(dòng)化產(chǎn)品,繼而開發(fā)工業(yè)控制網(wǎng)絡(luò),為全球客戶提供全方位的解決方案服務(wù)。
汽車中控領(lǐng)域HMI服務(wù)企業(yè)中,海哥找了三家,他們分別是:HARMAN、INTELLIAS、ELEKTROBIT。
HARMAN
網(wǎng)址:www.harman.com
1980年成立,總部在美國(guó),它是三星的子公司,公司員工規(guī)模過萬,開發(fā)聯(lián)網(wǎng)汽車系統(tǒng),音頻和視頻產(chǎn)品,企業(yè)自動(dòng)化和互聯(lián)服務(wù)。北美,歐洲和亞洲汽車制造商是哈曼的客戶。該公司還是HMI軟件開發(fā)服務(wù)的先驅(qū)提供商。
INTELLIAS
網(wǎng)址:www.intellias.com
Intellias是一家定制軟件工程公司,專注于汽車、基于位置的服務(wù)和金融技術(shù)行業(yè)。公司員工規(guī)模上千人。Intellias被Inc. 5000公認(rèn)為歐洲最有前途,發(fā)展最快的私營(yíng)公司之一。該軟件開發(fā)公司也被列入全球外包100。
ELEKTROBIT
網(wǎng)址:www.elektrobit.com
作為汽車軟件行業(yè)的領(lǐng)導(dǎo)者,憑借 30 多年為本行業(yè)服務(wù)的經(jīng)驗(yàn),EB 的軟件為 1 億多輛汽車中的逾 10 億臺(tái)設(shè)備提供支持,并提供針對(duì)互聯(lián)汽車基礎(chǔ)設(shè)施、人機(jī)界面 (HMI) 技術(shù)、導(dǎo)航、輔助駕駛、電子控制單元 (ECU) 和軟件工程服務(wù)的靈活、創(chuàng)新的解決方案。
總結(jié)一下,今天的《海哥HMI人機(jī)交互》,海哥帶你了解了HMI是什么,可以簡(jiǎn)單理解HMI就是一個(gè)平板PC,既包含了硬件,又包括了軟件系統(tǒng),硬件方面核心是看處理器,而軟件方面需要用組態(tài)軟件來開發(fā),針對(duì)項(xiàng)目來做定制開發(fā),開發(fā)出來的工程文件,通過串口下載到HMI的處理器上,這樣HMI就可以管控自動(dòng)化生產(chǎn)的設(shè)備,HMI是SCADA總要組成部分。
文章來源:站酷
Sketch 58 Beta 版本已于近期推出(其實(shí)最近一段時(shí)間已更新了好幾個(gè)測(cè)試版),官方終于推出 Smart Layout 智能布局,讓 Symbol 組件獲得響應(yīng)功能,變得更加靈活和強(qiáng)大。
之前我們只能使用第三方插件來制作響應(yīng)式組件,比如之前介紹的 Kitchen 和 Anima。不過畢竟不是官方親生的,難免會(huì)包含一些 bug 和不足。
比如 Kitchen 插件在制作 Symbol 組件的時(shí)候,其自動(dòng)排版功能會(huì)出錯(cuò)。Anima 插件對(duì)上傳到藍(lán)湖的標(biāo)注會(huì)有顯示問題。關(guān)鍵是在團(tuán)隊(duì)協(xié)作的時(shí)候,其他使用源文件的同學(xué)也必須安裝對(duì)應(yīng)的插件,否則沒有效果。
那么這次 Sketch 58 Beta 版本新推出的 Smart Layout 智能布局功能,能否解決長(zhǎng)期困擾設(shè)計(jì)師的響應(yīng)布局問題呢?一起來看下。
如果想體驗(yàn) Sketch Beta 版本,請(qǐng)進(jìn)入 Sketch 測(cè)試版主頁(yè)下載→https://www.sketch.com/beta/。但是要記住,一定不要用在自己的正式文件中,防止修改后,低版本打不開。
Sketch 58 要求 Mac 系統(tǒng)版本是 macOS High Sierra 10.13.4 及以上,下面是 Sketch 各大版本對(duì)應(yīng)的 Mac 系統(tǒng)版本,如果遇到新版的 Sketch 打不開就需要檢查下自己的系統(tǒng)版本。
本次 Sketch 58 Beta 最大的更新就是 Smart Layout。
在新建 Symbol 組件時(shí),彈窗新增 Layout 選項(xiàng),總共有 7 個(gè)屬性,分別對(duì)應(yīng)不同的圖標(biāo),下面是每個(gè)屬性的簡(jiǎn)單介紹。
1. No Layout
正常布局,也就是和原先一樣,沒有特殊效果。
2. Left to Right Layout
賦予 Symbol 組件智能布局效果,組件尺寸會(huì)根據(jù)內(nèi)容變化,方向是水平從左往右布局。
3. Horizontally Center Layout
同上,方向是中間往左右兩端布局。
4. Right to Left Layout
同上,方向是從右往左布局。
5. Top to Bottom Layout
賦予 Symbol 組件智能布局效果,組件尺寸會(huì)根據(jù)內(nèi)容變化,方向是垂直從上往下布局。
6. Vertically Center Layout
同上,方向是中間往上下兩端布局。
7. Bottom to Top Layout
同上,方向是從下往上布局。
另外在選擇好 Layout 屬性后,Symbol 頁(yè)面的畫板組件圖標(biāo)會(huì)發(fā)生變化,除了 No Layout 布局還是之前的畫板圖標(biāo)之外,其余 6 個(gè)都有對(duì)應(yīng)的新圖標(biāo),看下圖。
此外,選擇畫板后,右側(cè)的屬性面板中會(huì)新增布局選擇功能,包含上面講的7種屬性,可隨時(shí)對(duì) Layout 布局進(jìn)行更改。
看上面的描述還是比較迷惑,實(shí)際上智能布局簡(jiǎn)單來說,就是賦予 Symbol 組件內(nèi)容邊距的功能,尺寸隨內(nèi)容變化而變化,有點(diǎn)類似于前端 CSS 中的 padding 屬性。下面用實(shí)際例子展示。
以前我們使用過 Kitchen 和 Anima 制作過彈性按鈕。需求是,文字兩端的邊距(即CSS中的padding)保持固定,文字?jǐn)?shù)量不固定,按鈕寬度隨文字內(nèi)容走。
那么在 Sketch 58 中,我們先制作一個(gè)按鈕,文字兩端的邊距是 20。
轉(zhuǎn)化為 Symbol,出現(xiàn)彈窗,在新增的 Layout 下拉中,選擇 Left to Right Layout,這樣文字變化時(shí),左邊是固定不動(dòng)的,內(nèi)容往右邊延展。
這樣一個(gè)彈性按鈕就做好了,不管文字有多少,兩端邊距永遠(yuǎn)保持固定 20。和前端 CSS 中的 padding-left 和 padding-right 功能一樣。
如果這個(gè)時(shí)候我們?cè)倮?Symbol,右側(cè) Overrides 會(huì)出現(xiàn)一個(gè)新的圖標(biāo):縮小實(shí)例以適配內(nèi)容。點(diǎn)擊后,被拉伸的組件會(huì)還原為文字內(nèi)容長(zhǎng)度。
注意,這個(gè)和原先的重設(shè)覆蓋層圖標(biāo)不同,不會(huì)清除覆蓋的文本內(nèi)容,只會(huì)還原為適合內(nèi)容大小。
以上是從左往右的布局,水平兩端和從右往左也是一樣的道理,只是方向不一樣,下圖是從右往左的布局。
這就是智能布局的主要功能,賦予 Symbol 組件 CSS 代碼 padding 屬性,具備響應(yīng)特征。還需要注意的是,智能布局目前只針對(duì) Symbol 組件,Kitchen 插件是可以作用于普通組的。
上面是單個(gè)組件的智能布局,如果是嵌套組件呢?也是可以的,一起試下。
我們把剛才做的按鈕橫向分布三個(gè),再一起做成新的按鈕組 Symbol 組件,結(jié)構(gòu)看下圖。
新的按鈕組內(nèi),每個(gè)按鈕已經(jīng)是響應(yīng)式的,那么做成組后就會(huì)保持組內(nèi)元素的間距固定,更改下文字內(nèi)容看下圖。
非常棒,已經(jīng)滿足了我們剛開始的需求。但是不建議嵌套過多,要保持組件化設(shè)計(jì)思維。當(dāng)然了,間距問題,Sketch 57 已經(jīng)提供了多元素間距調(diào)整功能,只多了一步,但是不用把整體再次轉(zhuǎn)化 Symbol,大家可以根據(jù)自己的需要靈活選擇。
以上講的是水平方向布局,同理垂直方向布局道理也一樣,我們以最常見的信息卡片為例子。一般情況下卡片圖片不變,標(biāo)題和內(nèi)容文字的不固定會(huì)導(dǎo)致卡片整體高度也會(huì)發(fā)生變化。利用智能布局我們可以讓卡片變成響應(yīng)式擴(kuò)展。
確定好上下左右的間距,例子中用的 16,然后建立組件,Layout 選擇從上往下布局,這樣標(biāo)題和內(nèi)容文字增多,上下的間距是保持不變的,內(nèi)容高度自動(dòng)增加。
以上就是 Sketch 58 Beta 版本新增的 Smart Layout 智能布局介紹。關(guān)于這個(gè)新功能,我們還可以做很多響應(yīng)式的組件,提升設(shè)計(jì)效率。Sketch 的更新速度也在加快,很多之前第三方插件才可以實(shí)現(xiàn)的效果也被官方一一收入囊中。希望 Sketch 的發(fā)展越來越好,成為設(shè)計(jì)師真正的設(shè)計(jì)利器。
58 版本的歡迎界面也做了大更新,至于好不好看就因人而異了。最后來一睹芳容。
文章來源:優(yōu)設(shè)
這幾天,各個(gè)產(chǎn)品群設(shè)計(jì)群又被「綠洲」的話題刷屏了,自從8月29日新浪悄悄上架了這款產(chǎn)品后,一時(shí)間中國(guó)版ins、意圖稱霸圖片社交、趁小紅書下架搶占用戶等等說服層出不窮。今天我們就從一個(gè)設(shè)計(jì)師的角度,看看綠洲這款產(chǎn)品有什么不同。
綠洲是一款社交產(chǎn)品,從已經(jīng)看到的產(chǎn)品功能和內(nèi)容上,類似ins,也就是說他是一款圖片社交產(chǎn)品,由新浪推出,目前處于內(nèi)測(cè)階段,除官方邀請(qǐng)的kol外只能通過邀請(qǐng)碼注冊(cè)使用。
社交產(chǎn)品在國(guó)內(nèi)難做大家都知道,原因也不必再說,但社交產(chǎn)品一旦做成產(chǎn)生的巨大利益和助推力又讓國(guó)內(nèi)大大小小的公司都在向這個(gè)寶藏發(fā)起沖擊。那么為什么新浪選擇的是圖片社交產(chǎn)品呢?
首先是基于國(guó)內(nèi)市場(chǎng),還沒有出現(xiàn)一家獨(dú)大的圖片社交產(chǎn)品,不像國(guó)外已經(jīng)有了ins,國(guó)內(nèi)的圖片社交領(lǐng)域勉強(qiáng)還能算作是「藍(lán)?!梗由献罱〖t書下架導(dǎo)致市場(chǎng)有短暫的空白,大批kol和內(nèi)容生產(chǎn)者出走。也正是推出這款產(chǎn)品的良好時(shí)機(jī)。
當(dāng)然也有一種說法是:國(guó)內(nèi)的社交產(chǎn)品形態(tài)存在「跳代」的現(xiàn)象,從文字社交直接跳到了視頻社交,并已經(jīng)有了很成熟、用戶規(guī)模極大的產(chǎn)品抖音,所以從產(chǎn)品發(fā)展形態(tài)來看,圖片社交產(chǎn)品在國(guó)內(nèi)并沒有什么生存土壤。這里我直接說出自己的觀點(diǎn):我認(rèn)為圖片社交在國(guó)內(nèi)還是有機(jī)會(huì)的,而且機(jī)會(huì)不小。對(duì)此我有以下幾個(gè)維度的思考:
1. 信息含量和傳達(dá)效率
首先不可否認(rèn)的是圖片的信息含量是遠(yuǎn)遠(yuǎn)大于文字的,使用圖片能夠更的傳達(dá)信息和更豐富的情感,想一想過去很多偉大的文學(xué)作品往往需要用一本書來體現(xiàn)某些情感和精神。但是在科技社會(huì)里,往往是一張攝影作品更能震撼人心,圖片中包含的信息更加直觀,人物、場(chǎng)景、顏色、故事都可以直接呈現(xiàn)在用戶面前,而不需要通過文字進(jìn)行描寫,也不需要運(yùn)用很多寫作技巧進(jìn)行鋪墊。這并不是說圖片比文字更優(yōu)秀,而是說圖片的形態(tài)在互聯(lián)網(wǎng)產(chǎn)品中可以更的傳達(dá)信息和情感。
說到這可能有朋友會(huì)說:圖片的信息和情感的傳達(dá)更,那視頻也同樣比圖片的信息含量更多,更,為什么圖片社交還有機(jī)會(huì)呢?這就要說到下一個(gè)維度—內(nèi)容生產(chǎn)門檻。
2. 內(nèi)容生產(chǎn)門檻
無論是圖片社交還是視頻社交,內(nèi)容都是產(chǎn)品中極重要的一部分,例如現(xiàn)在大家在看抖音時(shí),大部分高質(zhì)量?jī)?nèi)容都是由專業(yè)的內(nèi)容生產(chǎn)者制作的,其中涉及到選題、劇本、拍攝、剪輯、后期、壓縮等等流程,即使不是專業(yè)的團(tuán)隊(duì)生產(chǎn)也是身兼數(shù)職的多面手生產(chǎn)者。流程一長(zhǎng),工作量也就大大增加了。工作量一增加,門檻就會(huì)變高。如果不是為了靠抖音賺錢、如果不是為了增粉變現(xiàn),又有多少人能投入這么多精力和時(shí)間去生產(chǎn)內(nèi)容??jī)?nèi)容不多、質(zhì)量不高又怎么吸引更多用戶來使用-參與-生產(chǎn)最后形成閉環(huán)?
綠洲則不是這樣,雖然用戶可以上傳視頻,但主要的內(nèi)容還是圖片,拍一張圖片的各種成本要比拍一段視頻小太多啦,結(jié)果就是有更多的內(nèi)容生產(chǎn)者可以參與進(jìn)來,而不是被高門檻攔在產(chǎn)品之外,當(dāng)你生產(chǎn)了一段內(nèi)容,至少要發(fā)給幾個(gè)親朋好友來看看吧?即使只在產(chǎn)品內(nèi)部發(fā)個(gè)動(dòng)態(tài),如果有人為你點(diǎn)贊、評(píng)論、又關(guān)注了你,至少再拍一點(diǎn)的動(dòng)力會(huì)大一些吧?這樣循環(huán)下去,內(nèi)容、用戶就全部都有了。舉個(gè)極端一點(diǎn)的例子,如果微信只能發(fā)圖片,那么還會(huì)有這么多人使用嗎?原因也是圖片的生產(chǎn)成本要大于文字(非文學(xué)作品的文字)。所以我認(rèn)為,內(nèi)容生產(chǎn)門檻也是綠洲的優(yōu)勢(shì)之一。
3. 信息接收程度
最后一點(diǎn)則是大眾用戶的信息接受程度。我們可能從新聞報(bào)道上經(jīng)常能看到體育記錄的突破,例如幾十年前科學(xué)家預(yù)言了人類短跑極限早就被突破幾十次了。或者是看到人類平均壽命在過去幾百年的時(shí)間里提高了幾十歲。這里我想說的是:當(dāng)互聯(lián)網(wǎng)尤其是移動(dòng)互聯(lián)網(wǎng)普及之后,人類對(duì)于信息可接收量增加了多少?過去看紙質(zhì)書和現(xiàn)在拿著手機(jī),每天閱讀文字圖片視頻等等能達(dá)到過去的多少倍?這里我沒有找到專業(yè)機(jī)構(gòu)的研究報(bào)告。但是這個(gè)增長(zhǎng)程度我想大家的意見應(yīng)該會(huì)十分一致。
信息接收能力的提高會(huì)倒逼著改變產(chǎn)品形態(tài)、過去我們每天只能接收2000個(gè)文字和50張圖片,所以我們習(xí)慣看報(bào)紙。現(xiàn)在我們每天能接受10000個(gè)文字和300張圖片,所以我們?cè)谟妙^條用微信用微信用抖音。當(dāng)用戶有了適應(yīng)一項(xiàng)改變的基礎(chǔ),那么必然會(huì)出現(xiàn)滿足用戶這種進(jìn)化的產(chǎn)品。抖音是,綠洲可能也是。
4. 磨刀霍霍的kol和網(wǎng)紅
前幾年無論公眾號(hào)、頭條號(hào)、直播很是催生了一批實(shí)現(xiàn)財(cái)務(wù)自由的幸運(yùn)者們,但更多的確實(shí)沒有抓住平臺(tái)早期紅利的玩家,在眾多自媒體和直播平臺(tái)都成熟之后,想要從中獲利是越來越難了。這時(shí)候出現(xiàn)了一個(gè)新興的、并且很有潛力的新平臺(tái)。那這些錯(cuò)過了上一波機(jī)會(huì)的預(yù)備役kol和網(wǎng)紅們會(huì)不會(huì)蜂擁而至呢?而更多的現(xiàn)有kol和網(wǎng)紅為了鞏固自己的地位、擴(kuò)大影響力和粉絲規(guī)模也同樣會(huì)去參與一番。去了之后為了自己的利益更是會(huì)給更多人安利這個(gè)產(chǎn)品。
說他有潛力是因?yàn)樗紦?jù)的天時(shí)、地利與人和。天時(shí)已經(jīng)說過,市場(chǎng)潛力巨大又縫小紅書下架,地利則是國(guó)內(nèi)暫無一家獨(dú)大的圖片社交產(chǎn)品,人和則是擁有幾億活躍用戶的微博作為后盾。如此的產(chǎn)品,再加上利益驅(qū)動(dòng)。想必內(nèi)容方面已經(jīng)問題不大了。
5. 內(nèi)測(cè)+邀請(qǐng)的機(jī)制
這幾天下載了綠洲的朋友們應(yīng)該都知道,如果你沒有邀請(qǐng)碼的話即使下載了也是不能注冊(cè)的,整個(gè)產(chǎn)品還處于「內(nèi)測(cè)階段」 。只有前期官方邀請(qǐng)的部分kol和少量?jī)?nèi)測(cè)用戶才能使用,每個(gè)內(nèi)測(cè)用戶又只能邀請(qǐng)一定數(shù)量的更多用戶。并且整體內(nèi)測(cè)數(shù)量也有限制。截止9月4日下午內(nèi)測(cè)人數(shù)已經(jīng)滿了,之后即使有邀請(qǐng)碼也不能注冊(cè)使用。那么這個(gè)內(nèi)測(cè)+邀請(qǐng)機(jī)制有什么好處呢?
有種說法是饑餓營(yíng)銷,利用用戶越得不到越想要的心理來獲取更多用戶。但這種說法有點(diǎn)說不通,因?yàn)閮?nèi)測(cè)總?cè)藬?shù)是有限制的。并且現(xiàn)在不是幾年前了,可能今天你內(nèi)測(cè)限制注冊(cè)人數(shù)那明天用戶就把你忘了,畢竟現(xiàn)在產(chǎn)品這么多,娛樂活動(dòng)數(shù)不勝數(shù),已經(jīng)不是十年前那個(gè)產(chǎn)品稀缺的時(shí)代了。我大概有兩點(diǎn)猜想,一是產(chǎn)品方希望通過內(nèi)容試水,看看產(chǎn)品在市場(chǎng)上的反饋,進(jìn)而做出符合國(guó)內(nèi)用戶習(xí)慣的修改再大規(guī)模推廣(嗯,之所以要做符合國(guó)內(nèi)用戶習(xí)慣的修改是因?yàn)樗駃ns了~),二是產(chǎn)品方希望變「爆火三天死」為「細(xì)水長(zhǎng)流」,之前的馬桶MT、聊天寶、包括子彈短信等等產(chǎn)品在剛剛發(fā)布的時(shí)候都是非?;鸨?、用戶在短短幾天之內(nèi)就過了百萬大關(guān),但是現(xiàn)在呢?還有多少人在繼續(xù)用?增長(zhǎng)曲線還敢貼出來嗎?而使用了內(nèi)測(cè)+邀請(qǐng)機(jī)制則不同,一方面可以保持用戶維持一定數(shù)量的增長(zhǎng),一方面又不會(huì)因?yàn)橛脩舻娜昼姛岫榷焖倮鋮s,對(duì)于社交產(chǎn)品而言,如果你身邊有朋友在用,那你繼續(xù)用的概率就會(huì)大很多。如果你發(fā)現(xiàn)你身邊的朋友在用,那即使你已經(jīng)卸載了也有一定可能重新下載回來再用一用,也就是用細(xì)水長(zhǎng)流的方式不斷召回之前的用戶,用留存做增長(zhǎng)。
上面說了一些我為什么認(rèn)為綠洲(或其他圖片社交產(chǎn)品)有一定生存空間的原因。下面我們來看看綠洲中一些很不錯(cuò)的設(shè)計(jì)細(xì)節(jié)。
1. 條目巨大,更重視內(nèi)容質(zhì)量
用戶的一條動(dòng)態(tài)(在產(chǎn)品設(shè)計(jì)中我們一般習(xí)慣稱之為條目,下面以條目稱呼它)往往占據(jù)了一整屏的空間,作者使用的還是長(zhǎng)度較長(zhǎng)的全面屏手機(jī)依然如此。這種設(shè)計(jì)可以在一定程度上說明產(chǎn)品方比較重視內(nèi)容。做產(chǎn)品設(shè)計(jì)的朋友應(yīng)該都知道:條目占據(jù)的空間越大一般包含的信息量就越多,也更容易形成轉(zhuǎn)化,對(duì)應(yīng)到綠洲中這個(gè)轉(zhuǎn)化就是點(diǎn)贊、評(píng)論、關(guān)注等等用戶的操作。一旦用戶做出這些操作,就會(huì)對(duì)產(chǎn)品形成更深度的使用習(xí)慣,也就有更多可能性變成活躍用戶。當(dāng)然條目占據(jù)空間過大同樣有風(fēng)險(xiǎn),也就是如果這一條內(nèi)容的質(zhì)量不夠高的話用戶可能會(huì)產(chǎn)生流失,因?yàn)橛脩艨赡懿⒉粫?huì)繼續(xù)向下滑動(dòng)去看下一條內(nèi)容了。所以一般內(nèi)容質(zhì)量較高的產(chǎn)品條目占據(jù)的空間較大,質(zhì)量較低的產(chǎn)品條目占據(jù)空間較小,希望一屏之中能夠容納更多數(shù)量的條目,用戶數(shù)量換質(zhì)量希望其中能有一條對(duì)用戶形成轉(zhuǎn)化。所以綠洲的這個(gè)設(shè)計(jì)細(xì)節(jié)作者猜測(cè)是產(chǎn)品方重視內(nèi)容的體現(xiàn)。
2. 上傳圖片,實(shí)時(shí)看到效果
如下圖:
當(dāng)我們?cè)谏蟼鲌D片時(shí),頁(yè)面上部為圖片的放大展示圖,頁(yè)面下部分為縮略圖,用戶可以在選擇圖片時(shí)實(shí)時(shí)看到自己選擇的圖片的細(xì)節(jié),舉個(gè)例子,如果某漂亮妹子想發(fā)張自拍,但是相機(jī)里保存的是幾十張連拍照片,此時(shí)她就可以在選擇圖片時(shí)直接看到自己當(dāng)前選擇的圖片是否是自己最滿意的一張。而不需要上傳后才能看到,或是切換到系統(tǒng)相冊(cè)中去查看,再記住那張自己最滿意的照片的位置再回來重新上傳。
我們常見的產(chǎn)品中上傳照片時(shí)一般都是直接顯示縮略圖,好處是頁(yè)面效率高一屏可以展示更多圖片,壞處是不能直接看到照片的細(xì)節(jié)。這種設(shè)計(jì)比較好的平衡了這個(gè)問題。關(guān)于上傳圖片的優(yōu)秀設(shè)計(jì)我們前幾天還分享了ZAO里面的一個(gè)設(shè)計(jì)案例,下圖是ZAO核心流程中的兩個(gè)頁(yè)面,是選擇「影視劇片段」和「上傳替換素材」的頁(yè)面:
在此頁(yè)面選擇要替換的人物,點(diǎn)擊后進(jìn)入下圖上傳素材,選擇從相冊(cè)選擇。
我們可以看到,當(dāng)我們選擇從相冊(cè)上傳素材進(jìn)行替換時(shí),系統(tǒng)已經(jīng)自動(dòng)對(duì)相冊(cè)內(nèi)的圖片進(jìn)行了判斷,在用戶上傳照片之前就對(duì)照片清晰度是否合適進(jìn)行了提示,而不是上傳后再給一個(gè)彈框。
作者對(duì)這個(gè)設(shè)計(jì)細(xì)節(jié)大致想法如下:
與上面案例相關(guān)的東西作者還想起了閑魚:
一是閑魚中,當(dāng)用戶上傳的商品圖片比較模糊時(shí)系統(tǒng)會(huì)提示用戶重新上傳,以提高二手物品的賣出速度。這里的設(shè)計(jì)是在用戶上傳圖片進(jìn)行提示,作者覺得就沒有ZAO中這個(gè)設(shè)計(jì)體驗(yàn)更好。
3. 更強(qiáng)、更方便的互動(dòng)方式
社交產(chǎn)品中,用戶之間的互動(dòng)率是一個(gè)十分重要的指標(biāo),對(duì)內(nèi)容的點(diǎn)贊評(píng)論可以很大程度上加強(qiáng)用戶粘性,使用戶與用戶之間產(chǎn)生關(guān)系鏈,這樣用戶流失的概率就會(huì)小很多。一般的產(chǎn)品中常見的功能像點(diǎn)贊評(píng)論在綠洲里也有了不一樣的變化,并且體驗(yàn)還真的不錯(cuò),如下:
當(dāng)用戶對(duì)某一條消息產(chǎn)生了互動(dòng)的傾向時(shí),可以直接使用三個(gè)表情表示不同的情緒,分別是愛心、鼓掌和笑哭,如果想要評(píng)論的話只需要點(diǎn)擊WOW按鈕系統(tǒng)就可以自動(dòng)生成一句評(píng)論,不需要用戶自己思考寫什么內(nèi)容,這樣用戶進(jìn)行評(píng)論操作的成本就大大的降低了。如果對(duì)生成的評(píng)論不滿意的話還可以再次點(diǎn)擊生成不同的評(píng)論。
4. 不足的用戶認(rèn)知負(fù)荷
當(dāng)然作者同事也看到了體驗(yàn)不是很好的設(shè)計(jì)細(xì)節(jié),如下圖產(chǎn)品中使用了太多無文字按鈕,導(dǎo)致根本不知道這些都是什么功能,綠洲對(duì)自己的介紹是更清爽的朋友圈,如果說是為了讓界面更干凈簡(jiǎn)約才使用了這樣設(shè)計(jì)的話我覺得有些本末倒置了,國(guó)內(nèi)用過ins的用戶畢竟還是少數(shù),對(duì)于大部分用火狐來說綠洲還是一款陌生的產(chǎn)品,在陌生的產(chǎn)品中使用這種不能明確表達(dá)功能含義的無文字按鈕則讓用戶十分迷茫,大大增加了認(rèn)知負(fù)荷。
昨天晚上作者在家附近的面館吃飯,正在等著自己的油潑面、羊肉串、拍黃瓜、小酥肉、酸梅湯的時(shí)候看到了一件事:某50歲左右的大叔點(diǎn)菜說想要一份涼皮。
服務(wù)員問:您是要麻醬涼皮的還是秘制涼皮?
大叔猶豫一下,問:秘制涼皮是什么的?
服務(wù)員答:就是有涼皮和面筋摻一塊,放上醋、鹽、香油、辣子,酸甜口的可辣可不辣。
大叔繼續(xù)猶豫了一下說:那給我來個(gè)麻醬涼皮吧。
故事到這開始有點(diǎn)意思了,這個(gè)用戶(大叔)對(duì)秘制涼皮是沒有概念的,雖然經(jīng)過服務(wù)員解釋之后明白了是什么,也知道了口味,但是對(duì)于「秘制涼皮」這個(gè)概念的熟悉程度還是比較低,所以最終沒有選擇它。這和我們?cè)谶M(jìn)行產(chǎn)品設(shè)計(jì)時(shí)對(duì)一些文案的設(shè)計(jì)很像。大家第一眼看過之后能明白是什么意思嗎?反正我是沒有明白。不明白就會(huì)產(chǎn)生認(rèn)知負(fù)荷。也就會(huì)影響向下的轉(zhuǎn)化率。當(dāng)用戶點(diǎn)擊幾次沒有找到自己想要的東西之后,他也就走了,去哪了呢?可能是「商城」「歷史文章」「限時(shí)促銷」這些他明白是什么意思的地方。
你只是綠洲,你還不是微信,這樣的設(shè)計(jì)有些為時(shí)過早了。
昨天我故意吃的比較慢,觀察了一下麻醬涼皮和秘制涼皮的購(gòu)買人數(shù),在大約40分鐘的時(shí)間里,大約有7人選擇了麻醬涼皮,2人選擇了秘制涼皮。服務(wù)員大約解釋了4次什么是秘制涼皮,每次大約需要20秒,加上顧客猶豫的時(shí)間,這40分鐘里服務(wù)員大約多花了3分鐘時(shí)間解釋、等待用戶做選擇。
如果把這種場(chǎng)景放到我們的產(chǎn)品設(shè)計(jì)中則意味著更低的效率、更少的使用時(shí)間、更低的轉(zhuǎn)化率。以及推出新功能之后更少的使用率。現(xiàn)在很多產(chǎn)品中對(duì)功能的命名都基本一致、一些常規(guī)圖標(biāo)的樣式也都基本一樣。目的也就是為了減輕用戶的認(rèn)知負(fù)荷。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.yvirxh.cn