2019-6-24 資深UI設(shè)計者
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
設(shè)計師在日常溝通的時候,是不是經(jīng)常會遇到說了半天結(jié)果大家說的不是一件事的情況?筆者認為,要解決這個問題,首先要統(tǒng)一名詞,保證溝通的準確度。下面是筆者整理的一些關(guān)于 APP(小程序)名詞的規(guī)范樣例,希望能幫助到剛剛?cè)胄械耐瑢W們。我們從下載并使用一個 APP 的流程來展開說明。
1. 啟動圖標
點擊后可以啟動 APP 的圖標,如圖分別是淘寶在不同場景下的啟動圖標。
2. 應用市場展示頁
在應用市場中為了幫助用戶在下載之前了解 APP 功能的頁面叫應用市場展示頁,也能夠通過優(yōu)秀的 UI 設(shè)計吸引用戶下載。
如圖中紅框內(nèi)分別是蘇寧易購、設(shè)計本、當當網(wǎng)的應用市場展示頁。
3. 啟動頁(閃屏)
APP 啟動后加載過程中顯示的頁面叫啟動頁,如圖是微信、有道云筆記、得到的啟動頁。一般啟動頁的設(shè)計都會比較簡潔,只有啟動圖標+solgen,或是吉祥物、一張精美圖片的形式。
4. 廣告頁
國內(nèi)一些公司由于變現(xiàn)困難在啟動頁之前或之后,進入主頁之前加了一張廣告頁,主要用來顯示接的廣告或自己公司的運營活動,可以跳轉(zhuǎn)鏈接或打開其他 APP。
如圖是 UC瀏覽器、網(wǎng)易云音樂、寶寶樹的廣告頁。
5. 引導頁
用戶第一次打開 APP 后為用戶介紹 APP 主要功能的頁面,只顯示一次,或是 APP 版本更新后用來介紹新版本新功能。
如圖是前程無憂 APP 的引導頁。
6. 首頁
進入 APP 后默認顯示的頁面,如圖是微信、澎湃新聞、淘寶的首頁。
7. 一級頁面
一般指通過底部標簽切換的方式能夠到達的頁面。如:
8. 二級頁面
指通過一次反饋操作能夠回到一級頁面的頁面,叫二級頁面。
如圖分別是微信聊天頁面、朋友圈頁面、支付寶我的余額頁面,它們都是二級頁面。
9. 注冊登錄頁面
用戶注冊賬號、登錄賬號的頁面。如圖是洪恩故事的注冊登錄頁。
10. 個人主頁/我的頁面
顯示用戶個人信息、和用戶有關(guān)的訂單、收藏、優(yōu)惠券、課程、商品等等信息的頁面。
如圖是 luckin 咖啡、家長幫、丁香醫(yī)生的個人主頁。
11. 菜單導航頁
包含很多分類、不同欄目,可以跳轉(zhuǎn)到很多個不同內(nèi)容頁面的頁面叫做菜單導航頁。一般首頁大部分屬于菜單導航頁,如我們的 pro 小程序的首頁就是一個菜單導航頁。
如圖是一條、新世相閱讀、美圖秀秀的菜單導航頁。
12. 搜索頁面
用于搜索的頁面。有的 APP 沒有單獨的搜索頁面只有一個輸入框,有的有單獨的,因為可以放一些推薦內(nèi)容或廣告位。
如圖是喜馬拉雅 FM、貝貝、搜狗閱讀的搜索頁。
13. 設(shè)置頁面
更改 APP 設(shè)置的頁面,如圖是百度閱讀、淘票票、夸克瀏覽器的設(shè)置頁面。
14. 詳情頁面
展示內(nèi)容詳細信息的頁面,如圖分別是淘寶的商品詳情頁、起點學院的課程詳情頁、今日頭像的咨詢詳情頁。
15. 關(guān)于我們頁面
介紹 APP 版本信息、功能介紹、公司信息、聯(lián)系方式、版權(quán)聲明的頁面。
如圖分別是夸克瀏覽器、極客時間、火辣健身的關(guān)于我們頁面。
16. 意見反饋頁面
一般的 APP 都會設(shè)計一個意見反饋功能來收集用戶需求,對應的頁面就是意見反饋頁面。
如圖分別是貝貝、阿里釘釘、花生地鐵的意見反饋頁。
APP 中的頁面類型大致可以分為以上這些,上邊所寫的頁面名稱是被使用得最多的、最規(guī)范的名稱。溝通時使用上面的頁面名稱應該 90% 的成員都能理解。
對于不同類型的頁面名稱一般設(shè)計師用的比較多,叫法也最準確,以上名稱是在一些專業(yè)的 UI 設(shè)計網(wǎng)站查閱資料,又和幾個設(shè)計師朋友確認后擬定的,準確度可以保證。
1. 編程語言
人的語言可以分為漢語、英語、法語等等,計算機的語言同樣可以分為 java、php、html 等等,這些語言就是編程語言。不同的程序員會的語言不同,每一種語言都需要單獨學習。
2. 程序
通過編程語言給計算機下達任務,讓它理解我們要做什么。用編程語言給計算機/手機下達的任務書就是程序。
3. 數(shù)據(jù)類型
編程語言中用來區(qū)分數(shù)據(jù)格式的標記,如記錄數(shù)字和記錄漢字就要使用不同的數(shù)據(jù)類型。
如:
4. 變量
沒有固定值的量,例如:定義一個變量 X 表示繪本名稱,那 X 可能叫《我不喜歡哭》,也可能叫《鱷魚媽媽》。即用一個單詞表示物體的一個屬性,如上面說的繪本標題。
5. 接口
電腦需要調(diào)用手機里面的信息,這時候你會拿一根數(shù)據(jù)線將電腦手機連接起來,電腦和手機上連接數(shù)據(jù)線的接口就是傳說中的 API 接口──即獲取數(shù)據(jù)、獲取某種功能的通道。
如在 pro 小程序中要想在前端展示文章,那么在定義完文章標題的字號、顏色等等后就需要設(shè)計師提供給接口獲取具體的文章內(nèi)的文字,常說的 API 就是接口的意思。
6. 客戶端(前端)和后臺
客戶端是用戶使用軟件時能夠看到的軟件界面,后臺是控制前端內(nèi)容、功能的控制器,一般給軟件開發(fā)者使用。
7. 寫死和后臺傳過來
寫死就是程序員直接在 html 代碼中直接把具體文字寫出來,想修改的話只能在代碼中進行修改,后臺傳過來就行。程序員在 html 代碼中不寫具體文字,而是寫一個變量,這個變量可以在后臺修改成不同的內(nèi)容。
例如,要設(shè)計一個管理不同城市分公司的軟件,需要一個下拉選擇框切換不同城市的分公司,這個需求在技術(shù)上有兩個實現(xiàn)辦法:
第一種方案比較靈活,當城市數(shù)據(jù)有變化(在新的城市成立了新的分公司)可以在后臺直接添加,前端不需要做修改。缺點是需要開發(fā)相應接口,有一定工作量。第二種是比較快速的辦法,省去了開發(fā)接口的工作量。
具體使用哪種方案要根據(jù)具體場景選擇,如廣告位的圖片就不適合寫死,而是要開發(fā)對應的接口能夠在后臺靈活更換修改。像導航欄中部的頁面名稱的文字一般不會有變化就可以直接寫死。
8. 服務器
提供服務的機器,如微信的服務器就提供了聊天、傳文件、視頻、朋友圈等服務,用戶連接服務器(登錄)后由服務器對數(shù)據(jù)和信息進行處理,再返回給用戶結(jié)果,而不是在用戶自己的電腦/手機上處理。
9. 數(shù)據(jù)庫
儲存用戶信息、軟件內(nèi)容的地方,保存一切數(shù)據(jù)的倉庫。
如我們 pro 小程序的專家文章就保存在自己的數(shù)據(jù)庫中,上次出問題打不開文章就是數(shù)據(jù)庫出了問題,其余鏈接式的文章是保存在微信的服務器上,我們鏈接到微信的服務器上他為我們提供瀏覽文章的服務,數(shù)據(jù)庫是服務器的一部分。
10. 類、對象、抽象和實例
抽象在技術(shù)術(shù)語里的意思是提煉出一個通用模板,然后基于模板做具象化的實現(xiàn)。
例如:在現(xiàn)實世界中關(guān)于人的分類,會有男人、女人、老人和小孩,如果將這個具體的分類抽象出一個類別,得到的抽象結(jié)果就是人。所以,人就是一個抽象出來的分類,也就是技術(shù)術(shù)語里面的「類」。
在編程語言的世界中,通過程序語言描述現(xiàn)實世界中的事物時,使用的就是抽象的方法,將一類事物抽象成一個類。有了類以后就可以根據(jù)類具體出實例,如根據(jù)「人」這個類可以具體出老人、小孩,這樣的人就叫實例。
11. 程序員說的「打印」
在調(diào)試程序或開發(fā)測試的時候經(jīng)常出現(xiàn)打印這個詞,程序員口中的打印不是用打印機打印出文字或圖片,而是表示結(jié)果輸出。這個輸出不是輸出到現(xiàn)實世界的紙張上,而是把程序運行的結(jié)果輸出到他的電腦屏幕上,進而查看程序運行是否正確。這個把程序運行的結(jié)果輸出到屏幕上的過程就叫打印。
12. 架構(gòu)和框架
架構(gòu)和框架是程序員經(jīng)常提到的兩個技術(shù)概念,在工作崗位上也有架構(gòu)師這一崗位。
我們通過舉例來理解這兩個概念,例如:修建房屋時會有一個總設(shè)計師負責設(shè)計整體藍圖和規(guī)劃,這個工作就可以理解為架構(gòu)師的工作。
架構(gòu)設(shè)計好后,繼續(xù)進入具體施工的環(huán)節(jié),施工時可以完全自己設(shè)計裝修方案,也可以使用一些現(xiàn)有的比較成熟的裝修模板來套用,這里的裝修模板就是框架??蚣芫褪鞘褂矛F(xiàn)有的成熟技術(shù)框架簡化開發(fā)過程,降低復雜度、減少工作量?,F(xiàn)在很多軟件的開發(fā)都會使用一些比較成熟的開發(fā)框架代替純自主開發(fā)來提率。
13. 控件和組件
任何一個網(wǎng)頁或 APP 都是由大量的輸入框、按鈕、圖文展示框組成的,這些組成頁面的最小元素就叫控件。一個按鈕是一個控件,一個輸入框也是一個控件。
而組件是一種功能更全面的升級版控件,可以把組件理解成多個控件的組合。如 tab 欄就是一個組件,它是由圖標、文字、按鈕等組成的。
14. 進程和線程
經(jīng)常聽程序員討論進程和線程,如涉及到一些復雜功能的時候程序員會說已經(jīng)同時開了幾個線程在處理了。
還是通過實例來說明,例如:我們點擊一個 APP 的啟動圖標,手機的操作系統(tǒng)就會給這個 APP 分配運行資源(CPU和內(nèi)存),分配好后這個 APP 就會開始運行。這里說的 APP 運行就是一個進程,也可以理解為每一個正在運行的 APP 都是一個進程,如我們同時打開的微信和淘寶,那么就同時存在兩個進程。當手機的 cpu 資源或內(nèi)存不足時就會關(guān)閉當前沒有正在使用的進程(APP),進程就會被終止,對應的 APP 也就關(guān)閉了。
相對于進程,線程是一個更小的程序運行單位。一個 APP 中可以包含多個線程,如負責發(fā)送聊天信息的線程、負責連接網(wǎng)絡(luò)的線程。APP 之所以能夠同時完成很多功能就是因為存在多個線程,多個線程可以保證系統(tǒng)資源被合理地分配和利用。
15. 腳本
腳本這個詞出現(xiàn)的頻率也比較高,程序員有時候就會說「弄一個腳本統(tǒng)一處理一下」。腳本也是一種計算機程序,一般用來代替人工重復的操作,例如:我們可以通過一個固定格式的表格,來把繪本信息導入到數(shù)據(jù)庫中,就是使用了腳本。
腳本一般沒有圖形界面,通過代碼命令的形式使用,腳本一般是程序員使用的。
藍藍設(shè)計( m.820esy.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務。
藍藍設(shè)計的小編 http://m.820esy.cn