用戶(hù)體驗(yàn)設(shè)計(jì)師需要懂得技術(shù)“暗語(yǔ)”
編輯導(dǎo)語(yǔ):作為用戶(hù)體驗(yàn)設(shè)計(jì)師上要承接產(chǎn)品和運(yùn)營(yíng)方的設(shè)計(jì)需求,下要和開(kāi)發(fā)溝通設(shè)計(jì)落地效果,保證最后設(shè)計(jì)呈現(xiàn)效果;那么作為整個(gè)產(chǎn)品設(shè)計(jì)流程中的中下游,如何能夠提高溝通效率,了解一些必要的技術(shù)“暗語(yǔ)”對(duì)我們工作是非常必要的;本文作者介紹了技術(shù)“暗語(yǔ)”,我們一起來(lái)看一下。
設(shè)計(jì)了解一定開(kāi)發(fā)技術(shù),首先可以提高溝通和工作的效率;其次可以了解開(kāi)發(fā)技術(shù)的邊界,讓設(shè)計(jì)稿在展現(xiàn)設(shè)計(jì)理念的同時(shí),不要太“放飛”,導(dǎo)致無(wú)法落地或者落地成本過(guò)高而被飛機(jī)。
目錄:
- Web APP和native APP
- Android和iOS技術(shù)特點(diǎn)
- 什么是接口(API)
- 什么是“寫(xiě)死”和“做活”
- 什么是緩存
一、都有什么樣的App?
一般可大概分為三種:Web?App(網(wǎng)站應(yīng)用)、Native?App(原生應(yīng)用)、Hybrid?App(混合應(yīng)用)。
1. Web APP
Web?App是無(wú)需安裝,通過(guò)XHTML、CSS和JavaScrip等網(wǎng)站技術(shù)實(shí)現(xiàn)的可以在任意瀏覽器中執(zhí)行功能的網(wǎng)站類(lèi)應(yīng)用。
隨著HTML5等技術(shù)的不斷普及和應(yīng)用使得Web?App能夠具Native?App相似的界面和交互效果;通過(guò)網(wǎng)頁(yè)Web技術(shù),實(shí)現(xiàn)客戶(hù)端產(chǎn)品,具備輕量化、易擴(kuò)展的特點(diǎn)。
2. Web APP 設(shè)計(jì)特點(diǎn)
- 每次進(jìn)入頁(yè)面需要單獨(dú)加載,對(duì)網(wǎng)絡(luò)依賴(lài)性強(qiáng);
- 更新不需要重新安裝,沒(méi)有版本兼容問(wèn)題;
- 只需要開(kāi)發(fā)一套就可以適配到不同平臺(tái);
- 適合運(yùn)營(yíng)模塊、內(nèi)容變化頻率高的功能。
3. Native APP
Native(原生)應(yīng)用:通過(guò)各移動(dòng)平臺(tái)(iOS、android、Windows Phone)技術(shù)實(shí)現(xiàn)的客戶(hù)端產(chǎn)品,具備體驗(yàn)好、功能豐富的特點(diǎn)。
4. Native的特定
- 體驗(yàn)順暢,API穩(wěn)定;
- 更新需要發(fā)布新的安裝包,并等待運(yùn)用市場(chǎng)審核;
- 針對(duì)不同端需要單獨(dú)開(kāi)發(fā),開(kāi)發(fā)周期長(zhǎng);
- 適合使用頻率高、流程相對(duì)固定變化較少,對(duì)體驗(yàn)要求高的功能。
5. Hybrid?App
Hybrid?App(混合應(yīng)用),顧名思義就是以上兩種的結(jié)合——就是在Native?App里面內(nèi)置瀏覽器,以將合適的功能頁(yè)面以網(wǎng)頁(yè)的形式呈現(xiàn)。
目前有很多的App開(kāi)始采用這種方式,比如微信中的訂閱號(hào)內(nèi)容就是采用Web網(wǎng)頁(yè)的形式呈現(xiàn),淘寶大促活動(dòng)的各類(lèi)主題會(huì)場(chǎng)等。
二、Android和iOS技術(shù)特點(diǎn)
現(xiàn)在工作中絕大部分都是設(shè)計(jì)都是一稿適配,以iOS設(shè)計(jì)規(guī)范為主去適配安卓手機(jī),對(duì)于安卓并不做另外的設(shè)計(jì)處理。
所以有的時(shí)候我們出設(shè)計(jì)稿的時(shí)候,經(jīng)常會(huì)被安卓開(kāi)發(fā)說(shuō)“這個(gè)我們做不了”、“這個(gè)安卓做不到”;了解不同開(kāi)發(fā)平臺(tái)的技術(shù)特點(diǎn),也有利于我們根據(jù)實(shí)際情況修改設(shè)計(jì)方案。
1. iOS技術(shù)特點(diǎn)
- 安裝文件擴(kuò)展名為.ipa;
- 手機(jī)尺寸相對(duì)單一,適配工作適中;
- 系統(tǒng)閉源,不可定制化系統(tǒng);
- 官方指定應(yīng)用市場(chǎng),單一渠道;
- 手機(jī)硬件差異小,應(yīng)用會(huì)視情況統(tǒng)一。
2. Android技術(shù)特點(diǎn)
- 安裝文件擴(kuò)展名為.apk;
- 手機(jī)尺寸多樣化,適配工作量大;
- 系統(tǒng)開(kāi)源,可定制化系統(tǒng);
- 應(yīng)用市場(chǎng)碎片化嚴(yán)重,多渠道發(fā)布。
三、什么是接口(API)
1. 含義
API(Application Programming Interface)是應(yīng)用程序編程接口,是一個(gè)通訊協(xié)議,約定客戶(hù)端和服務(wù)端之間數(shù)據(jù)傳輸格式和訪(fǎng)問(wèn)地址。
API需要包含2個(gè)元素:url地址、數(shù)據(jù)參數(shù)。
舉個(gè)例子:比如說(shuō)你要實(shí)現(xiàn)一個(gè)手機(jī)登錄的功能,那么相應(yīng)地后臺(tái)工程師就需要提供一個(gè)手機(jī)登錄的接口,前端開(kāi)發(fā)人員將用戶(hù)名、密碼、token等字段加密后通過(guò)接口發(fā)送給服務(wù)端校驗(yàn),需要返回驗(yàn)證結(jié)果后,登錄成功;在調(diào)用接口實(shí)現(xiàn)功能的時(shí)候,只需按照既定的規(guī)則進(jìn)行請(qǐng)求即可,不需要去理解該功能的實(shí)現(xiàn)邏輯。
四、什么是“寫(xiě)死”和“做活”
1. 寫(xiě)死
我們?cè)诤彤a(chǎn)品以及開(kāi)發(fā)人員開(kāi)會(huì)或者對(duì)接需求的時(shí)候,經(jīng)常聽(tīng)到“這個(gè)地方是不是寫(xiě)死?”這句話(huà)。
剛開(kāi)始工作時(shí),聽(tīng)到這種話(huà),真的是一面懵逼,腦海中一堆問(wèn)題:“寫(xiě)死?怎么寫(xiě)死,誰(shuí)寫(xiě)死,咋還死了呢?”
程序員所說(shuō)的“寫(xiě)死”是指對(duì)一些參數(shù)或配置寫(xiě)死;寫(xiě)死意味著除非發(fā)下一個(gè)版本,否則這個(gè)數(shù)據(jù)不可更改;比如微信下面的四個(gè)TAB,就是寫(xiě)死的,因?yàn)檫@四個(gè)TAB永遠(yuǎn)不會(huì)變。
在程序?qū)崿F(xiàn)的時(shí)候,程序員問(wèn)是否要寫(xiě)死,其實(shí)是探求這里是否會(huì)變化;如果不變,那就寫(xiě)死。
2. 做活
做活了,其實(shí)就是不寫(xiě)死,意味著這個(gè)數(shù)據(jù)是變化的,可運(yùn)營(yíng)的;那這個(gè)運(yùn)營(yíng)數(shù)據(jù)應(yīng)該在服務(wù)器端進(jìn)行配置,再由客戶(hù)端拉取下來(lái),然后運(yùn)行時(shí)啟用新的配置數(shù)據(jù),多出的成本是需要設(shè)計(jì)一條協(xié)議拉取這項(xiàng)配置或參數(shù),然后應(yīng)用到程序中;如果已經(jīng)有這樣的運(yùn)營(yíng)配置協(xié)議,那直接配置即可。
比如我們常見(jiàn)的,電商淘寶、京東在做大促的時(shí)候,整個(gè)首頁(yè)都煥然一新,設(shè)計(jì)的非常抓人眼球。
其實(shí)整個(gè)首頁(yè)很多模塊就是做活了,比如圖片中的首頁(yè)的背景、金剛區(qū)域的icon、底部tabbar都是可配置的;根據(jù)實(shí)際運(yùn)營(yíng)需求,可以修改圖片,字體顏色,背景顏色等等,套用我們產(chǎn)品經(jīng)理常說(shuō)的一句話(huà):“把它做活了”。
致于什么時(shí)候我們要寫(xiě)死,什么時(shí)候我們要做活,可以根據(jù)實(shí)際產(chǎn)品的需求來(lái)定義規(guī)則。
五、什么是緩存
1. 含義
APP中顯示的數(shù)據(jù)除了從服務(wù)器獲取,還有一個(gè)數(shù)據(jù)來(lái)源就是本地?cái)?shù)據(jù)庫(kù)(緩存),緩存是一種臨時(shí)存儲(chǔ)機(jī)制,目的是用來(lái)提升數(shù)據(jù)加載過(guò)程中的速度和使用體驗(yàn)。
2. 意義
在向服務(wù)器請(qǐng)求新的數(shù)據(jù)時(shí),我們讓用戶(hù)看到什么?
- 漂亮的等待加載頁(yè)面;
- 緩存的內(nèi)容。
對(duì)于第二種,用戶(hù)可以對(duì)頁(yè)面進(jìn)行操作,等待新數(shù)據(jù)時(shí)可以查看舊數(shù)據(jù),更具有“可操作性”與“可用性”;從而減輕了從服務(wù)器獲取數(shù)據(jù)這一動(dòng)作的大小和時(shí)間長(zhǎng)短,增強(qiáng)了用戶(hù)體驗(yàn)。
另一方面,如果內(nèi)容更新的間隔較長(zhǎng)或者用戶(hù)刷新的間隔較短,在沒(méi)有緩存的情況下,很多數(shù)據(jù)我們會(huì)多次重復(fù)的向服務(wù)器獲取,增加了成本。
針對(duì)一些頁(yè)面,網(wǎng)絡(luò)狀態(tài)不好,或者無(wú)網(wǎng)絡(luò)的時(shí)候,以及一些不需要網(wǎng)絡(luò)也可以使用的更能進(jìn)行緩存,可以提高獲取信息的時(shí)間,提升實(shí)際的用戶(hù)體驗(yàn)。
本文由 @Sevenmoon 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
筆者漏掉了一個(gè)很重要的區(qū)別吧,Web App優(yōu)點(diǎn)是靈活發(fā)版;Native App的缺點(diǎn)是發(fā)版不靈活
??