APP產(chǎn)品設(shè)計揭秘

日期：2019年6月13日

一、前言

今天我們將一同探討APP產(chǎn)品的名字和Icon的來源，以及產(chǎn)品交互設(shè)計的奧秘。主講人為網(wǎng)易傳媒內(nèi)容運營中心的運營經(jīng)理楊萌和網(wǎng)易高級交互設(shè)計主管徐琳琳。

二、APP產(chǎn)品名字來源揭秘

主講人：楊萌

1. 名字來源的步驟

Step1：了解市面上產(chǎn)品名稱，總結(jié)好名字的規(guī)律。一個好的產(chǎn)品名字應(yīng)具備辨識度、區(qū)分度，傳播成本低，并對目標用戶使用產(chǎn)品具有喚起的能力。

Step2：結(jié)合產(chǎn)品定位，通過腦暴法擬定產(chǎn)品名。列出產(chǎn)品定位關(guān)鍵詞，如生活日常、溫暖、治愈、真實、年輕、平凡等，根據(jù)關(guān)鍵詞發(fā)散出多個產(chǎn)品名。

Step3：通過300名目標用戶投票選出最終的產(chǎn)品名——“咕嚕”。

2. 名字選擇的考量

在選擇產(chǎn)品名字時，我們主要考慮了傳播成本、目標用戶的喚起能力以及名字的辨識度和區(qū)分度。最終選定的“咕?！奔纫子趥鞑?，又能夠準確傳達產(chǎn)品的定位和特色。

三、APP產(chǎn)品Icon來源揭秘

主講人：徐琳琳

1. Icon設(shè)計方向

Icon的設(shè)計需要結(jié)合產(chǎn)品名稱、內(nèi)容風(fēng)格及定位，與現(xiàn)有app有區(qū)分度，并保持色調(diào)的一致。

2. 種子用戶投票選出Icon

我們邀請了50個種子用戶對一系列Icon設(shè)計進行投票，最終選出了最能代表我們產(chǎn)品的Icon。

四、什么是交互設(shè)計

主講人：徐琳琳

交互設(shè)計主要處理的是人機對話中的關(guān)鍵節(jié)點，如何讓用戶（人）和機器（APP）明白對方的意思，知道對方的進度，知道對方的困難，并解決問題。這是一個涉及到人、機、環(huán)境多方面因素的復(fù)雜過程。

交互設(shè)計的深度解析

一、交互設(shè)計的核心

交互設(shè)計，是用戶在使用系統(tǒng)或產(chǎn)品時所經(jīng)歷的“路徑”，與其發(fā)生的每一次“對話”。這個過程中，用戶的每一次點擊、滑動或是語音交互，都是設(shè)計中的重要環(huán)節(jié)。設(shè)計師通過這些細節(jié)，構(gòu)建出用戶與產(chǎn)品之間的橋梁，讓使用變得更為順暢、直觀且愉悅。

二、交互設(shè)計在工作中的地位與作用

交互設(shè)計在整個產(chǎn)品流程中扮演著至關(guān)重要的角色。不同于產(chǎn)品經(jīng)理的工作重點，交互設(shè)計更注重用戶體驗的打造。產(chǎn)品經(jīng)理構(gòu)建產(chǎn)品的框架和策略，而交互設(shè)計師則專注于為用戶打造極致的使用體驗。盡管兩者有交融之處，但由于個人技能背景的不同，職責(zé)上仍有細致的劃分。本質(zhì)上，兩者的目標都是為了更好地滿足用戶需求。

交互設(shè)計師的工作內(nèi)容繁多且充滿挑戰(zhàn)。他們需要：

了解用戶的特性、需求和目標，洞察用戶的心理和行為模式。

梳理用戶的任務(wù)流程，確保每一個步驟都流暢且高效。

整理信息，構(gòu)建清晰的頁面結(jié)構(gòu)，使用戶可以輕松找到所需內(nèi)容。

提出設(shè)計方案草稿，制作原型，將設(shè)計構(gòu)想轉(zhuǎn)化為可視化的作品。

跟進設(shè)計和開發(fā)過程，確保設(shè)計實現(xiàn)的質(zhì)量和效率。

在產(chǎn)品上線后，持續(xù)跟進并優(yōu)化迭代，確保用戶體驗的持續(xù)提升。

三、咕嚕產(chǎn)品的交互設(shè)計探索

3.1 產(chǎn)品結(jié)構(gòu)特色

咕嚕的產(chǎn)品結(jié)構(gòu)，獨具特色。與傳統(tǒng)的頁面轉(zhuǎn)換方式相比，咕嚕選擇了左右滑動的方式，來切換同一主題下的其他視頻內(nèi)容。這種設(shè)計，打破了常規(guī)的點擊模式，為用戶帶來了全新的觀看體驗。用戶可以在滑動中輕松切換內(nèi)容，既流暢又便捷。這一設(shè)計，體現(xiàn)了交互設(shè)計在提升用戶體驗方面的巨大作用，也展示了設(shè)計師們對細節(jié)的關(guān)注和創(chuàng)新精神。這樣的設(shè)計，無疑讓用戶在觀看視頻的也能感受到使用的樂趣和滿足感。彈幕熱力圖與App產(chǎn)品視覺設(shè)計解析

=======================

主講人：張偉（產(chǎn)品組設(shè)計主管）

-

一、UI設(shè)計師的綜合素質(zhì)：UI設(shè)計的“T”型能力解讀

UI設(shè)計師在打造一款成功的App中起到至關(guān)重要的作用。所謂的“T”型能力，不僅僅是關(guān)于設(shè)計交互能力，還包括運營能力、市場研究能力和數(shù)據(jù)分析能力。設(shè)計師需要深入理解產(chǎn)品的目標，掌握與用戶的交互方式，同時還需要具備市場分析、用戶行為分析的能力，以便更好地滿足用戶需求。

二、行業(yè)積累能力——深厚背景助力設(shè)計創(chuàng)新

除了上述基本能力，行業(yè)積累能力也是UI設(shè)計師不可或缺的一部分。設(shè)計師需要不斷積累行業(yè)知識，了解行業(yè)動態(tài)，將設(shè)計與實踐相結(jié)合，這樣才能設(shè)計出更符合市場需求的App產(chǎn)品。

三、咕嚕設(shè)計風(fēng)格探索——APP設(shè)計思路初探

在設(shè)計APP時，首先要明確產(chǎn)品的目標是什么，我們的用戶是誰，他們的特征是什么。通過對這些問題的思考，我們可以明確設(shè)計方向。不同產(chǎn)品面對的用戶群體不同，其設(shè)計風(fēng)格也應(yīng)當(dāng)有所不同。我們需要根據(jù)目標用戶群體和產(chǎn)品定位，選擇最合適的設(shè)計風(fēng)格。

四、彈幕熱力圖在APP設(shè)計中的應(yīng)用

彈幕作為一種新興的互動形式，已經(jīng)廣泛應(yīng)用在各種媒體平臺。在App產(chǎn)品視覺設(shè)計中，我們也可以借鑒彈幕熱力圖的概念。通過彈幕熱力圖，我們可以直觀地看到用戶在App中的互動情況，從而了解用戶對產(chǎn)品的喜好和期待，為產(chǎn)品優(yōu)化提供有力依據(jù)。

五、打造極致用戶體驗

我們希望用戶在用我們的產(chǎn)品時有良好的體驗。為了實現(xiàn)這一目標，設(shè)計師需要深入了解用戶需求，從用戶的角度出發(fā)，設(shè)計出簡潔、易用、美觀的界面。還需要不斷優(yōu)化產(chǎn)品功能，提升產(chǎn)品性能，為用戶提供更好的服務(wù)。

UI設(shè)計師在設(shè)計App產(chǎn)品時，不僅需要掌握基本的UI設(shè)計技能，還需要具備市場研究、數(shù)據(jù)分析等綜合能力，同時積累行業(yè)知識，不斷探索新的設(shè)計風(fēng)格，以滿足用戶需求，打造極致的用戶體驗。情緒與視覺的交融：設(shè)計推導(dǎo)情緒板及Icon演變

一、情緒板的設(shè)計推導(dǎo)

設(shè)計一張情緒板是一個綜合性的工作，它涉及到從關(guān)鍵詞的誕生到最終色彩方案的確定等多個步驟。讓我們一起走進這個色彩與情感的交織世界。

1. 原生關(guān)鍵詞的誕生。每一個設(shè)計背后都有其關(guān)鍵詞的影子，它們代表了設(shè)計的核心精神。設(shè)計師需通過深入挖掘和篩選，找出最符合主題的原生關(guān)鍵詞。如“活力”、“自然”、“未來”等。

2. 發(fā)散思維，頭腦風(fēng)暴，確定最終的衍生關(guān)鍵詞。基于原生關(guān)鍵詞，展開聯(lián)想和想象，進一步豐富關(guān)鍵詞的層次和內(nèi)涵。如從“活力”出發(fā)，我們可以聯(lián)想到“運動”、“陽光”、“色彩”等。

3. 圖片查找、拼貼、搜集元素。這一階段，設(shè)計師會通過各種渠道尋找與關(guān)鍵詞相關(guān)的圖片素材，進行拼貼和整理，為下一步的視覺呈現(xiàn)做準備。

4. 關(guān)鍵詞映射（視覺、心情、物化）。將整理好的圖片與關(guān)鍵詞進行匹配，分析圖片中的視覺元素如何體現(xiàn)關(guān)鍵詞的情感和意境。如某一圖片中的色彩和構(gòu)圖給人帶來愉悅的感覺，那么它就可以作為體現(xiàn)“活力”這一關(guān)鍵詞的素材。

5. 情緒版建立及色彩提取（高斯模糊或馬賽克處理）。在確定了視覺元素與關(guān)鍵詞的映射關(guān)系后，設(shè)計師會運用各種手法創(chuàng)建情緒板，其中色彩提取是關(guān)鍵。通過高斯模糊或馬賽克處理等手段，提取出最能代表情感的顏色。如使用溫暖色調(diào)來體現(xiàn)“活力”，選擇冷色調(diào)來傳達“寧靜”。

二、Icon設(shè)計的演變

Icon設(shè)計作為視覺設(shè)計的重要組成部分，其演變過程也充滿了探索和創(chuàng)意。主要分為以下三個方面：種類、元素比重以及變化。

Icon的種類包括線性（粗、細）、面性（扁平、寫實）以及線面結(jié)合等。不同的種類可以傳達出不同的視覺效果和情感體驗。如線性圖標簡潔明了，適合現(xiàn)代簡約風(fēng)格的設(shè)計；面性圖標則具有較強的視覺沖擊力，適合在復(fù)雜的界面中使用。Icon的元素比重也是設(shè)計中的重要考量因素。過多的元素會使圖標顯得雜亂無章，而元素過少則可能無法準確傳達信息。設(shè)計師需要根據(jù)實際情況進行平衡和調(diào)整。至于Icon的變化，隨著流行趨勢和設(shè)計風(fēng)格的變化，Icon的設(shè)計也在不斷地演變和創(chuàng)新。設(shè)計師需要緊跟時代潮流，不斷探索新的設(shè)計方法和風(fēng)格。此外還需注意Icon的可點擊區(qū)域布局，如綠色代表單手輕松可點擊區(qū)域，橙色代表單手勉強可點擊區(qū)域，紅色代表單手無法點擊區(qū)域等。這些都是設(shè)計師在設(shè)計過程中需要考慮的因素。通過合理的布局和規(guī)劃可以有效提高用戶體驗和界面效率。提高用戶體驗是UI設(shè)計的重要目標之一，合理的界面布局是實現(xiàn)這一目標的關(guān)鍵環(huán)節(jié)之一。合理設(shè)計icon布局能夠有效提高用戶使用APP時的便捷性和效率。除了考慮布局以外設(shè)計師還需要了解APP開發(fā)費用一覽表軟件開發(fā)APP制作成本等相關(guān)內(nèi)容以更好地完成設(shè)計工作。同時這些信息也有助于客戶了解開發(fā)成本做出明智的決策從而推動項目的順利進行滿足用戶需求促進業(yè)務(wù)的發(fā)展。三、排版布局首頁與其他頁面排版布局是APP設(shè)計中至關(guān)重要的環(huán)節(jié)不僅關(guān)乎用戶體驗更直接影響著產(chǎn)品的市場競爭力一個清晰簡潔的排版布局能夠有效提升用戶的易用性和滿意度因此在首頁設(shè)計中需特別關(guān)注布局的合理性易用性以及視覺效果等方面而在其他頁面設(shè)計中則需要根據(jù)具體需求進行相應(yīng)的布局設(shè)計以滿足不同場景下的使用需求四、APP開發(fā)費用一覽表軟件開發(fā)APP制作成本揭秘對于想要開發(fā)APP的客戶來說了解APP開發(fā)費用是非常關(guān)鍵的因為這涉及到投資預(yù)算和預(yù)期收益等問題定制開發(fā)APP的成本因需求而異模板化開發(fā)則更為經(jīng)濟人力成本是開發(fā)APP的主要開銷之一而開發(fā)時間和成本則受到支持的操作系統(tǒng)后臺管理系統(tǒng)功能復(fù)雜度等因素的影響在選擇開發(fā)方式和預(yù)算時需要根據(jù)自身需求和實際情況進行綜合考慮這樣才能確保項目的順利進行并達到預(yù)期的效果總的來說情緒板的設(shè)計Icon演變排版布局以及APP開發(fā)費用都是APP設(shè)計過程中不可或缺的重要環(huán)節(jié)它們共同構(gòu)成了產(chǎn)品的視覺形象和用戶體驗對于設(shè)計師來說需要綜合考慮各種因素進行科學(xué)合理的設(shè)計以滿足客戶的需求并推動項目的順利進行 安卓APP的開發(fā)成本探討

一、開發(fā)成本概述

安卓APP的開發(fā)成本因項目復(fù)雜度而異。簡單的應(yīng)用可能僅需幾萬元，而復(fù)雜的應(yīng)用則可能需要數(shù)十萬甚至更多。

二、軟件開發(fā)費用明細

開發(fā)成本的關(guān)鍵文件是功能報價單，它明確了開發(fā)范圍。除此之外，開發(fā)費用還包括設(shè)計稿或Demo的制作等。

三、簡單APP開發(fā)成本

對于需求簡單、僅需輕微修改UI界面的應(yīng)用，開發(fā)成本可能僅需幾千元，并且開發(fā)周期較短。

四、基礎(chǔ)開銷

APP開發(fā)過程中的固定開銷包括人力成本、辦公耗材、場地租賃等。

五、外包與定制開發(fā)

如果沒有自己的開發(fā)團隊，通常需要外包給專業(yè)公司，外包成本通常會高于直接成本。

WhatsApp架構(gòu)揭秘：軟件開發(fā)架構(gòu)的深入解析

一、架構(gòu)概覽

WhatsApp的架構(gòu)涉及多層系統(tǒng)和組件，旨在確保高效、安全的通信和消息傳遞。其架構(gòu)的核心組成部分包括移動用戶、通信協(xié)議、服務(wù)器、存儲和通知系統(tǒng)等。

二、主要組件詳細解析

移動用戶：每個移動設(shè)備（智能手機）是架構(gòu)的基礎(chǔ)，用戶通過這些設(shè)備訪問WhatsApp。

通信協(xié)議：設(shè)備使用HTTP和XMPP（可擴展消息傳遞和狀態(tài)協(xié)議）進行連接。HTTP主要用于Web服務(wù)，而XMPP則用于實時聊天。

YAWS服務(wù)器：處理HTTP請求的服務(wù)器，與Web客戶端進行交互。

自定義ejabberd服務(wù)器集群：作為WhatsApp的核心，負責(zé)消息路由和用戶狀態(tài)管理。

媒體數(shù)據(jù)：處理照片、視頻、語音筆記等多媒體消息，與文本消息處理有所不同。

CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）：用于存儲和快速訪問媒體數(shù)據(jù)。

數(shù)據(jù)庫：混合使用關(guān)系數(shù)據(jù)庫（如MySQL/PostgreSQL）和NoSQL數(shù)據(jù)庫（如Mnesia和Riak）。

推送通知服務(wù)：通過GCM/APNs向Android和iOS設(shè)備發(fā)送推送通知。

離線用戶管理：確保離線用戶的消息在上線時得到處理和傳遞。

只寫操作：確保數(shù)據(jù)完整性和安全性。

三、架構(gòu)的關(guān)鍵特性

WhatsApp的架構(gòu)關(guān)鍵特性包括分布式設(shè)計、高可擴展性和性能，能夠支持大規(guī)模用戶群。該架構(gòu)還采用了多種技術(shù)，如端到端加密、云備份、WebSocket、實時通信優(yōu)化等。

值得注意的是，WhatsApp的具體實現(xiàn)細節(jié)和專有修改并未完全公開。以上概述基于現(xiàn)有信息提供了一個對WhatsApp架構(gòu)的基本理解。