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

一、前言

在2019年6月13日的這場(chǎng)分享會(huì)上，我們有幸聽到了兩位業(yè)界翹楚關(guān)于APP產(chǎn)品設(shè)計(jì)與交互的深入剖析。主講人楊萌和徐琳琳，分別就APP產(chǎn)品的名字和icon的來源，以及產(chǎn)品交互設(shè)計(jì)為我們帶來了精彩紛呈的演講。

二、產(chǎn)品名字的背后

Step1：了解名字的重要性

一個(gè)好的產(chǎn)品名字，如同人的名字一樣，是其獨(dú)特性的體現(xiàn)。在眾多的APP產(chǎn)品中脫穎而出，需要有辨識(shí)度、區(qū)分度。 一個(gè)好的名字應(yīng)具備傳播成本低的特點(diǎn)，便于打字、記憶和口語(yǔ)傳播。它應(yīng)該易于發(fā)音，元音結(jié)尾，朗朗上口。 最重要的是，產(chǎn)品名字應(yīng)具備喚起目標(biāo)用戶使用產(chǎn)品的能力，讓他們?cè)诳吹交蚵牭矫謺r(shí)，就能聯(lián)想到產(chǎn)品的功能和特點(diǎn)。

Step2：結(jié)合定位，尋找名字

根據(jù)產(chǎn)品定位，列出關(guān)鍵詞如“生活日常”，“溫暖”，“治愈”等。 基于這些關(guān)鍵詞，發(fā)散出多個(gè)可能的產(chǎn)品名字。

Step3：用戶投票，確定名字

通過300名目標(biāo)用戶的投票，“咕?！边@個(gè)名字最終脫穎而出。

三、Icon的來源與設(shè)計(jì)

Step1：確定設(shè)計(jì)方向

Icon的設(shè)計(jì)需要結(jié)合產(chǎn)品的名字、內(nèi)容風(fēng)格以及定位。 設(shè)計(jì)需要與市場(chǎng)上的其他APP有區(qū)分度，同時(shí)保持色調(diào)的一致性。

Step2：用戶參與，共同設(shè)計(jì)

通過50個(gè)種子用戶的投票，最終確定了Icon的設(shè)計(jì)。

四、APP產(chǎn)品交互設(shè)計(jì)解析

主講人徐琳琳為我們?cè)敿?xì)解讀了什么是交互設(shè)計(jì)。交互設(shè)計(jì)主要處理的是人與機(jī)器之間的“對(duì)話”。如何讓兩者明白對(duì)方的意思，知道對(duì)方的進(jìn)度，解決對(duì)方的困難是交互設(shè)計(jì)的核心。 在APP產(chǎn)品中，交互設(shè)計(jì)涉及到用戶使用的每一個(gè)關(guān)鍵節(jié)點(diǎn)。優(yōu)秀的交互設(shè)計(jì)能讓用戶在使用過程中獲得更好的體驗(yàn)。

五、結(jié)語(yǔ)

APP產(chǎn)品設(shè)計(jì)不僅僅是名字的確定和Icon的設(shè)計(jì)，更多的是對(duì)用戶需求的理解和對(duì)交互設(shè)計(jì)的深度把握。希望通過這次的分享，我們能對(duì)APP產(chǎn)品設(shè)計(jì)有更深入的了解和認(rèn)識(shí)。

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

一、交互設(shè)計(jì)的核心內(nèi)涵

交互設(shè)計(jì)，在用戶與系統(tǒng)或產(chǎn)品之間搭建起一座溝通的橋梁。這不僅僅是簡(jiǎn)單的按鈕和鏈接，而是用戶在使用產(chǎn)品或系統(tǒng)時(shí)所經(jīng)歷的“路徑”，以及與其發(fā)生的“對(duì)話”。這種對(duì)話的流暢性和直觀性，決定了用戶對(duì)產(chǎn)品的滿意度和忠誠(chéng)度。

二、交互設(shè)計(jì)在工作中的角色與位置

交互設(shè)計(jì)在整個(gè)產(chǎn)品流程中扮演著至關(guān)重要的角色。不同于產(chǎn)品經(jīng)理的工作，雖然兩者有交融，但側(cè)重點(diǎn)不同。產(chǎn)品經(jīng)理更注重產(chǎn)品的框架和策略，而交互設(shè)計(jì)則專注于用戶體驗(yàn)。為了更好地滿足用戶需求，交互設(shè)計(jì)師需要進(jìn)行以下工作：

1.深入了解用戶的特點(diǎn)、需求和目標(biāo)，洞察用戶的心理和行為模式。

2.梳理用戶的任務(wù)和流程，確保用戶在產(chǎn)品中的每一步操作都流暢、自然。

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

4.提出設(shè)計(jì)方案草稿，制作原型，將設(shè)計(jì)理念轉(zhuǎn)化為可視化的界面。

5.跟進(jìn)設(shè)計(jì)和開發(fā)過程，確保設(shè)計(jì)方案的順利實(shí)施。

6.在產(chǎn)品上線后，繼續(xù)跟進(jìn)并迭代優(yōu)化，以滿足用戶不斷變化的需求。

三、咕嚕產(chǎn)品的交互設(shè)計(jì)解析

咕嚕作為一款獨(dú)特的產(chǎn)品，其交互設(shè)計(jì)也與眾不同。

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

咕嚕的頁(yè)面轉(zhuǎn)換方式獨(dú)具一格。不同于傳統(tǒng)產(chǎn)品通過點(diǎn)擊進(jìn)入某個(gè)頻道，咕嚕采用了左右滑動(dòng)的方式，輕松切換主題的其他視頻內(nèi)容。這種設(shè)計(jì)方式不僅使頁(yè)面轉(zhuǎn)換更加流暢，也符合用戶的使用習(xí)慣，為用戶帶來了全新的體驗(yàn)。

這樣的設(shè)計(jì)，體現(xiàn)了交互設(shè)計(jì)在提升用戶體驗(yàn)方面的無(wú)限可能性和重要性。通過深入了解用戶需求，精心設(shè)計(jì)每一個(gè)細(xì)節(jié)，我們可以創(chuàng)造出更加人性化、便捷的產(chǎn)品，滿足用戶的各種需求。彈幕熱力圖與App產(chǎn)品視覺設(shè)計(jì)解析

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

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

-

一、UI設(shè)計(jì)師的核心技能概述

UI設(shè)計(jì)師，如同手持幾把刷子，施展在數(shù)字世界的畫布上。他們的技能結(jié)構(gòu)呈現(xiàn)出獨(dú)特的“T”型形態(tài)。

“T”型能力結(jié)構(gòu)

在UI設(shè)計(jì)的領(lǐng)域里，設(shè)計(jì)師需要具備設(shè)計(jì)交互能力、運(yùn)營(yíng)能力、市場(chǎng)研究能力和數(shù)據(jù)分析能力。這些能力構(gòu)成了設(shè)計(jì)師的垂直支柱，是設(shè)計(jì)工作的基石。而在這些能力的基礎(chǔ)上，還需要有行業(yè)積累能力，這是設(shè)計(jì)師的水平延伸，使他們能在特定的行業(yè)或產(chǎn)品領(lǐng)域里游刃有余。

二、行業(yè)積累能力的深度挖掘

行業(yè)積累是每一個(gè)設(shè)計(jì)師職業(yè)生涯中的重要部分。不同的行業(yè)，其產(chǎn)品設(shè)計(jì)、用戶體驗(yàn)、市場(chǎng)策略都有著獨(dú)特的規(guī)律和要求。對(duì)行業(yè)的深入理解與積累，能夠幫助設(shè)計(jì)師更好地把握設(shè)計(jì)方向，更精準(zhǔn)地滿足用戶需求。

三、咕嚕設(shè)計(jì)風(fēng)格探索——APP設(shè)計(jì)思路的啟示

在設(shè)計(jì)APP產(chǎn)品時(shí)，我們需要首先明確產(chǎn)品的目標(biāo)，確定我們想要傳達(dá)的信息和想要達(dá)到的效果。

確定設(shè)計(jì)方向前的幾個(gè)問題

1. 產(chǎn)品目標(biāo)是什么?

明確產(chǎn)品的核心功能和價(jià)值，是設(shè)計(jì)的基礎(chǔ)。

2. 面對(duì)的用戶是什么人群？

不同的用戶群體有不同的需求和習(xí)慣，了解目標(biāo)用戶是設(shè)計(jì)的前提。

3. 他們的特征是什么？

對(duì)目標(biāo)用戶的深入了解，包括他們的年齡、性別、地域、喜好等，有助于設(shè)計(jì)出更符合他們喜好的界面和交互。

4. 我們希望用戶在用我們產(chǎn)品時(shí)有什么體驗(yàn)？

明確產(chǎn)品的用戶體驗(yàn)?zāi)繕?biāo)，如便捷性、愉悅感、成就感等，是設(shè)計(jì)的重要指導(dǎo)。

四、彈幕熱力圖解析

彈幕熱力圖是近年來互聯(lián)網(wǎng)產(chǎn)品中的一種新興視覺設(shè)計(jì)元素。通過彈幕，用戶可以實(shí)時(shí)表達(dá)自己的觀點(diǎn)和情感，而熱力圖則能直觀地展示這種交互的活躍程度和趨勢(shì)。如何合理地在產(chǎn)品設(shè)計(jì)中融入彈幕熱力圖，提升用戶體驗(yàn)和活躍度，是每一個(gè)設(shè)計(jì)師需要思考和探索的問題。

五、彈幕互動(dòng)與產(chǎn)品設(shè)計(jì)結(jié)合的策略

彈幕作為一種重要的互動(dòng)方式，已經(jīng)成為許多互聯(lián)網(wǎng)產(chǎn)品的標(biāo)配。在設(shè)計(jì)時(shí)，我們需要考慮如何合理地布局彈幕，使其既能展示用戶的活躍交互，又不影響產(chǎn)品的主功能和用戶體驗(yàn)。對(duì)于彈幕內(nèi)容的審核和管理也是設(shè)計(jì)師需要考慮的問題。只有做到這些，才能真正實(shí)現(xiàn)彈幕與產(chǎn)品的完美結(jié)合，提升產(chǎn)品的活躍度和用戶粘性。

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

Step1：原生關(guān)鍵詞的誕生

在設(shè)計(jì)的起始階段，我們首先需要捕捉那些最原始、最直觀的感覺和印象，這些會(huì)轉(zhuǎn)化為我們的原生關(guān)鍵詞。它們是設(shè)計(jì)的靈感之源，為我們后續(xù)的思考和創(chuàng)作奠定基礎(chǔ)。

Step2：思維的擴(kuò)散與凝聚——確定衍生關(guān)鍵詞

通過頭腦風(fēng)暴和發(fā)散思維的方式，我們對(duì)原生關(guān)鍵詞進(jìn)行延伸和演繹，將這些關(guān)鍵詞進(jìn)行再創(chuàng)造，最終確定一系列具有啟發(fā)性的衍生關(guān)鍵詞。這些關(guān)鍵詞將引導(dǎo)我們走向設(shè)計(jì)的下一階段。

Step3：素材的搜集與整理——圖片查找與拼貼

在確定關(guān)鍵詞之后，我們開始尋找與之相關(guān)的圖片素材。通過搜索、篩選和拼貼，我們搜集了一系列視覺元素，為情緒板的設(shè)計(jì)提供豐富的視覺素材。

Step4：關(guān)鍵詞的映射與情感的表達(dá)

我們將搜集到的元素與關(guān)鍵詞進(jìn)行映射，從視覺、心情、物化等角度進(jìn)行聯(lián)想和解讀。通過這種方式，我們讓每一個(gè)元素都充滿情感和故事，為情緒板注入生命力。

Step5：情緒板的建立與色彩的提煉

經(jīng)過前期的準(zhǔn)備，我們開始構(gòu)建情緒板。通過高斯模糊或馬賽克等處理方式，我們提取出主要色彩，形成最終的色彩方案。這個(gè)方案將是我們?cè)O(shè)計(jì)的主色調(diào)，賦予設(shè)計(jì)統(tǒng)一而鮮明的風(fēng)格。

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

a. Icon的種類

Icon主要分為線性、面性和線面結(jié)合三種類型。其中線性Icon有粗細(xì)之分，面性Icon則包括扁平與寫實(shí)風(fēng)格。多樣的種類為設(shè)計(jì)提供了豐富的選擇。

b. Icon元素的比重

在設(shè)計(jì)過程中，不同的Icon元素所占的比重不同，這決定了設(shè)計(jì)的整體風(fēng)格和視覺效果。我們需要根據(jù)設(shè)計(jì)的需求和風(fēng)格來選擇合適的元素比重。

c. Icon的變化與創(chuàng)新

隨著時(shí)代的發(fā)展，Icon的設(shè)計(jì)也在不斷地變化和創(chuàng)新。我們需要緊跟潮流，對(duì)Icon進(jìn)行適時(shí)的調(diào)整和創(chuàng)新，以滿足用戶的新需求。

三、排版布局——首頁(yè)設(shè)計(jì)

在首頁(yè)設(shè)計(jì)中，我們重視用戶體驗(yàn)與便捷性。綠色代表單手輕松可點(diǎn)擊區(qū)域，橙色代表單手勉強(qiáng)可點(diǎn)擊區(qū)域，而紅色則代表單手無(wú)法點(diǎn)擊區(qū)域。這樣的布局設(shè)計(jì)旨在為用戶提供最便捷的操作體驗(yàn)。

四、排版布局——其他頁(yè)面設(shè)計(jì)

深圳app推廣公司哪家好：龍騰天下科技引領(lǐng)行業(yè)前沿

深圳的APP推廣公司眾多，但在移動(dòng)互聯(lián)網(wǎng)營(yíng)銷領(lǐng)域真正具備專業(yè)實(shí)力的，非深圳龍騰天下科技有限公司莫屬。龍騰天下科技專注于移動(dòng)互聯(lián)網(wǎng)營(yíng)銷，構(gòu)建了全新的移動(dòng)互聯(lián)網(wǎng)App推廣、網(wǎng)站推廣、廣告發(fā)布平臺(tái)，為企業(yè)提供全方位的營(yíng)銷解決方案。

一、龍騰天下科技：專業(yè)APP推廣的佼佼者

深圳龍騰天下科技憑借其在移動(dòng)互聯(lián)網(wǎng)領(lǐng)域的深耕細(xì)作，已經(jīng)成為了中國(guó)互聯(lián)網(wǎng)及移動(dòng)互聯(lián)網(wǎng)的佼佼者。該公司為各大中小型企業(yè)及大型項(xiàng)目活動(dòng)提供專業(yè)的整合營(yíng)銷推廣服務(wù)，重塑各類企業(yè)形象，助力企業(yè)產(chǎn)品推廣，傳播企業(yè)與事業(yè)單位的形象。

二、龍騰天下科技APP推廣的特點(diǎn)與優(yōu)勢(shì)

龍騰天下科技的APP推廣具有顯著的特點(diǎn)和優(yōu)勢(shì)。其推廣成本低，通過應(yīng)用制作植入產(chǎn)品信息供用戶下載，相較于傳統(tǒng)媒介成本大大降低。用戶粘性高，APP作為手機(jī)的必備功能，一旦下載，其中的任務(wù)和趣味性競(jìng)猜會(huì)吸引用戶，形成持續(xù)的使用習(xí)慣。龍騰天下的APP推廣還能提升品牌實(shí)力，深化用戶對(duì)品牌的認(rèn)知與了解，增強(qiáng)企業(yè)的無(wú)形資產(chǎn)。其精準(zhǔn)營(yíng)銷手段結(jié)合可量化的數(shù)據(jù)統(tǒng)計(jì)功能、網(wǎng)絡(luò)通訊技術(shù)及現(xiàn)代物流手段，保障與顧客的長(zhǎng)期個(gè)性化溝通。通過移動(dòng)應(yīng)用，顧客可以隨時(shí)隨地了解產(chǎn)品信息、下單交流反饋，實(shí)現(xiàn)隨時(shí)服務(wù)。

三、龍騰天下科技：精準(zhǔn)營(yíng)銷的先鋒

深圳龍騰天下科技有限公司建立了全新的移動(dòng)互聯(lián)網(wǎng)App精準(zhǔn)營(yíng)銷、廣告發(fā)布平臺(tái)，為中國(guó)企業(yè)打造全新的展示平臺(tái)。該公司致力于實(shí)現(xiàn)網(wǎng)絡(luò)精準(zhǔn)營(yíng)銷，搶占移動(dòng)互聯(lián)網(wǎng)推廣的先機(jī)，助力企業(yè)在激烈的市場(chǎng)競(jìng)爭(zhēng)中脫穎而出。

四、龍騰天下科技：全方位的服務(wù)與支持

龍騰天下科技提供從APP開發(fā)到推廣的專業(yè)化服務(wù)，解決企業(yè)在傳播過程中遇到的“傳播貴、難、誤”等難題。公司全心全意為廣大企業(yè)解疑解惑，確保每一環(huán)節(jié)的專業(yè)性和高效性。

五、總結(jié)

深圳龍騰天下科技有限公司憑借其專業(yè)性、實(shí)力及豐富的經(jīng)驗(yàn)，在APP推廣領(lǐng)域獨(dú)樹一幟。無(wú)論是從服務(wù)質(zhì)量、推廣效果還是客戶反饋來看，都是深圳乃至全國(guó)范圍內(nèi)值得信賴的APP推廣公司。如果您正在尋找一家可靠的APP推廣公司，深圳龍騰天下科技有限公司絕對(duì)是您的首選。