<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          微交互:設計師的超能力

          資深UI設計者

          微交互在用戶體驗中占據越來越重要的位置,來看看微交互該如何應用吧~


          大概幾周前,在他的朋友和孩子們的大力勸說下,我并不那么精通互聯網的爺爺加入了Facebook。最后。在我教他設置個人資料,創建帖子和后續頁面時,他遇到了一個有趣的事,在嘗試摸索頁面中不知何故偶然發現了著名的LIKE按鈕。他將鼠標懸停在“贊”按鈕上,彈出了6個表情符號,然后單擊“ HAHA”笑臉,這使他對這個小動畫感到敬畏。這就是微交互對產品或應用程序的強大功能。


          資料來源:Giphy


          我們作為用戶,每天都能看到和應用這些微交互,有些甚至沒有意識到?!跋矚g”按鈕是最簡單的示例之一。其他幾個是:

          • 滾動鼠標時出現的簡單滾動條

          • 向左滑動即可清除iPhone主屏幕上的通知

          • 能夠看到其他人在消息傳遞應用程序上“打字”

          • 一個進度條顯示下載百分比

          • 拉動以刷新,以在應用程序屏幕上重新加載內容

          • 交互式錯誤頁面,例如Google Chrome和為文章點贊是一些最常見的微交互。那么,為什么這些非常有效?為什么每個應用程序都有它們?


          資料來源:Dribbble

          一.什么是微互動?

          微交互就像與設備的任何其他交互一樣,用于將有意義的反饋傳達給用戶,因為用戶必須不斷知道執行某項操作時會發生什么。這是一種人們期望發生某些事情的趨勢。例如:單擊按鈕,滾動頁面,將商品添加到購物車,向左滑動卡片。

          資料來源:Dribbble

          這通常是通過提供系統狀態(尼爾森的啟發式方法)或幫助用戶避免常見錯誤來實現的。當您未填寫必填字段時,帶有錯誤消息的紅色邊框就是微交互。


          例如看下面的互動

          豎起大拇指— Facebook Messenger


          該動畫是微交互的一個很好的例子,因為它實現了三個重要功能:

          • 溝通狀態并提供反饋

          • 增強直接操縱感

          • 幫助人們看到自己行動的結果


          二.微交互的構成

          分解

          微觀互動包括四個部分:

          • 觸發器啟動微交互。觸發器可以由用戶啟動或由系統啟動。

          • 在用戶啟動的觸發器中,用戶必須啟動一個動作。

          • 在系統啟動的觸發器中,軟件檢測到滿足某些資格并啟動操作。

          • 規則確定了觸發微交互后會發生什么。

          • 反饋使人們知道發生了什么事。發生微交互時,用戶看到,聽到或感覺到的任何東西都是反饋。

          • 循環和模式決定了微交互的元規則。當條件改變時,微相互作用會發生什么?


          三.微交互的作用


          如果微交互僅僅是微小的設計元素,為什么還要關心它們呢?

          很多Web開發人員和設計人員還在問這樣一個問題。注重細節是一個優秀網站與普通網站的根本區別。 這些就是使用微交互的原因:

          • 他們改善了網站導航

          • 它們使用戶更輕松地與您的網站進行交互

          • 他們向用戶提供有關已完成操作的即時和相關反饋

          • 他們給您的用戶提示

          • 他們交流有關某些元素的信息,例如是否互動

          • 它們使用戶體驗更有意義

          • 他們鼓勵分享,喜歡和評論您的內容

          • 他們引起用戶的注意

          • 最后,它們只是使您的網站更具情感性


          精心設計的微交互是用戶關心的明顯標志。這就是為什么他們如此重視。用戶可以做什么,以及他們的行為是否正確并得到系統的批準-應用程序或網站可提供即時的視覺反饋,并教會用戶使用系統。

          正確進行微互動后,它們往往會給您的品牌帶來積極的感覺并影響用戶的行為,而人們甚至根本沒有意識到為什么這樣做。如果您喜歡或不喜歡產品的某個方面,則通常對產品有正面或負面的傾向。這種所謂的“哈洛效果”既可以支持您也可以對您不利。在明智的情況下,這些知識可以幫助改善用戶對您網站的反饋-通過適當注意細節,可以使用戶滿意。


          四.什么時候使用微交互

          在UX / UI世界中,盡管微交互非常微小,但與用戶進行交流時卻是強大的動力。以下是最常見的微交互及其對用戶體驗的影響:


          輕滑

          “輕滑”動作消除了輕擊,并且更具交互性和流暢性。它可以幫助用戶在選項卡之間快速切換并獲取有關產品的更多信息。此外,輕滑是一種非常常見的手勢,可以在不引起用戶思考的情況下潛意識地引導用戶。就像我們一直在讀“不要讓您的用戶思考”一樣,既有趣又令人上癮。


          數據輸入

          我們所有人都知道設置密碼或創建帳戶的麻煩。這個動作很容易引起用戶反感。關于密碼強度和用法的前瞻性建議可以使用戶輕松前進,而在輸入數據時進行一些交互也可以使用戶參與該過程并有助于實現目標。


          動畫

          動畫可以簡單地啟用并改善微交互。他們的存在可能不會被注意到,但是缺席給每個人造成了損失。它們就像膠水一樣,可以幫助設計師使最簡單的過程變得有趣和令人上癮。但是要非常小心,因為它們意在吸引用戶,而不會使他們分心或沮喪。延遲處理或在網站中引入新樣式可能會引起混亂。


          當前系統狀態

          必須使用戶了解網站或應用程序上當前發生的狀態,這一點很重要。如果不通知用戶,他們將很生氣并關閉網站或應用程序。微交互使用戶可以準確地知道發生了什么,完成該過程需要多長時間等。即使失敗消息也很幽默,但有效地保持了用戶的信任。


          使教程變得有趣

          每個人都在不斷尋求信息。借助微交互功能的教程通過簡化和突出顯示基本功能和重要控件以方便用戶理解,從而指導用戶進行應用程序的工作。


          號召性用語

          微交互實質上是在推動用戶與應用程序或網站進行交互。號召性用語給用戶帶來了成就感,也給用戶行為灌輸了同理心,使用戶與CTA互動的最佳方法是使CTA吸引用戶的興趣。


          動畫按鈕

          通過讓用戶知道他們通過您的應用程序或網站的方式,它們起到了信息管理器的作用。我們需要注意顏色、形狀、特殊效果、動畫、位置和紋理,以使用戶體驗自然而順暢。


          滑動手勢

          通過使用手勢隱藏一些動作項,這些類型的交互可用于節省移動設備上的空間。例如,您可以看到向左滑動將刪除電子郵件,向右滑動將存檔電子郵件。同樣,在鎖定屏幕上取消/清除通知。

          快速操作

          一個簡單的快速動作示例就是,當您點擊并按住應用程序圖標時,在Apple設備上進行3D觸摸,它將為您提供用戶最常使用的上下文動作項。這樣可以節省點擊次數和時間。例如,Instagram會呈現諸如相機、新帖、活動等動作。


          交流信息

          這些類型的交互會分解復雜的信息,并使用視覺,動畫將信息輕松傳達給消費者。一個完美的例子是解釋信用卡上的利息費用。這是一個敏感的話題,Apple Card通過使用圓形互動動畫來告知用戶和最高費用,再次贏得了客戶。


          互動參與

          有時,您希望用戶通過使他們感到驚奇的方式來與界面進行交互。這種令人驚訝的結合動作會更加產生更強大的影響。Robinhood App最近發布了一張借記卡,其候補名單超過一百萬。要在候補名單中上移您的位置,用戶可以轉到其應用并點擊該卡(最多60次)。這是使用戶與應用程序交互的一種有趣方式。

          提供反饋

          在用戶觸發某些內容或輸入某些內容之后,Motion可以有效地用于向用戶發送反饋。錯誤狀態和成功狀態就是這些示例,下面是移動應用程序正確和不正確密碼輸入的示例。

          向用戶介紹界面

          每當啟動具有精美功能的新產品或應用程序時,如果用戶發現它太難理解,它終將失敗。因此,在此類情況下,應用程序可以利用微交互來向用戶介紹功能。例如,N26 Fintech App使用動畫來演示用戶如何將錢從一個儲蓄桶轉移到另一個。


          引起用戶的注意

          當移動屏幕上的大部分空間都充滿信息時,很難突出顯示我們希望用戶注意到的特定功能。通過使用動畫和過渡效果,微交互可以在為用戶帶來愉悅感方面發揮至關重要的作用。例如,在Slack上,在您開始鍵入之前,發送按鈕變灰,一旦開始鍵入,它將變為藍色,向用戶指示這是號召性用語按鈕。


          使加載屏幕有趣

          大多數加載屏幕都很無聊,但是微交互和動畫可以將它們變成非常有趣的東西。每當加載或設置過程中有等待時間時,Google都會利用此空間為其用戶創造出色的直觀體驗。這是一個例子:


          我們人類一直在努力尋求即時滿足。在更大的事物方案中,忽略微交互是一種普遍的趨勢,但不可否認微交互對于保持用戶對產品的興趣和好奇非常重要。每個人都說細節就是魔鬼。小小的體驗和設計功能(例如在屏幕之間切換或突出顯示功能或彈出新通知)可以在增強用戶體驗方面產生巨大差異。


          五.如何設計微互動?

          進行微交互對于設計師來說是令人興奮的,因為可以嘗試新的設計解決方案并尋找使用戶感到驚訝的新方法。但是為此,您必須牢記以下幾點:

          • 把自己放在用戶的角度考度,并使用所有您要弄清楚他們如何使用您的應用程序。

          • 創建功能動畫。不僅具有美學效果而且能夠增強用戶體驗的動畫。

          • 讓用戶保持愉悅。用戶使用該應用程序時的感受是其不斷使用該應用程序的原因。如果用戶喜歡并感到愉快,他將再次使用產品。

          • 不要打擾到用戶。過多的動畫會對用戶產生相反的影響。令人討厭的用戶使他們遠離您的應用程序。

          • 使用人類語言和非技術性語言。有趣的文案可能會讓用戶暫時忘卻應用程序中空白頁面的沮喪。


          六.設計微互動的工具

          那么,設計人員應該熟悉哪些原型制作工具?那里有很多工具,但并不是每個人都知道哪種工具最適合特定的微交互任務。根據我個人設計這些元素的經驗,以下是我的建議。

          如果你熟悉編碼:

          • 手機:Xcode,Android Studio

          • 手機或網頁:Framer

          • 網頁:CSS動畫

          如果要創建更詳細的交互:

          • Principle,Adobe CC,origami Studio和Protopie

          如果要創建詳細的交互+動畫:

          • After Effects


          文章來源:站酷   作者:ZZiUP


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務





          十年知乎,一體兩面

          資深UI設計者

          作為一個知名的問答社區,知乎已經走過了十年。面對十年間不斷變化的用戶習慣和互聯網環境,知乎都做出了哪些改變?未來,知乎會朝著什么樣的方向發展?本文作者從用戶構成、內容形態和商業模式各個方面,對知乎進行分析,希望對你有幫助。

          一轉眼,知乎已經十年了。

          2010 年,新浪、騰訊、網易、搜狐都在搞微博,展開搶人大戰。當時微博客的形式已經被國外老師 Twitter 證明了成功,而問答類網站的原型 Quora 和 Formspring 才剛蹣跚起步,前途未卜。

          很快,新浪微博就帶著“圍觀改變中國”的光環出了圈,但人們真正認識到知乎的威力,還要等上幾年?,F在,知乎積累了近 4400 萬個問題和 2.4 億個回答,成為中文互聯網最大的原創內容策源地之一。

          十年間,中國從 PC 互聯網邁入移動互聯網時代,內容產業蓬勃興起,網絡前所未見地深刻影響中國社會。知乎積累的海量內容,加上每天源源不斷生成的新內容,深度參與塑造了中國網民的眼界和思想。

          2011 年 4 月 7 日,開站不到 5 個月,社長成為知乎第 6332 位用戶。作為一個知乎深度老用戶,社長愿意用“兩個知乎”來形容自己觀察到的知乎十年。

          從用戶構成、內容形態和商業模式各個方面,我們都能看到相對著存在的“兩個知乎”。它們互為表里,共同構成了知乎精彩紛呈的景象。

          01 知乎的用戶

          1.“精英用戶”vs 普通讀者

          2013 年,社長寫過一篇《知乎:為“精英用戶”服務》,這是航通社最早對知乎的觀察文章。知乎符合所謂“二八定律”,創作者只是極少數,絕大部分人都是看客。

          根據知乎官方數據,在冷啟動的 40 天里,知乎 200 位原始用戶創造了 8000 個問題和 2 萬個回答,早期邀請注冊的用戶都有很高的分享欲望和出品質量。所以,為當時還不多的創作者做“私人定制”的服務,成為知乎催化優質內容的選擇。

          當知乎開放注冊之后,原來的“精英用戶”可能感覺到知乎的變化,并且不一定適應。有一些人退出,但更多的人進入。

          如今的知乎給每個用戶都提供了開放易用的創作輔助和數據統計工具,通過想法、專欄、視頻等多樣形態降低分享門檻,讓任何有志耕耘內容,或只想簡單分享的人,都能夠找到其中的樂趣。算法的進化,也讓人們收到的信息流總體上日趨精準。

          2. 規則破壞者 vs 秩序維護者

          在知乎,有些人出言不遜,大肆騷擾,降低了他人的瀏覽體驗;另一些人從事虛假營銷、詐騙等活動,有的已經構成違法犯罪。在其它平臺,總有人盜用知乎站內原創內容,轉換為視頻等其它形式,造成盜版比原版還火,也讓創作者們深受困擾。

          近年來,知乎不斷加大用算法和人工混合處理違規的力度。在中文互聯網當中,知乎是最早實現對所謂“陰陽怪氣”的不友善言論識別的平臺之一,其他平臺的互動信息審核很難到如此細的顆粒度。熱烈且長尾的評論互動是知乎的重要特色,激勵了很多創作者將知乎作為原發平臺。

          同時,知乎也加大了版權保護的力度,如起訴微博營銷號“知乎大神”勝訴等;并主動切入視頻領域,讓圖文作者可以更主動地分享短視頻紅利。

          3. 付費會員 vs 免費用戶

          知乎對直接付費購買內容的商業模式一直寄予厚望,前后走過付費咨詢,音頻內容,賣課程等幾條路線。經過一陣探索,小說、圖書、文字專輯售賣等最終脫穎而出。綜合了紙書電子版、純網絡出版、私家課等資源的全包式“鹽選會員”,已經成為創作者獲取回報的一個重要來源。

          2019 年起,知乎將站內優秀網文作品放上會員平臺。知乎網文作者出現了月收入超 10 萬、單本收入超 60 萬的銷售記錄,那些“剛編的故事”再也不能被等閑視之。

          為了推廣優質的付費內容,知乎在眾多問題下將可能切題的付費內容,以“故事檔案局”等官方賬號推送,嵌入到回答流當中。在評論區下面,不乏“我就是為看這個而開了會員”的聲音。除此之外,原先免費的內容都沒有被付費墻擋住,包括原有的海量長尾答案,免費用戶的體驗也得到了尊重。

          02 知乎的內容

          1. 非虛構嚴肅內容 vs “如何評價”和故事

          知乎早期的邀請注冊制,令它以專業人士的獨到分析、獨家資源和親身經歷而著稱?!罢J真你就贏了”是當時知乎的流行語。

          但在開放注冊之后,新用戶可能會“水”回答,“抖機靈”也同樣獲得讀者歡迎。一些曾經堅持的編輯規范如“直角引號”,也逐漸變得不那么嚴格要求,純粹寫作虛構內容的人也在知乎上活躍起來。

          知乎決定讓喜歡每種不同內容的人,都通過算法推薦而各得其所。針對虛構內容,知乎推出了作者聲明功能,同時通過會員付費實現優秀故事的產業化發展。對于仍然愿意堅持“認真”的人,知乎提供“親自答”標簽、學歷及工作經驗認證,由資深用戶發放“專業”標簽等方式,且同樣輔以內容商業化的激勵。

          2. 長尾、長保質期內容 vs 即時熱搜內容

          人們驚嘆于知乎居然已經十周年了,也同樣對知乎上的“神預言”問答驚嘆不已。

          2011 年十大熱議問題中,足球、晚睡習慣、金庸小說等問題,直到現在依然吸引著大量讀者前來“瞻仰”。在 2011 年底一個推薦購買比特幣的回答,累積至今獲得 4.2 萬個贊同。像這樣的“預言家”在知乎上還有很多。他們就當時當地的情況寫下的內容,可能在幾年、十幾年甚至更長時間,都始終具有借鑒和參考意義。

          隨著越來越多的人注意到知乎,每次有熱點事件發生時,很容易在知乎找到事件親歷者、行業內人士、專家學者提供多方位的視角和解讀,這些信息“養活”了包括航通社在內的不少“自媒體”。知乎熱榜成為百度搜索指數、微博熱搜、微信指數等等之外,又一個衡量中國輿論場的風向標。

          跟保質期長的沉淀內容相比,即時熱搜并非“速朽”,而是對“新聞是歷史的底稿”這句話的最佳詮釋。

          3. 專業 UPGC 視頻 vs 自動生成視頻

          知乎切入視頻的決心不可謂不大,方式也多種多樣,從單獨的視頻制作工具,到首頁為視頻開辟獨立版塊,再到問題頁將視頻回答單獨列出??梢哉f,有視頻創造力的人士將會獲得越來越多的展示機會。

          知乎也推出了一系列以視頻為載體的 PGC 節目,如《職人介紹所》,也有郎朗鋼琴課等付費視頻課程。不過近期最值得一提的,還是知乎推出的將文字答案一鍵轉視頻的功能。這方便了非常多的文字創作者。

          任何一種內容形態,恐怕都是最適合該形態的創作者才能玩轉。在社長的印象中,很多文字創作者(含本人)是比較內向的,需要長時間的沉淀才能將思路組織出來。而視頻更需要外向開朗和具備親和力的面孔,甚至可以說是對年輕人更友好的。

          此外,對長期習慣于文字創作的人來說,視頻制作也有一定難度。隨著知乎的自動化工具上線,視頻的產能將會提升,也可以打擊一些將優秀文字內容掐頭去尾,再搬運到其他視頻平臺上的人。

          03 知乎的商業模式

          1. 謹慎看待商業化 vs 商業化順勢而為

          早期的知乎以專業回答著稱,讀者對于回答與商業內容相結合很難接受,會說這樣的答主是“恰飯”。當時,答主只能通過“贊賞”等有限的渠道獲得微不足道的收入。這使得知乎雖然擁有日益顯著的流量,商業變現能力卻長期被外界質疑。

          不能找到合適的盈利模式的話,一家商業公司是無法持續經營下去的。好在,隨著知乎的用戶基數擴大,更多人有機會擺脫單純讀者的身份,自己也成為創作者,體會到答案被人認同的快樂。此時,更多的人學會了換位思考。

          近一兩年來,特別是 2019 年知乎完成 4.5 億美元 F 輪融資之后,人們對知乎闊步走向商業化已經習慣,而知乎的探索也終于有了收獲,開始找到適合自己的商業路線。

          2. 軟性植入 vs 好物推薦

          很多人信賴知乎一些領域的專業答主,當他們在回答推薦自己信得過的商品時,也會帶來跟隨購買的效應。不過,由于早期知乎風氣使然,如果答主獲得品牌贊助進行推薦時,哪怕真的有推薦的充分理由,也不得不小心翼翼,避免被人發現。

          2020 年 1 月,知乎“好物推薦”功能全量開放,這同時解決了兩個問題:一是在知乎回答看到商品后,不能及時跳轉到購買鏈接,導致決策鏈條斷開;二是答主推薦商品后往往需要讀者自行搜索,其中可能弄錯關鍵字或被相近的冒牌誤導。更重要的是,它給部分專業答主帶來的收益是清晰可見的。

          2020 年雙 11 期間,知乎“好物推薦”帶貨內容閱讀量突破 8 億;GMV 相比 618 翻倍,訂單量提升 113%?!八{大仙人”是最經常被提到的“好物推薦”受益者,他專攻的智能電視領域有著得天獨厚的優勢——有專業門檻,客單價高,銷量及咨詢需求長期穩定。他的一篇測評文章 GMV 超過 5000 萬。

          3. 大 V 自發接單 vs 品牌、平臺、創作者聯動

          知乎商業化逐步走向正軌還帶來另一個原本未曾設想的改變,就是品牌在知乎有了更多的露出、更真誠的聲音和總體上更正面的形象。

          知乎首先為品牌方提供了機構認證、品牌提問等能力,讓品牌在知乎保持“人格化”運營,提升親和力,與用戶建立互信。而品牌也可以通過平臺邀約相關領域優秀回答者,推薦產品,講述原理或歷史故事,以及做出客觀評價。

          此前,品牌如有此需求,只能繞過平臺聯系頭部資源或 MCN,效率低下也很容易“翻車”。2020 年,知乎將對企業的內容服務打包成“知+”方案,由平臺牽頭,精準對接熱度話題與優秀創作者,盤活存量 UGC 內容,全面激活創作能力。

          目前,社長就可以在知乎的創作中心開啟“知+自選”內容創作,挑選品牌任務當中自己覺得能寫好的,比較切題的來寫作。這種“人找品牌”加上以前就有的“品牌找人”,實現了比以往“盲人摸象”式配對更為精準的供需匹配。

          需要指出的是,任何形式的品牌贊助內容,在寫作時依然要嚴格遵守知乎社區規范,也要經歷讀者的考驗與事實核查,關乎作者苦心經營的公信力。

          04 結論

          十年來,知乎的形象和角色不斷變化,從一個小眾又帶點“曲高和寡”的討論社區,過渡為繁榮而包羅萬象的虛擬城邦,以及為人們提供實際幫助的解憂雜貨鋪。現在,知乎保持著中文互聯網最大的原創內容策源地之一的地位,是中國輿論場的重要組成部分。

          過去十年,有很多的殊途同歸。移動互聯網和 PC 互聯網逐漸融合,網絡與現實社會的鴻溝被填平,科技企業從創新顛覆的光環中走出,向商業的本質邏輯回歸。在知乎,作者與讀者、知識與故事、內容與商業本是一體兩面。十年之后驀然回首,“兩個知乎”合二為一。

          正所謂“內容即商業,商業即內容”。知乎十年積累的長尾內容是它最寶貴的資源,最終知乎的商業化道路,也從外圍探索收斂回歸到內容本身。海量的內容、良性的互動和進入正循環的商業模式,正在為知乎開啟下一個十年。

          文章來源:人人都是產品經理   作者:航通社

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          接好了!這是你要的6個小眾但特別好用Ai技法

          周周

          軟件熟練度屬于“器”的范疇,對主要靠作品集吃飯的設計師來說很難對外體現。但是我們不能說它不重要,軟件的熟練度依然是設計是否能夠產出的重要因素之一?。?/span>

          今天結合我自己之前的經驗,來談談AI中的一些相對比較冷門的小干貨(很多是我最近才get到的- -),但愿這些快捷操作能幫助你進行產出~~

          大綱:

          • 快速調節參數
          • 平行四邊形圓角
          • 快速平滑縮放
          • 手柄波浪線
          • 路徑快速消除
          • 填充快速消除

          快速調節參數

          AI中存在很多參數需要我們自己去調節。比如一個形狀的寬高圓角,對形狀進行變換的旋轉、扭曲等參數等等。可能很多朋友跟我一樣,要么一個個手動輸入要么通過拖動滑塊進行調節。

          這么做造成的問題有兩個,一個是交互的繁瑣,一個是參數調節顆粒度過細,在進行往返調試時需要耗費大量的重復工作量。對于我們時間寶貴的設計師來說這種方法簡直太弱了好嘛!!

          不過這些完全可以通過一個方法來解決——快捷鍵調節即可!結合shift、cmd(即win系統的ctrl)以及上下方向鍵完完全全地提升效率。具體的方法如下:

          • 上下方向鍵:1px為增量進行調節
          • shift+上下方向鍵:以10px為增量調節
          • cmd+上下方向鍵:以0.1px為增量進行調節

          比如對形狀的變換,我們就可以使用上下方向鍵1px微調,結合shift以10px數調。鍵入位置通過tab切換。

          接好了!這是你要的6個小眾但特別好用Ai技法

          再比如變換效果的參數,同樣可以使用這種方法快速地調試,全程只需要快捷鍵操作即可。而且這種一邊敲擊鍵盤一邊實時預覽的趕腳也讓人心情莫名得順暢!

          這種方法也可以迅速地讓水平和垂直數值保持一致,比我以前的滑塊拖動、數值輸入的操作好太多了。

          接好了!這是你要的6個小眾但特別好用Ai技法

          順帶一提,sketch參數數值調節也支持這種快捷操作哦。

          平行四邊形圓角

          我們在調節形狀的圓角時,一般情況有兩種方法,要么在菜單欄or變換工具中數值調整,要么直接在角落的圓角點上拖動。

          接好了!這是你要的6個小眾但特別好用Ai技法

          但是對于平行四邊形這種四個頂角度數不一樣的形狀,即使四個圓角大小是一致的,由于銳角和鈍角的存在導致圓角看起來并不一樣。

          接好了!這是你要的6個小眾但特別好用Ai技法

          這時候,外觀效果就派上用場了。

          接好了!這是你要的6個小眾但特別好用Ai技法

          我們在效果-風格化中找到圓角選項,為平行四邊形添加一個圓角外觀效果。

          風格中找到圓角選項就可以自己設置。這里給一個和剛剛一樣的圓角10px。

          接好了!這是你要的6個小眾但特別好用Ai技法

          最后(右圖)得出的四個圓角看上去明顯比之前的方案更加一致。

          接好了!這是你要的6個小眾但特別好用Ai技法

          另外,這種外觀的好處就是,后期隨時可以在外觀中編輯!

          快速平滑縮放

          我們更多時候縮放是滾輪縮放,但是這樣的縮放的顆粒度太大,尤其在小屏電腦上想要定在某個合適的窗口大小比較麻煩。

          這時候我們可以利用快捷鍵Z激活縮放功能,然后通過左、右拖曳的手勢進行快速而平滑的縮放操作。我們可以輕易定格在我們想要的窗口大小。一開始可能很多朋友和我一樣習慣上下縮放,但是ai里的縮放并不是上下,而是左右。

          接好了!這是你要的6個小眾但特別好用Ai技法

          手柄波浪線

          一般我們畫波浪線是通過扭曲與變換中的波紋效果來變換。

          但是我們也可以使用鋼筆來直接畫。

          向一個方向拖拽生成手柄(不知道有沒有朋友和我一樣用鋼筆工具都有點一下去繪制形狀的毛病),然后在合適的位置再拖拽一次即可繪制出波浪線。在對精準度要求不高的情況下完全可以采用這種辦法,方便快速。

          接好了!這是你要的6個小眾但特別好用Ai技法

          路徑快速消除

          在以往,我在進行路徑消除操作(比如繪制一些斷線icon時),通過這樣的步驟,添加錨點工具在路徑上添加兩個錨點,然后直接選擇工具選中錨點間的路徑刪除。拜托,都2120年了,別用這么古老的方式了好嘛?。。ê孟氤藭r光機回去拯救年少迷茫的自己)

          接好了!這是你要的6個小眾但特別好用Ai技法

          但其實壓根不需要這么麻煩,一個工具就可以迅速解決,而且可以連續消除!

          這個工具就是路徑橡皮擦工具,說實話知道這個工具后我再也回不去了。

          接好了!這是你要的6個小眾但特別好用Ai技法

          只需要激活它,你就可以在任意的路徑中像使用橡皮擦那樣,迅速地消除你想消除的地方。另外,我提前給這個工具設置了E這個快捷鍵,以便我能迅速調用它進行路徑消除工作。

          接好了!這是你要的6個小眾但特別好用Ai技法

          填充快速消除

          路徑橡皮擦用在填充的色塊中同樣只能消除路徑,但我們想要消除色塊時,則可以用到另外一個工具——橡皮擦工具。

          shift+E直接調用到它,按住shift即可直接在填充色塊中進行切割。而且最后被切割出的圖形都是互相獨立的閉合形狀。

          接好了!這是你要的6個小眾但特別好用Ai技法

          當我們按住alt后,就可以隨意地繪制出不同寬度的矩形進行切割,相比形狀生成器或布爾運算更加方便點。

          接好了!這是你要的6個小眾但特別好用Ai技法

          最后

          一點點平時積累的ai小干貨,但愿能幫到你?。?/span>


          文章來源:優設網     作者:轉行人的設計筆記



          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

          深度分析動效設計原理,提升產品可用性!

          ui設計分享達人


          動效對產品的可用性體驗有多維度的影響。在界面中動效不僅僅是一種視覺裝飾,它能夠提升產品的參與度并擴展交流的范圍。

          本文追根溯源,先從動效的起源講起,一步步推進與產品、體驗之間的關系,最后通過案例分析動效設計的原理和應用。一起來看看吧~

          一、動效設計的起源

          動效與用戶體驗的結合相對較新,其根源是迪士尼動畫設計的十二個條基本原理。迪士尼動畫原理是為了講故事而提煉出的基本的物理運動規律。這些原理能讓繪制的卡通角色移動和表演,但不能充分滿足現代UI界面的交互需求。

          為了彌合這個差距,動效專家Canedo Estrada改編的《動效設計的10條原理》更適合應用到數字產品設計中。

          在圍繞界面元素建立用戶體驗時,重新定位動效原理的關鍵在于:

          • 將動效設計與UI動畫區分開;
          • 闡明動效如何幫助可用性;
          • 解開核心動效的內部工作機制。


          二、動效設計與用戶體驗

          在討論動效設計的原理之前,重要的是要強調動效不僅僅是裝飾,而是一種用來幫助用戶體驗的行為。動效設計涉及兩種基本的交互類型:實時和非實時。

           實時 

          當用戶在屏幕上點擊UI元素時,實時交互提供即時反饋,會對用戶的操作做出即時響應。

           非實時 

          非實時交互發生在用戶操作后,這意味著用戶需要經過短暫的轉場才能看到結果,然后再繼續。

          另外動效設計通過四種不同的方式來提升產品的可用性:

          1.期望:當用戶與界面交互時,他們期望看到哪些行為?動效是否符合預期或引起混亂?

          2.連續性:交互在整個體驗中是否發生一致的運動行為?

          3.敘述:觸發的動作是否與滿足用戶意圖的事件的邏輯進程相關聯?

          4.關系:UI界面的空間、美學和層級結構如何相互關聯并影響用戶的決策?動效如何影響各種元素的關系?

          三、產品動效設計原理

          這里提供12種動效設計原理的解析,每一種對應不同的案例,從更直觀的角度來解讀抽象的原理。

          1、緩動(Easing)

          緩動效果模擬了現實世界中對象隨時間加速或減速的方式。它適用于所有運動的UI元素。下圖中的卡片和對應的椅子移動速度很快,但由于緩動效果它們可以平穩地受到控制。

          2、偏移和延遲(Offset & Delay)

          當多個UI元素同時快速移動時,用戶傾向于將它們組合在一起,而忽略了每個元素自身的功能性。

          偏移和延遲會在移動的UI元素之間創建層級結構,并傳達它們相關但又不同的消息。元素的時間、速度和間距不是完全同步的,而是交錯排列從而產生一種微妙的“一個接一個”的效果。

          當用戶在屏幕之間穿梭時,偏移和延遲表明存在多個交互選項。

          3、父子關系(Parenting)

          父子關系將一個元素的屬性鏈接到其他元素中。當父元素中的屬性更改時,子元素的鏈接屬性也會更改,同時所有元素的屬性都可以相互鏈接。

          在下圖中,將父元素(藍色滑塊)的位置與子元素(燈泡發光效果&光照強度)相關聯。當父元素左右移動時,子元素的發光效果的范圍和光照強度的數值會發生變化。

          父子關系在元素間創建關系并建立層級結構,允許多個元素同時與用戶交互。因此這種效果非常適用于實時交互中。

          4、轉換(Transformation)

          當一種UI元素變成另一種形式時就會發生轉換。例如,轉換展示了下載的開始、中間和完成狀態——下載按鈕轉換為進度條,進度條轉換為完成圖標。

          從UX角度看,轉換效果告知用戶元素的狀態發生了變化并將信息傳遞給用戶,提高了用戶的認知度。

          5、數值變化(Value Change)

          數值的變化(數字、文本或圖形)在數字界面中非常豐富,從銀行APP到日歷到電商網站的各種產品中都會出現。

          在某種程度上,數據的動態表達和交流可能會對數據的價值產生影響。例如下圖中的數值被動態引入,向用戶顯示他們有能力影響數據,提升了參與活動的意愿。

          6、遮罩(Masking)

          遮罩是對界面上的部分內容進行戰略性的顯示和隱藏。通過改變元素的形狀和比例,在改變元素效果的同時允許元素本身保持可識別性。因此,照片和插圖等視覺形式是理想的選擇。

          從可用性的角度來看,設計師可以通過遮罩向用戶展示產品正在進行一系列的交互。

          7、覆蓋(Overlay)

          二維空間中沒有深度,元素只能沿X或Y軸移動,疊加在界面中創造出前景/背景相區分的位置關系。通過模擬深度,覆蓋可以根據用戶的需要隱藏和顯示元素。

          在使用覆蓋時,信息層級結構是重要的考慮因素。例如,用戶在筆記應用中首先應該看到的是筆記列表,然后使用覆蓋來顯示每個筆記的輔助選項,如刪除或歸檔。

          8、克隆(Cloning)

          克隆是將現有的對象拆分成新對象,這是一種突出顯示重要信息或交互選項的方法。

          通過克隆將元素與界面相鏈接,如果元素只是突然出現或消失沒有關聯性,那么用戶將缺乏信心去交互。

          9、模糊(Obscuration)

          想象一扇磨砂玻璃門,雖然看不清門后的東西但是我們能察覺到門后事物的存在。

          模糊的工作原理是一樣的。它為用戶提供提示,讓用戶意識到自己正在操作的界面之后還有其他的層級結構。導航菜單、密碼屏幕和文件窗口是常見的示例。

          10、視差(Parallax)

          當兩個(或更多)元素同時以不同的速度移動時會構成視差效果。

          視差的主要目的是劃分層級結構:

          • 可交互的元素移動速度更快,出現在前景中;
          • 非交互式元素移動速度較慢,退到背景中。

          視差引導用戶點擊可交互的元素,同時允許非交互的元素保留在屏幕上并保持設計的統一性。

          11、維度(Dimensionality)

          維度使界面元素具備具多個方向的交互,這種行為是使元素看起來是可折疊、可翻轉、浮動的或具有深度。

          作為一種敘述性工具,維度意味著元素的不同側面是相互聯系的,并且可以實現無縫的屏幕過渡。

          12、平移與縮放(Dolly & Zoom)

          平移與縮放通過視角的變化能產生更多空間上的體驗,逐級遞進顯示更高級別的細節。

          平移:點擊元素后發生距離遠近的平移,用戶的視點會越來越接近圖像。(一個人拿著照相機走到一朵花前面近距離拍攝)

          縮放:用戶的視角與圖像的距離保持不變,但圖像在屏幕中的比例會增加。(這個人站在原地不動,只利用相機的變焦功能使花顯得更大)

          四、總結——動效即交流

          互動體驗要求動效具備敏捷和微妙的形式。堅持動效設計原理,即使最基本的界面元素也能成為交流的復雜媒介。

          動效設計與產品用戶體驗之間的關系正在迅速成熟,而且動效跨越了二維屏幕上元素的抽象運動和3D世界中對運動的感知之間的鴻溝。



          文章來源:UI中國   作者:Clip設計夾


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          實用的組件庫詳細制作邏輯和注意點

          ui設計分享達人

          成長到一定階段是方法論的比拼。

             17年開始進行視覺組件庫的搭建,也出過一個B/G端設計分析方法的文章總結,里面從大的方面介紹了組件。后來看到很多關于組件庫的文章,但是大都是從“分子原則”等很寬泛的方法來講,很少去細講實際搭建過程中會遇到的問題,甚至有些方法深究或者實際做下去是有問題。這里會全面的寫下sketch搭建組件庫(或者說是視覺規范)的邏輯,以及容易混淆思路的點。

                

              為了讓大家容易看完,先簡短說下制作組件庫的目的,再分三點講搭建方法。


              一 為什么制作組件庫

           

              Q1:很多人認為table、tabs等通用組件不需要再搭建,很多大廠已經出來規范,可以復用,為什么還要單獨制作自己的

              A1:這些通用組件都是由基礎的樣式粒子:填充色值、描邊大小與色值、圓角大小、文字大小與色值等組成,就拿form表單來講,不同的描邊、行高、圓角、文字樣式營造的感覺也完全不同。


              Q2:搭建后能發揮什么作用呢

              A2:統一性:避免多人多風格的現象,保證所有產品都呈現一致的設計語言,新成員加入,也可快速接手工作; 性:改一個組件,可以使用該組件的全部設計圖更改;在現有組件庫的基礎上,也可通過修改,生成不同項目的組件庫。

           

              Q3:搭建后如何確保大家都能正確使用?

              A3:需要大家了解自身項目組件庫的搭建邏輯,統一講解遠程組件庫使用方法,并有專人定期維護更新遠程組件庫。


              二 組件庫具體搭建方法

           

              分三方面說明:(一)、內容架構;(二)、注意點;(三)、遠程協作。

           

              (一)內容架構


              內容架構要考慮的是兩方面:一個是文檔的邏輯,二是組件的邏輯。三哪些制成組件,哪些制作成樣式。

           

           

           

              文檔的邏輯

           

           

              如上:點擊創建組件按鈕后,所有的組件都會出現在“圖層/組件”界面,默認的排序方式是軟件自定的,不好分類和查看,除非每次創建后再進行挪動。第二個“組件》”這個位置是不能直接切換看到組件的,只能在左側看到所有的組件名稱。再加上制作之前,也需要繪制出內容,所以我們需要在圖層處建立界面,繪制我們的內容。樣式也是如此,只能在“組件》”看到所有的樣式名稱。

          所以我們整理出:“樣式”page——所有需要創建樣式的內容在此處整理分類繪制;“components組件”page——所有組件在此處分類繪制,再進行創建;“layout 布局”page——說明系統的布局和響應方案;“examples場景模塊”典型場景模塊,“更新日志”page——標明每次變動,當然sketch是自動導出“組件”page。另外根據系統特性,比如數據統計類界面多的情況,可以增加“data visualization數據分析”page

           

              組件的邏輯

           

              很多組件庫向左圖一那樣,直接把所有組件擺了出來,非常凌亂不便使用。再對比element和antdesign,后者的分類整合地更干凈整齊,涵蓋的全面,整合后的大類別少,分類相對清晰,可以借鑒,后續有自己系統常用模塊需要制作成組件,可以單獨增加一個分類模塊。當然也可以按著自己的邏輯重新整理。

           

              哪些制成組件,哪些制作成樣式


           

              先說樣式吧:1 文字(也有些會選擇直接做成組件,但我一般會制成樣式,感覺更輕量化些);2顏色——背景色、線條色(分割線、描邊)、主色調、圖標配色、功能色;3 容器(需制作全不同狀態的容器,內容卡片、輸入框、標簽等都會用到);4投影。指的注意的是,這里的樣式基本涵蓋了所有的基礎樣式,后續大部分的基礎樣式都要盡量在在此處引用。

           

              哪些制成組件:本質上講就是兩大類,1是icon;2是其它無法用簡單樣式的常出現內容(也就是上面按“組件邏輯”整理出來的內容”

              何時需要制成復合組件:1需要通過很多基礎樣式切換才能改變狀態時候。而且通過多個樣式切換不同狀態,麻煩的地方在于覆蓋層的優先級比較高,即使切換成了同類其他組件,也還是被覆蓋,必須更新

          如下:

           

              我們可以在創建symbol后,在右側取消內部相應的樣式覆蓋,然后建立所需的多個狀態的平行組件,通過直接切換不同組件來切換狀態。

           

              2如果該組件有上一級組件,并且要用到該組件的不同狀態,就要把該組件的不同狀態改為組件,不然一層一層改很麻煩。

           

              (二)、注意點

           

              制作組件的過程中雖然按著大的架構走,還是很容易混亂或者卡住。以下注意點,可以幫助我們理清關系。這部分其實也是我重點想說明的內容。

              命名


           

           

              1無論是組件還是樣式的名稱,最后一級相平行的,最好是可以相互切換的狀態。這樣就可以在右側屬性中直接切換。

              2 組件只能切組件,樣式只能切樣式?!?也就是說定好一個基本元素是樣式,那么與它平行的切換內容也需要是樣式。

              3 如何修改已制好的組件或樣式名稱


           

              截圖1(圖層》組件page)和2處,選中進入后,均可找到對應的修改。修改后其他頁面已放置好的組件名不被修改,反過來,在圖層處其他位置修改,亦不能修改好組件的命名。

              4 sketch里默認的分組是通過命名時的“/”,要修改組件或樣式加載時的分組,需在切換到此處,進行拖拽。修改后,組件的名稱也會被修改。

           



           

              5 要將一個元素的組件命名到一處去,理清楚如上的關系。如果遇到無法用到的基本元素搭建,需要新的元素,可放到該組的element里(如上圖)

           

              樣式或組件的修改

           

           

              樣式變化后,更新按鈕變為可點擊,點擊此處可以更改樣式,重設樣式可以還原

              組件編輯覆蓋層后在右側更新,如果想修改組件,通過編輯母版

           

              響應

           

              要考慮好響應方式,每個組件在此處做好設定

           

              (三)、遠程協作

           

              遠程原因


           

              如上,只要復制過來的新內容中有組件,就會再下面自己建立出組件,很不方便組件管理,團隊人多時,容易使組件發生變化,用遠程組件能夠做到完全統一。

           

              遠程方案


              1 藍湖



           

              無論樣式還是組件添加后,還得自己分組重新整理,組件使用方法,在“藍湖設計規范云”中找到相應的,自己拖過去用,很麻煩。

           

              2 語雀

              可以通過語雀的sketch插件上傳或者下載,加載后便是類似遠程組件的使用方法。

           

              3 sketch clould
          |

           



              單獨通過線下傳library文件加載使用,比較不容易統一和版本不好管理。因此Sketch Cloud Library 是基于 iCloud 帳戶云能力創建的 Sketch的云端設計庫,使用前需要對其進行設置。使用時,打開 Sketch 左上角第一個菜單的 Preference,選擇 Libraries 卡片,將本地 iCloud Drive 中的規范文件拖拽進這個區域,然后關閉該窗口。

           

              綜上所述,我們常選sketch cloud或者 語雀的kitchen插件來進行遠程使用。另外會線下發送整個文件,方便整體復用一些組件和example里的頁面。

              

          文章來源:站酷   作者:youngLion0610


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          產品怎樣做出刷屏級傳播?這5種思路可以試一試

          資深UI設計者

          從“秋天的第一杯奶茶”到“打工人”,從老鄉雞的土味發布會到嗶哩嗶哩的《后浪》,刷爆屏幕的傳播一浪接一浪,成為我們這個時代永不落幕的風景。產品怎樣做出刷屏級傳播呢?本文作者總結了五種思路,與你分享。

          互聯網刷屏現象層出不窮,其關聯因素紛繁復雜,其發生和走勢看起了很難把控,但通過對很多案例進行復盤,拆解其中機理,還是可以發現很多共同的規律。

          鑫爺認為,那些刷屏的傳播,大多數逃不了以下五種路徑。

          01 漣漪式:同頻傳導,無限裂變

          漣漪式傳播模型

          漣漪式傳播,通俗講就是病毒式傳播、社交式傳播,信息通過社交媒體上人與人之間的鏈條,不停地向外無限的傳導、裂變,直至達到引爆點。就像水中的漣漪,波紋從起始點擴散,通過水波引起的震動,一步步將能量傳遞到更大的范圍。

          漣漪式傳播是一種去中心化的傳播,消息可以從任何一個人那里發出,經由社交媒介的轉發、點贊、互動,形成指數級的裂變,一生二,而生三,三生無限。這是互聯網世界最基本、也是最重要的傳播途徑。

          比如說,當年火爆世界的“冰桶挑戰”活動,引來名流紛紛@對方并參與,帶來了一場全球公益的狂歡;今年老鄉雞的土味戰略發布會,只用幾百元預算做的視頻,竟然在社交媒體上獲得10w+的播放量和3.3w+的在看,成為疫情期間最大的廣告贏家。

          漣漪式傳播的發生機制,主要是口碑效應。人們出于人際交流、展現自我形象、獲得社會認同的目的,將有意思的東西內容給朋友,從而實現人際間的自傳播。

          那么,什么樣的內容最有口碑價值呢?《瘋傳》一書認為,滿足以下六種因素的內容,最容易引起口碑傳播:

          • 社交貨幣:可以作為茶余飯后談資的東西,比如說名人八卦、網紅打卡地等。
          • 誘因:在特殊情景、場合的刺激因素,比如疫情期間的共享員工用工。
          • 公共性:切中大眾關注的敏感話題,比如住房、食品安全、疫情期間經濟問題。
          • 情緒:比如憤怒、焦慮、恐懼、勵志等情緒,比如幼兒園虐童事件、各種雞湯等。
          • 實用性:跟受眾切身利益有關、對其有用處,比如本地民生政策、健康指南等。
          • 故事姓:一波三折,情節有趣:比如最近一在反轉的美國大選。

          除了內容以外,漣漪式傳播要達到理想效果,還需要傳播渠道上進行最優設計,將正式傳播(如官方發布)與人際傳播(民間爆料)、中心式傳播(如明星、KOL)與非中心式傳播(素人轉發)結合起來,形成立體式的傳播鏈路。

          比如說,如果你要在微博引爆一個事件,你可以先由素人小號爆料,再由明星轉發,官方回應等,大V觀點跟進等,一步步鋪陳直至引爆;也可以先由官方發布消息,其他明星、大V轉發評論,無數的素人小號配合造勢;也可以先發布到電視或紙媒廣告,然后微博、微信等社交媒體跟進,做進一步的討論、延伸。

          當然,具體操作上,要需要結合傳播內容和整體廣告策略來決定。

          02 破圈式:夯實地盤,破壁出圈

          在過去的電視時代,人們的聚集是集中化的、“廣場式”的,全國人民同時看一個電視臺;而如今在互聯網時代,人們的聚集更多的是分散的、“圈層式”的。尤其是95、00后的Z世代用戶,他們更多而基于興趣、亞文化聚在一起,形成一個一個的圈子,比如當今各種獸圈、飯圈、谷圈等等,不一而足。

          Z世代圈子解析

          在圈層式的受眾結構中,當某種信息在圈子內部的影響力越來越大,就可能突破原有的圈層堡壘,進入主流的大眾人群,讓更多的人知道,這種傳播就可以叫“破圈式傳播”。

          圖:破圈式傳播模型

          比如說,B站原來的用戶群體主要是二次元的人群,具有典型的圈層化特征。這幾年來,B站力圖將用戶拓展到更多的年輕人群,而今年推出的演講版的《后浪》視頻,有效的吸引了很過二次元圈外的年輕人乃至中老年人,無疑是典型的破圈式傳播。

          同樣的,這幾年在抖音、快手等流行的漢服風、JK制服、手辦等,也有了出圈的態勢。

          具體而言,傳播破圈又分為三種類型:

          • 一是從專業向大眾破圈。比如咖啡文化的傳播,就是先從專業級的手沖咖啡圈,再破圈進入資深咖啡愛好者圈,最后破圈進入普通喝咖啡人群。
          • 二是從特定階層向普通階層破圈。比如說,在古代,像翡翠、紅木家具這些品,都是皇室貴胄、高門大戶才能擁有的,如今已經破圈進入更多的階層。還有牛仔褲,最初是美國西部礦工、牛仔人群穿的,后來經過改良,成為大眾流行服飾,風靡全世界。
          • 三是由亞文化群向主流人群破圈。比如二次元文化、街頭文化、COSPLAY、古風等這些亞文化,都已經融入了中國的大眾流行之中,被越來越多人人喜愛。

          破圈式營銷的發生機制,是“參照群體”效應。人們為了融合到社會中,或是凸顯個性,會找到一個參考的人群,并模仿他們的行為。比如說,中產階層會模仿上層階級人群,購買更有體味、更能體現社會地位的品;年輕人會模仿那些有個性同齡人的興趣愛好,以便讓自己顯得與眾不同。

          要做好破圈式營銷,一定要把握好傳播的節奏。在《創新的擴散》一書中,提出了一個很經典的傳播模型:新事物需要先讓那些喜歡嘗新的早期使用者(也就是種子用戶),培養和激勵這批鐵桿人群,讓他們影響早期大眾人群,最后擴展到晚期大眾人群,借以實現破圈。

          創新的擴散模型

          比如說,當初小米手機起家之前,是通過第一批骨灰級用戶,這些用戶多為手機論壇的資深用戶,小米邀請他們參與MIUI的設計、研發、反饋等,建立了很好的忠誠度和口碑。

          借助這些種子用戶,小米實現了“冷啟動”,同時通過線下論壇交流、“小米同城會”等建立參與感,吸引了更多的“米粉”,進而破壁出圈,擴散到更龐大的發燒友人群。

          03 共創式:全民參與,一起狂歡

          共創式傳播,就是通過“發動人民群眾”,號召受眾一同參與進來,大家一起玩嗨,一起創造傳播內容,傳播者和用戶共同成就了整個傳播,乃至共同擁有產品和品牌。

          共創式傳播模型

          我認為最善于做共創式傳播的機構,莫過于新世相。他們發起的“地鐵丟書大戰”,號召大家在地鐵、車站等留下一本書,給其他人閱讀,引起了全網的討論;還有“4小時逃離北上廣”事件,號召一線城市想逃離的白領們,即時趕到機場,可以報銷機票,一時間引起朋友圈刷屏和討論。

          另外,像網易云將用戶的走心評論當做地鐵廣告素材,“認養一頭?!惫膭钕M者認養牛奶并邀請參觀牧場,抖音上發起的全民模仿“哪吒頭”,中國銀聯“銀行POS機”一元購買留守兒童詩歌作品,都是共創式營銷的典范案例。

          共創式營銷的傳播機制,在于提供“參與感”。受眾感覺自己能夠被尊重、被看見,并且獲得參與其中的快樂體驗,很容易形成自發的分享,并且容易與傳播者形成一種深度的互動關系,從而建立起持久的忠誠度。

          要建立廣受擁戴的參與感,需要滿足以下條件:

          • 一是簡單易操作。比如天與空聯合安利發起的“頭頂食物”公益活動,抖音上的“一鍵變漫畫”視頻應用,都是非常簡單的,這樣才能最大限度地降低參與門檻,讓全民一起嗨起來。
          • 二是讓人有分享動機。共創式傳播,不光要吸引參與,更重要的是要吸引他轉發,那些具有身份代入感、能夠增進自我形象、感覺自己能夠以小行動助益社會的活動,才會更容易引起分享。

          比如說人民日報發起的“傳照片生成自己的軍裝照”H5,就很有代入感;還有像奈雪之茶這些高顏值茶飲產品,消費者自愿拍照分享,則是為了凸顯自己的品味和形象;參與關愛自閉癥兒童的“今天不說話”活動,則是滿足了助力社會的自我實現心理。

          04 蒲公英式:星火燎原,所向披靡

          所謂蒲公英模式,是讓傳播渠道或者傳播事件不斷復制,派生出很多次級傳播單元,在各個角落落地生根,從而形成全覆蓋的浩瀚態勢,從而達到“星火燎原”的引爆效果。

          (圖:蒲公英式傳播模型 )

          有一些IP式的活動,有共同的主題和形式,然后在不同城市不斷進行復制,最終達到落地生根、全面開花的效果。

          比如當年優步剛進入中國時,就是靠“一鍵呼叫”系列事件,在各大城市引爆關注狂潮的。北京的一鍵呼叫人力車、上海一鍵呼叫直升機、成都的一鍵呼叫搖櫓船、青島的一鍵呼叫游艇,每個城市都復制了活動的基本形式,但又結合本地文化進行了調整,最終匯聚成席卷神州的強大聲量。

          蒲公英模式的另外一種形式,是傳播渠道上,在核心渠道以外配合很多的分子渠道,從而形成多陣列的全覆蓋效果。

          比如公眾號“吃貨小分隊”,除了“吃貨小分隊”這公眾號,還有多倫多吃貨小分隊、灣區吃貨小分隊、洛杉磯吃貨小分隊、溫哥華吃貨小分隊、波士頓吃貨小分隊等十三個子公眾號,在微信平臺頗有影響力,獲得了全美120萬以上的粉絲青睞。

          再比如樊登讀書會,他們除了官方APP,還會把官方的視頻素材剪輯成小片段,打包給到全國各城市代理商。眾多的代理商被允許在抖音、快手等社交媒體開設賬號,發布這些資料。于是,網上鋪天蓋地都是樊登讀書會的視頻內容,形成無處不在的曝光效果。

          蒲公英式傳播的發生機制,是矩陣協同作用。眾多的傳播單元,形成密集的陣列,相互支撐、相互補充、相互呼應,可以起到1+1大于2的放大作用。這跟7-11便利店的密集開店的渠道拓展模式,以及一些品牌“全國萬店聯合促銷”的玩法,有著異曲同工之妙。

          05 喇叭式:集中引爆,一舉成名

          喇叭式傳播,就是集中廣告資源,借助大媒介、大明星、大投入,讓傳播信息進行密集曝光,從而快速引爆事件。

          喇叭式傳播模型

          喇叭式傳播,是一種中心化的傳播模式,在傳統的電視、紙媒時代,很多品牌都不惜砸重金競標央視黃金時間,或者在短期內在各大衛視同時打廣告,進行形成全國性的曝光。直到今天,像瓜子二手車、大衛拖把這些品牌,也是通過密集的電梯廣告進行轟炸式的宣傳,這也算是喇叭式傳播。

          到了互聯網時代,喇叭式的傳播其實并沒有消失,只是相比過去的單向輸出,多了實時的反向互動和分享,這樣就有了二次傳播的可能。

          比如說與明星聯名做推廣,找李佳琦、薇婭這樣的頭部KOL種草,或者像完美日記那樣,集中火力在小紅書投放了大量種草日記,都是屬于喇叭式傳播,其效果可以即時獲得受眾反饋。

          喇叭式傳播的發生機制,是從眾心理。當我們在短時間內,看到小紅書、抖音、微信、微博乃至整個網絡,都在使用某個產品或者討論某個品牌,就會覺得這個品牌實力很強,他的產品大家都在買,從而跟風拔草。

          不過,喇叭式傳播也有其局限性,就是需要足夠的預算做支持。盡管喇叭式傳播的重點是拼媒介、拼覆蓋面,但是在具體執行中,也要想辦法讓傳播內容盡可能有些梗、有些料,以便刺激受眾二次傳播,廣告效果會更好一些。

          讓廣告公關化,在廣告中融入可討論的話題,不失為提升喇叭式傳播效果的一種可行思路。

          比如,早幾年世界杯期間刷屏的“法國隊奪冠,華帝退全款”事件,還有今年疫情期間網易嚴選的“勸你別看廣告了”路牌廣告,以及最近網易嚴選“退出雙11”的操作,都是在傳播中融入了公關的要素,掀起了極高的話題討論度。

          06 小結

          從傳統時代到移動互聯網時代,傳播環境不斷變化,刷屏玩法層出不窮。這種情況下,我們不光要學習借鑒的傳播案例,還要把握傳播的原理和模式,才能以不變應萬變。

          5種互聯網傳播模式總結

          以上5種基本模式,各有優缺點以及使用范圍,我們需要結合傳播的目的和策略,匹配最合適的方案。最后,祝大家天天10萬+,刷屏刷到手抽筋。

          文章來源:人人都是產品經理   作者:品牌鑫觀點

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務



          設計師必備的12個APP,你有幾個?

          資深UI設計者

          大家平時手機APP中有多少是跟提升和學習有關的?自己碎片化的時間都用來做什么呢?是否在微博、微信、淘寶、抖音之間游走?在這些APP里獲得即時的快樂后,又很空虛?

          別急,今天我就給大家推薦幾款我親測好用的APP,讓大家能輕松的利用碎片化的時間去提升自己。

          設計師必備的12個APP,你有幾個?

          身為設計師,提升審美是非常重要的,可以說,審美是決定一個設計師發展的關鍵性因素。但是,審美的提升不是一朝一夕能實現的,是一個長期積累的過程,要多去看好的作品,多去分析,多去記憶。接下來給大家推薦幾個可以看作品的APP:

          設計師必備的12個APP,你有幾個?

          之前我們經常告訴大家,提升審美的一個快速的方式就是多去看好的攝影照片。國家地理大家都比較熟悉了,是風光、人文、紀實類攝影機構,這里有很多世界頂尖攝影師拍攝的照片,并且可以下載高清圖片,欣賞的同時還可以作為自己的靈感庫。每天這個app都會推薦5-10張照片,不斷刷新你的圖庫。

          設計師必備的12個APP,你有幾個?

          給大家看看我近期下載的圖片

          設計師必備的12個APP,你有幾個?

          △ 《冰山的紋理》photograph by Nancy Leigh 圖片來自:國家地理APP

          這是南極洲的天堂灣( Paradise Cove),有許多彷佛經過精雕細琢的冰山。這座冰山表面有著令人驚嘆的美麗紋理,就像高爾夫球桿揮過草皮留下的痕跡,還有一道道的條紋。它以迷人的姿態,歡迎著我們來到這個有著湛藍海水、冰河與詭異天色的海灣。2013年攝于南極洲的天堂灣。

          設計師必備的12個APP,你有幾個?

          △ 《雨驟來》photograph by 林曉敏 圖片來自:國家地理APP

          大雨驟來,巷中食肆排檔的食客不慌不忙,以雨景伴晚飯,慢活是一種生活態度。

          可能很多同學納悶,我看攝影圖片到底看什么呢?

          可以看構圖、光影、色彩、色調等等,這些在你設計時都會潛移默化影響你,比如,上面兩張圖片,最吸引我的是它們的色彩,第一張整體是藍色調的,我可以用它的顏色作為我畫面的配色。第二張圖片,色彩的冷暖對比很大,給我一種賽博朋克的感覺,設計非??岬漠嬅鏁r,就可以用到這樣的配色。

          tips:

          「國家地理」APP,安卓和蘋果系統都可以下載,安卓系統是免費的,蘋果系統要收1元的費用。

          設計師必備的12個APP,你有幾個?

          看展絕對是可以提升審美的好方法,「iMuseum」是一款可以定位搜索你附近的美術館畫廊的APP,覆蓋全球,包含了幾乎所有地區的展覽消息。

          設計師必備的12個APP,你有幾個?

          設計師必備的12個APP,你有幾個?

          「VART」這個可以說是「iMuseum」的升級版,它的功能很強大,「iMuseum」有的功能,它也有,除了定位全球查找展覽信息和看其他人看展動態之外,還有很多功能,比如:

          • 它可以線上購票,APP上能看到近期開始的和即將結束的展覽,看到感興趣的即可在線購票,拿著電子票據就能去線下看展了。
          • 它可以通過場館尋找展覽,當你定位好后,直接選擇場館模式,就會出現這個城市的所有展館,非常方便我們查找。
          • 它包含了很多國內外藝術家/作者的生平簡介和作品介紹,以及相關的展覽信息(簡直不要太棒了!)還可以關注藝術家,以便下次接著觀看。
          • 它可以全景線上看展,其實對于一二線城市之外的設計師來說,想看展是比較麻煩的事,一個是距離,一個時間,并且在這一年疫情期間,更是難上加難,但是,有了這個APP,就可以線上看展了。

          大家千萬別錯過這里的展覽海報設計,有一些還是很值得學習的,看到好的記得保存到手機里,充實自己的靈感庫。

          設計師必備的12個APP,你有幾個?

          設計師必備的12個APP,你有幾個?

          看名字應該就明白這個app的主打內容了——雜志,這里全是日本雜志,這里大多數雜志的編排都是非常好的,提升審美的同時,還能讓我們設計的時候有所借鑒。

          在線瀏覽不方便,你也可以下載到手機里,只不過需要交28元的費用,在我看來還是挺劃算的。當然,如果你只是看好了某一頁,點擊下方的保存,就會存到手機相冊內。

          設計師必備的12個APP,你有幾個?

          tips:這個app可能你在安卓的商店內搜不到,需要直接用網頁搜索「雜志迷」,同樣可以下載。

          設計師必備的12個APP,你有幾個?

          「Behance」是一款Adobe旗下用于展示并發現創意作品的在線平臺。這個APP很多人都比較熟悉了,是全球非常知名的分享平臺,各行各業的設計師或愛好者在上面分享自己的作品,讓你能看到除了平面設計外更廣闊的領域。

          設計師必備的12個APP,你有幾個?

          「ins」是Facebook公司的一款免費提供在線圖片及視頻分享的社區應用軟件。

          這個平臺有明星,有素人,也有很多知名的設計師,它像一個大的朋友圈,每個人在平臺上分享自己的生活照片或者設計作品,下面分享一些,我在上面關注的賬號,這里有插畫、海報、時尚、藝術、雜志、海報等等,看這些作品同樣可以提升審美。

          設計師必備的12個APP,你有幾個?

          設計師必備的12個APP,你有幾個?

          設計師絕不能局限于眼前的設計稿,要多去增長見識,多去開闊眼界,當你的知識面拓寬了,就會給你提供源源不斷的設計靈感,所以,多去看和設計“無關”的東西,也是對于設計師大有裨益的,比如說歷史、電影、時尚、攝影等等。

          下面就給大家推薦幾個能增長見識的APP

          設計師必備的12個APP,你有幾個?

          這個APP原來的名字叫“全歷史”,現在叫「全世界」,一看格局就是變大了,它還有網頁端,功能基本是一樣的。

          這款APP我本人真的是強烈推薦!因為在這里你可以按照時間軸、關系圖譜、時間地圖查看各國,各個歷史時代的歷史相關內容。

          根據導航你還能看到全畫作、全古籍、全人物、全戰爭等內容。這些內容里面還藏了很多細小的分支,讓你從頭把歷史捋順了。

          網上對于這款APP的評價:這是一個時光機歷史地圖 + 文學藝術編年史 + 典籍名著中英對照 + 全球博物館在線閱覽。驚喜的是,它還在不斷更新它的數據庫,所以,你還在等什么?快去下載吧??!

          設計師必備的12個APP,你有幾個?

          「開眼」是一個全球精品短視頻平臺,匯集了動畫、廣告、影視、運動、創意、游戲、旅行等領域的優質短視頻以及這些領域的創意人群。

          和我們平時刷的短視頻不一樣,開眼APP上的視頻都是精挑細選的高清視頻,覆蓋范圍也很廣泛,包含了旅行、運動、創意、廣告、生活、科普等18個熱門分類,界面設計的也不錯,每日推送3-5條視頻。

          開眼,簡直就是短視頻界的一股清流,可以從這里看到很多優質的視頻內容,比如下面這個二維世界的圖形實驗。

          設計師必備的12個APP,你有幾個?

          「TOPYS」app是由中國成立最早、的創意垂直網站,TOPYS推出的移動端應用,是一個面向創意人、創意領域愛好者開放的創意學習平臺。

          這里包含了文案、視頻、名人訪談、設計項目等等,汲取每日新鮮靈感,了解創意圈熱門動態,滿足審美體驗。

          設計師必備的12個APP,你有幾個?

          除了提升審美和增長見識外,我們還需要提高工作的效率,這就需要用到工具了。當然,網頁端也有很多不錯的設計利器,以后我再給大家分享,今天分享一些在手機上就能實現的小工具!

          設計師必備的12個APP,你有幾個?

          「PantoneConnect」這款APP,我只在蘋果商店里找到了,安卓的沒有找到。

          這個就是最近頻上熱搜的潘通公司所開發的APP,主要是幫助設計師簡化他們的色彩選擇和設計流程,提升工作效率。

          它這里有很多色彩庫,讓你根據不同的印刷需要進行選擇,還可以根據你上傳的圖片進行分析,提取出相應的合理的配色,比如我們在「國家地理」中下載的攝影照片。

          它還有很多功能,就等大家自己去挖掘了。

          設計師必備的12個APP,你有幾個?

          如果你無法下載「PantoneConnect」APP,你可以試試下載「色采」,功能一樣很強大。

          1. 相機實時配色

          通過相機,捕捉下眼前的美景和心儀的色彩,將眼前的美景收錄為你的專屬色卡。

          2. 靈感探索配色

          從中西經典藝術作品、自然風光、電影動畫等提取的600多種原創配色。

          3. 照片智能配色

          更精準的顏色識別算法,從自己的相片中發現配色靈感。

          設計師必備的12個APP,你有幾個?

          現在吸引大家注意力的事物太多了,而且大多數會給你即時的快樂,讓你欲罷不能,不知不覺間,時間就消失了,導致沒有辦法集中注意力去做事情,這個布谷番茄,就是一個管理時間的效率工具。

          番茄時鐘可以幫你追蹤花在每項事務上的時間。還可以根據實際情況靈活地選擇每個番茄時間段的具體長度。

          設計師必備的12個APP,你有幾個?

          布谷番茄將你工作和生活中的待辦任務與目標技能關聯起來,讓你做過的事務都成為累積技能成長的一部分。通過在“做事”和“成長”之間建立清晰的聯系,讓刻意練習變得簡單,讓你成為時間管理的高手。

          設計師必備的12個APP,你有幾個?

          這里可以最多添加4個任務,如果想要添加更多的任務,需要充值12元錢,如果你確實在時間管理方面存在很多問題,那這12元錢花的還是很值得的。

          今天分享了12款APP給大家

          設計師必備的12個APP,你有幾個?

          互聯網的發展,讓我們學習更加便利,與此同時五花八門的各種APP吸引著我們的注意力,“殺掉”我們的時間。身為設計師,如果無法保持一個學習力,那就很難有好的發展,工作之余,我們完全可以利用通勤、如廁、睡前、午休等等碎片化的時間翻看這些APP,給自己一個提升的機會。

          文章來源:優設   作者:研習設

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務



          設計交互-用戶體驗之心得篇

          前端達人

          1.為什么用戶使用對齊標簽填寫表單的速度更快


          想象一下,一個用戶已經準備好注冊您的站點了。他們會進入你的表格并輸入他們的信息。字段標簽對齊的方式會影響用戶填寫表單的速度。


          你是想給用戶提舒適體驗,還是想給他們一個麻煩?

          如果您想讓他們的體驗更快更容易,請使用輸入框上面的字段對齊標簽.或輸入框內的對齊標簽模式。


          與左對齊和右對齊的標簽相比,頂部對齊或內部左對齊標簽填寫起來更快、更容易。這是因為標簽只需要有一半多的視覺固定物。

          頂部對齊標簽還允許用戶以一個可視方向向下移動輸入框。左對齊和右對齊的標簽需要兩個視覺指示才能填寫。


          頂部對齊標簽的唯一缺點是,它們可以使表單變得很長。但是現在用戶滾動的頻率越來越高,所以這不是問題。

          通過減少字段之間的空白,可以減少表單長度。您還可以將表單拆分成多個頁面,以使表單更短。


          頂部和左/右對齊標簽之間的差異很明顯。頂部對齊標簽更容易在眼睛上,并使表格更容易填寫。雖然他們可以使表單更長,

          但用戶將從完成表單所需的時間和精力的減少中獲益更多。


          如果頂部對齊的標簽能夠給用戶提供更好的表單體驗,那么它是值得采用的。設計師應該更多地考慮他們的字段標簽對齊。

          它可以區別于用戶填寫表單還是放棄表單。


          2.為什么對話框中的“確認”按鈕在右邊工作得最好


          有很多設計經常會問我一些關于按鈕上的問題那我今天也來獻丑講以下我對按鈕的一些理解,這段時間針對這些東西研究了很久,在對話框中放置“確認”和“取消”按鈕的位置。“確認”按鈕是完成任務的主要操作。


          “取消”按鈕是在沒有完成任務的情況下將用戶帶回原來屏幕的輔助動作。

          根據它們的功能,最好的順序是什么?“確定”按鈕應該出現在“取消”按鈕之前還是之后?


          許多人提到了以下幾點平臺約定作為答案。雖然這似乎是一個解決問題的方法,但實際上并非如此。它不能回答哪個位置對用戶更好,以及為什么。為了一致性而遵循平臺慣例的建議是不夠好的,給設計師留下了空手而歸的機會。


          “一致性”是設計師們常用的一個詞。不深入考慮用戶面臨的設計問題也是一個流行的借口。如果一個人不知道為什么會存在,遵循設計慣例有什么好處呢?


          如果某個設計約定對用戶有害呢?設計師應該為了一致性而盲目地遵循嗎?糟糕的設計實踐是否應該持續下去,因為設計師們希望通過平臺設計的一致性來解決每一個問題?


          今天,有一些平臺設計約定被廣泛使用,因為它們是為用戶工作的。但這里的要點是,平臺設計的一致性永遠不應該讓設計師滿意,因為這是做某事的唯一理由。理解為什么您應該以一種方式而不是另一種方式來設計您的用戶界面的原因是關鍵。


          按鈕放置事項


          人們可能會說,讓你的動作按鈕突出給它更多的視覺重量和一個清晰清晰的標簽比它的位置更重要。雖然動作按鈕的視覺重量和標簽是一個重要的設計方面需要考慮,但它不是唯一的方面。


          只關注一個設計方面而不是其他方面是一個粗心的設計師的行為。一絲不茍的設計師會思考每個設計方面是如何影響用戶的。

          對于設計師來說,最難搞清楚的是主動作和次要動作是如何放置的。這就是為什么“確認”/“取消”按鈕的爭論在設計師中如此流行的原因。


          為什么‘確認’按鈕在右邊工作得最好?


          當你通過了平臺慣例的爭論后,你會質疑哪個位置最有效。您可以通過分析設計如何影響用戶來解決這個問題。


          減少視覺固定


          一些設計師認為,在第二個操作之前將主操作放在左邊對用戶更好,因為它更接近,因此,點擊的時間更少。


          這是有意義的,但您不能忽視這樣一個事實,即用戶在選擇要采取的操作之前將查看他們的所有選項。

          這意味著大多數用戶不會盲目地單擊主操作按鈕而不查看它旁邊的輔助操作按鈕。


          他們將首先看到左邊的主要動作,然后查看右邊的次要動作。然后,他們會把眼睛移回主要的動作,點擊它。這將在多個方向上總共創建三個視覺固定。


          將其與放置在對話框右側的主操作和放置在左側的輔助操作進行比較。用戶從第二個動作的眼睛開始,然后將眼睛移到主動作上單擊按鈕。這在一個方向上總共創建了兩個視覺固定,給用戶一個更快的視覺流。


          用戶只關注每個按鈕一次,并在主動作按鈕上結束。將主操作放在左邊可能會使用戶更容易到達,但是當您從用戶的思維過程和視覺固定的角度來看速度時,將主操作放置在對話框的右側實際上更快。



          用戶點擊或操作按鈕的心里狀態


          當用戶單擊輔助操作按鈕時,他們期望應用程序什么也不做,并將它們帶回到原來的屏幕。因此,“取消”按鈕的功能類似于“后退”按鈕。


          當用戶單擊主操作按鈕時,他們期望應用程序執行按鈕所述的操作,并將其轉到下一個屏幕。因此,“確認”按鈕的功能類似于“下一頁”按鈕。將輔助動作按鈕放置在左側,主動作按鈕在右邊映射到用戶可以期待的‘后退’和‘下一步’按鈕功能。


          它類似于分頁按鈕的放置方式。將用戶帶到下一頁的按鈕位于右側,將用戶帶回其早期頁面的按鈕位于左側。這個按鈕的放置工作是因為它映射到用戶從左到右的閱讀和導航方向,其中右是前進的方向,左是后退的方向。


          對話框中的“確認”和“取消”按鈕應該遵循類似的交互模式,因為它們的功能類似于分頁按鈕。

          不僅如此,在中國用戶習慣了左右方向的模式。

          將您的主要操作放在右側,將次要操作放置在左側,將使您的對話框按鈕更容易、更直觀地為用戶所理解。


          為用戶提供更有效的視覺流暢度


          將您的按鈕放置在終端區域可以讓用戶看到他們最后需要采取的主要操作。這不僅改善了視覺流,也改善了任務流。

          用戶在掃描時不會跳過主動作按鈕。當他們通過時,他們的眼睛就會盯著它,所以他們可以立刻點擊它。


          按鈕放置在中間還是放置在左右兩邊?


          另一個問題是設計師經常想知道他們是應該把按鈕放在角落里,還是把它們放在一起。當您將主操作和輔助操作放置在對話框

          的角中時,它將很好地映射到左右方向。但是,由于‘取消’和‘確認’按鈕不是導航按鈕,所以沒有必要遵循方向映射。有時它弊大于利。

          如果應用程序要執行用戶無法撤消的關鍵操作,那么用戶可以看到“取消”按鈕和“確定”按鈕是很重要的。在這種情況下,“取消”按鈕的功能可能像“先前”按鈕,但更重要的是,因為它充當安全按鈕,以防止任何更改。


          在左下角放置“取消”按鈕的危險是,由于兩個按鈕之間的視覺分隔很大,它可能導致用戶忽略它。將“取消”按鈕和“確定”按鈕放在一起,可以使用戶更容易在一次凝視中查看和比較這兩個動作,從而選擇最佳的操作和點擊。

          我們經常卸載軟件的時候一不留神就會點錯,或者是我們在裝某一個軟件的時候全家桶一擁而上。所以在不同場景當中我們所用的按鈕形態也是不一致的。


          3.下拉菜單加圖標和不加圖標的區分在哪里!


          大的側邊欄菜單甚至會讓用戶看起來很不雙我們應當如何解決這一個問題。

          其原因是設計人師在做顯示菜單項的時候會出現的問題。

          當它們都有相同的視覺處理時,菜單項很難進行識別與區分。

          如果不修復這個問題,會導致用戶放慢他的瀏覽速度從而導致用戶的流失在大的層面來講,小的層面來講閱讀不爽導致關閉頁面。


          菜單欄沒有主次之分

          當您對菜單項進行全文本或全圖標處理時,問題就會出現.當用戶掃描他們想要的項目時,他們的注意力分散在菜單周圍。這是因為沒有層次來吸引他們的注意力。


          通過將用戶的注意力引導到您的主要項目,使您的菜單可掃描。

          要實現這一點,我們可以看下面設計形式來強調重點內容


          主項圖標


          與其在每個菜單項上放置圖標,還不如將其放置在主菜單項上。視覺強調首先將用戶的注意力引導到這些項目上。

          次要項目上缺少圖標,這使得它們能夠得到其余的關注。


          略大一點的圖標


          如果要使所有圖標處,請稍微放大需要突出的圖標。

          稍微的增大會使視覺效果有很大的不同,同時字形更容易辨認,每一行的線高也會增加。讓整個看起來更加有空間感一些。

          讓用戶瀏覽閱讀起來也會更加舒暢一些。

          4.在按鈕上避免顏色對比度錯誤


          想象一下,當用戶在您的界面上遇到一對按鈕時,他們猶豫不決。

          用戶向左看,然后向右看,比較它們。經過一番思考,他們做出了選擇。

          他們的選擇按鈕做出決定,而且不確定,因為你的按鈕沒有層次結構。


          不要使用相同的顏色輪廓按鈕


          甚多的設計師設通常喜歡使用主按鈕的輪廓形狀作為輔助按鈕。按鈕樣式看起來可能不一樣,但還不夠。

          他們仍然會競爭,因為他們的顏色對比度相等。

          為了給主按鈕更多的注意,削弱輪廓按鈕的對比度。與其使用重顏色,不如使用它的色調。你可以通過降低重顏色的亮度和飽和度來制作。確保對比度足夠高,以達到主要的按鈕突出性。


          不要使用黑色輔助按鈕


          設計師的另一個趨勢是把第二個按鈕變成黑色。他們認為,使用中性的顏色,它是不會競爭的。然而,黑色按鈕更為突出,因為它有一個更高的對比度。



          不要使用黑色,而要使用重顏色的色調,以使輔助按鈕比主按鈕更弱。要做到這一點,增加亮度和降低飽和水平。



          不要在主色調上使用淺色


          將彩色按鈕與中性灰色配對并不總是意味著彩色按鈕會得到更多的關注。如果主按鈕的顏色太輕,則中性輔助按鈕將更加突出


          要避免這一錯誤,請選擇不太明亮的顏色。明亮的顏色可能看起來很有吸引力,但它與白色背景或文字的對比不太好。在主按鈕上使用更暗的顏色,這樣第二個按鈕就不會引起注意。




          5.復選框的設計與使用方式哪種更好


          在界面上使用復選框之前,您必須先問自己幾個問題。復選框是否是在此上下文中使用的正確組件?如果是的話,最有用的顯示方式是什么?


          許多設計師沒有問這些問題,自動使用復選框,沒有太多的事先考慮。

          因此,它們通過在錯誤的上下文中使用它們而產生可用性問題。


          不僅如此,許多設計人員都很懶惰,期望前端寫成默認選框完成這項工作,而不是

          自定義復選框設計。但問題是,前端默認的復選框不能完成這項工作,因為它們的

          可用性很差。


          大多數設計人員在復選框上會犯的幾個可用性錯誤,這些錯誤會破壞用戶體驗。



          單選與重復的選擇


          在設計當中我們經常會遇到做選擇性的勾選,往往很多設計師會犯的一些錯誤問題和選擇障礙問題。

          通過更大的目標來明確與用戶進行選擇更為明確

          我們設計單選框的時候這不是秘密而是讓用戶做出選擇,復選框是很難點擊,因為他們的小擊中目標。


          設計師通常會讓標簽點擊,但如果它不是直觀的,那也于事無補。


          通過將復選框轉換為復選標記,您可以為用戶提供更大的命中目標和更清晰的交互提示。



          重復物品的重量及數量選擇


          有時你可能想提供不同數量的商品。使用多個復選框復制它會產生更多的文本來讀取,并使界面混亂,且讓用戶難以進行選擇。對于增量輸入更改使用數字選擇器一次顯示該項會為更好些。


          undefined


          總結以上兩點,實際商用應用案例如下所示


          6.在設計當中我們該如何控制內容的突出性與閱讀性


          新聞卡片的設計怎么才能突出信息內容


          卡片內容有幾種文本類型,提供不同的信息功能。讓我們看看基本內容卡的文本類型。

          首先是眉毛,它是一個明確的詞或短語,用來描述內容的主題。

          還有一個標題,它用一個句子中的幾個單詞告訴用戶內容是關于什么的。

          在此之后,就會有一個描述內容的正文。

          最后,就是時間與操作的按鈕

          必須通過確定哪些文本類型對用戶更重要,從而為您的卡片新聞建立文本層次結構。

          此內容新聞卡片的適當文本層次結構為:

          1.眉毛-可以是時間,可以是新聞分類

          2.標題-最重要的是,因為它描述的內容最快。

          3.正文-包含一個描述性段落,但閱讀時間最長。

          4.描述內容的正文對內內容的簡要描述。

          您的內容卡應指導用戶按此順序瀏覽文本類型。要實現這一點,您需要使用瀏覽控制對文本類型應用適當的視覺強調。


          控制用戶的瀏覽順序


          通過適當的視覺強調,可以控制用戶瀏覽的順序,并指定反映文本層次結構的瀏覽模式。

          當掃描遵循文本層次結構時,用戶會浪費更少的眼球運動,并且可以更快地處理信息。


          下面的示例說明了瀏覽控制如何讓眼球工作比較。不同的是強調不同的文本類型。

          其他文本類型具有相同的強調度,這使得它們爭奪用戶的注意力。

          其他設計形式及瀏覽方式


          在內容顏色的控制上我們可以為三種,重要的突出的需要用戶重點進行關注的就用黑色

          例如:#333333      #222222   #454545     等等色值

          在不需要突出的內容上我們可以用稍微淺一點的色值保證用戶能夠進行閱讀即可,

          例如:#999999      #787878   #666666     等等色值更加容易記住

          其他輔助的內容表達比內容正文更淺

          例如:#bbbbbb      #A8A8A8    等等色值

          說到這里我要說一用戶體驗關于文字的事情如果做出來的設計文字是給自己看的隨意設計讀沒人會說你,有句話說的好:現在

          是內容為王的時代,如果在內容上不夠吸引或者顏色不夠吸引眼球那就是一個很失敗的案例。


          轉自:站酷

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          UI/UE | 產品體驗日記

          前端達人


          設計的思考不僅要注重表象層面,也需要圍繞信息傳達這一設計的本質功能,以充滿自省的精神深化和反思自己的設計意識,即做到“好看、好用”。在設計過程中,要站在公司的利益上,懂用戶所想,在每一個關鍵點都要帶給用戶意想不到的驚喜,這些往往都是通過細節體現出來的。





          01.「微信」添加好友-掃描與被掃指尖切換


          產品體驗:

          使用微信掃一掃添加好友時,如果對方打開二維碼的速度較慢(網絡不好/手機卡頓/操作不熟),為避免自己久等,可通過左下角的二維碼入口將自己的個人二維碼提供給對方掃描添加。

          設計思考:

          微信的掃一掃功能簡直強大到不敢相信,除了我們日常要用的支付付款、物品查詢、各種信息的獲取等,還有一個重大的功能就是添加好友。不知道大家有沒有碰到過這種情況,需要添加好友時,自己打開掃一掃,過了很久卻發現對方還在功能的路徑中徘徊,遲遲沒有打開二維碼頁面,這時我們不得不說一聲“你掃我吧”,于是自己從掃描頁面返回,一頓騷操作,把自己的個人二維碼給對方展示了出來。

          微信在掃一掃頁面左下角提供的個人二維碼入口,便于在加好友出現問題時,隨時由被動變為主動,指尖切換掃描與被掃的添加方式,節約用戶時間成本以及緩解掃描等待的焦慮感?;谟脩籼砑雍糜褧r所處的使用環境,考慮周全且人性化,極大方便用戶使用。





          02.「高德地圖」錄入車牌號-降低限行違章概率


          產品體驗:

          在高德地圖的導航設置中,錄入自己的車牌號并開啟避開限行提醒,在導航過程中如果途徑限行路段,系統會有語音播報提醒并自動避開限行路段重新規劃路線。

          設計思考:

          自北、上、廣、深四個一線城市交通部分別出臺汽車限行措施后,其他部分城市也相繼出了限外政策,外地車牌如果想要在本城市隨時出行,需要(部分城市通過搖號)獲得本地車牌號方可。不管我們對交通路線有多熟悉、或者經過其他城市的限行路段,因限行導致的違章真是防不勝防,畢竟每個地方的限行政策都是通過固定渠道對外宣布,不會通知到每一個駕駛員,如果不能第一時間獲得限行訊息,悔之晚矣。

          使用高德地圖導航,在登錄后錄入車牌號并開啟“避開限行”,系統就會自動檢測導航路線,如果要經過限行/限外路段時會自動重新規劃,通過繞行來避讓限行的路段,如果無法避開則提示:已無法為你規避限行路段,請合理安排出行。自動規劃路線能夠有效避免因限行導致的違章,給我們造成經濟損失,尤其是駕照,畢竟一周期才12分。就算無法避開,也可以通過語音提前知道限行路段,并合理安排出行時間。

          (PS:雖然很多用戶感覺無需登錄也可以正常使用,但登錄之后可以享受更多特權以及更加優質的服務)





          03.「支付寶」你想要的收款二維碼樣式是這樣的


          產品體驗:

          在支付寶的收款二維碼頁面截圖時,系統預判用戶有使用二維碼收款的需求,通過彈窗提示是否需要保存二維碼圖片,自動去掉無關信息并統一規范樣式。

          設計思考:

          移動支付自上線開始,微信支付和支付寶支付各自占領著半江山,只要涉及線上交易,絕大多數用戶每天必定會選擇其中一個使用,雖然兩大企業的方向截然不同,但支付系統在用戶體驗方面都是一如既往的持續提升,以此來增加用戶的粘性。

          支付寶收款二維碼頁面觸發截圖,在截取成功的狀態下,同時彈出保存二維碼圖片提示。跟設備截取的圖片相比,單獨保存的二維碼樣式更加簡潔,且規范統一,信息內容更加聚焦,便于用戶直接傳送或打印使用。其實進入收款二維碼頁面,在下方原本就有保存圖片入口,基于用戶進入此頁面的需求明確,對性子較急且耐性較低的用戶來說,這個被弱化的保存入口,可能直接忽略(別不信,我見過有人手上拿著手機還在到處找手機)。截圖時出現的彈窗提示,相當于上了一道保險,避免使用截圖自行裁剪打印的樣式不統一,導致付款用戶心中原本就已存在的默認收款二維碼樣式發生變化,形成認知負擔。





          04.「抖音」暗示用戶-好看就要分享


          產品體驗:

          在抖音短視頻頁面停留一段時間后,分享圖標會自動變成最近常分享的某個用戶頭像,暗示用戶好東西要分享。

          設計思考:

          抖音作為當前最火的短視頻(直播)平臺,相信很多用戶即使不經常玩,但最起碼會玩,雖然有部分低俗、劣質的用戶在破壞著平臺的規則,但整體看來是利大于弊的,其他的交給人心。下載抖音的用戶大部分獲取來源應該是來自于他人的分享,一傳十十傳百,最終傳到人手必備,所以平臺是相當注重分享功能的用戶體驗。

          抖音的分享功能,其實還有一個小細節,當我們停在某個短視頻頁面一段時間時,原本的分享圖標會變成最近分享的用戶的頭像。用戶對分享功能都有常規的認知,當我們在觀看某個視頻一段時間后,系統自動評判該用戶對此視頻感興趣,基于用戶看到感興趣的東西就喜歡炫耀、分享的心理(比如“孫悟空到此一游”),系統將分享圖標變成用戶頭像,意在提醒觀者分享,以達到最大化傳播可能的目的,以及為平臺拉取新用戶。





          05.「智行火車票」搜索攻略-確保使用的流暢性


          產品體驗:

          首次打開智行火車票的搜索功能,會自動彈出搜索攻略,以指導用戶可搜索的范圍及使用規范,后續再次打開搜索即恢復常規用法,如果再次了解,點擊搜索攻略即可。

          設計思考:

          對于搜索功能,可謂是熟悉的不能再熟悉了,千篇一律的輸入關鍵字即可,大不了重新再來。搜索是產品中不可或缺的一部分,無論打開哪個App,都能很快找到,但如果搜索功能做的好了,也是用戶轉化的關鍵流量入口,比如搜索方式、呈現樣式、搜索引導等,用戶體驗不容忽視。

          智行火車票APP的搜索攻略就是在合適的時間、合適的地點準確的傳達給用戶。首次進入,即自動彈出搜索攻略教育新用戶,明確的告知使用搜索功能可以搜什么?怎么搜?避免用戶一打開就直接擼字,而造成使用錯誤的概率提高以及影響搜索結果的準確性,用戶一旦碰壁,很有可能轉身就離開。自動彈出的搜索攻略由被動變為主動,可以提前告知用戶搜索范圍及關鍵詞示例,降低出錯的幾率,讓整個搜索流程更加順暢,為后續的使用提供便利,減少用戶的流失。





          06.「蝦米音樂」評論-一鍵表達心情



          產品體驗:

          在蝦米音樂聽歌時,進入評論功能,除了可文字評論外,還能表達聽歌時的心情,隨時查看有多少同樣心情的人在聽這首歌,很有代入感。

          設計思考:

          文字是我們交流常用的元素,但很多時候因使用的方法不當而造成含義上的變化,比如一段話后面加個感嘆號,到底是消極還是敵意?聲音也是一樣,當我們開著車對行人按喇叭,是表示禮貌還是憤怒?而表情則是不同,它表達的是一種類型,比如一個笑臉,可以理解為滿意、開心、高興等。表情除了可以委婉的表達自己內心的情感之外,也是因為表情的無責任性,你會聽到人說,請注意你的言行,但沒人會說,請注意你的表情包。

          蝦米音樂APP在歌曲的評論功能,除了有文字評論之外,還可以表達聽歌時的心情,即表情評論。進入評論頁面,首先看到的是某某等幾人使用的什么樣的心情評論,并提示共有多少人參與,引導用戶接下來該做什么,讓用戶快速地進入到產品使用中,給予了明確行為操作的指令,觸發并提高了用戶的參與度。另外使用表情相比文字評論更容易操作,系統預設好可供用戶選擇的表情包并附帶文字提示,用戶無需思考便可一鍵操作,很大程度上降低了完成的難度。事實表明,同樣能達到目的的辦法,簡單的是最實用、也是。





          07.「美團」收貨地址-二次提醒降低出錯的概率


          產品體驗:

          在美團提交訂單頁面選擇好地址后,頁面上滑,詳細地址會懸浮在導航欄,便于用戶二次確認或修改。


          設計思考:

          線上購物已經成為了我們的家常便飯,外賣行業解決著我們“吃”的問題更不例外。通常我們在選擇好商品后,地址作為重量級的信息都會優先展示在訂單頁面的頂部,首先基本都會提供一個默認地址,如果不需要進入地址修改即可。縱然如此,依然有部分用戶因為急于下單,后續發現地址錯誤,就需要聯系商家修改地址或者取消訂單重新下單,浪費時間不說,還會影響心情。

          美團APP在提交訂單頁面,針對地址方面相當于加了一道保險。用戶在選擇完地址上滑頁面后,詳細地址懸浮在的標題欄上,點擊可直接修改收貨地址,雖然不一定每個用戶都能看到,但長時間懸浮在頁面頂部,時刻都在提醒著用戶,只要稍一抬頭,即可看到醒目的大字(地址),便于用戶潛意識的瀏覽或眼睛的余光掃描,發現有誤及時修改,降低下單時地址出錯的概率,考慮周全,給予更好的用戶體驗。





          08.「菜鳥」下拉刷新-趣味化的“空投”


          產品體驗:

          菜鳥APP在頁面下拉刷新的過程中,會有一個紙箱從空中落下的動畫效果,類似空投,仿佛在說“你的補給已送到,請及時查收”,非常貼合平臺的屬性及特征。

          設計思考:

          下拉刷新早就不是什么新鮮的東西了,幾乎所有的應用里都會有這個功能,通常都是一個持續的動效在告知用戶,頁面的數據正在加載,請稍等,市場上很多APP的刷新樣式都是大同小異。不過一旦做好刷新樣式,就不僅僅是告知用戶當前頁面狀態這么回事了,比如下拉刷新前后兩種狀態借助過渡動效連接到一起,讓用戶了解界面到底發生了什么改變,以及在刷新的過程中如何留住用戶繼續等待,避免用戶焦躁的情緒......

          菜鳥APP在下拉刷新的過程中就使用了趣味性的動畫方式,首先通過空中出現的箱子緩緩落到地面,有趣又貼合產品整體的設計概念,用生動形象的情感化設計反饋平臺行為,為人機交互增加了趣味性和互動性,而且還可以緩解用戶在等待刷新過程中的焦慮感;其次,這種動效可用幫助用戶理解屏幕上發生了什么,也會讓用戶有所期待。

          (看到這個動效,有沒有似曾相識的感覺“哇,那邊有空投,馬上要落地了,趕緊上車沖過去”)





          09.「美團」匿名差評-降低商家對用戶的騷擾


          產品體驗:

          對美團的訂單進行評價時,如果選擇差評(1~2分),系統將自動開啟匿名開關以便于用于匿名評價,商家是無法查詢到匿名用戶信息的。

          設計思考:

          評價在商品頁面展示給所有用戶,對店鋪商品起著至關重要的作用。95%的用戶購物之前都會參考評價,好評會增加用戶購買信心;而差評可能會讓用戶放棄購買這個商品,甚至認為這不僅僅是劣質商品,更有劣質店鋪的潛在想法。其實有很多商家都有通過刷單來提升店鋪的銷售量和買家秀的質量,作假都尚且如此,何況是真實用戶呢?所以商品一旦有了差評,不僅會影響店鋪的整體動態評分和好評率,還會降低店鋪排名,很大程度上會影響其他用戶判斷及產品的轉化率,所以商家一看到差評就激動得馬上打電話和買家溝通改評價,低頭認錯,尤其是新店或者新品有差評時,不斷的聯系(騷擾)會給消費者帶來一定的困擾。

          美團APP的訂單評價如果選擇差評,系統將自動開啟匿名評價,由被動變為主動,避免用戶因情緒化或忘記打開匿名,而遭受到商家電話的騷擾,通過補償被要求修改或刪除差評。當然,如果用戶不想匿名,關閉開關即可。匿名評價不僅降低用戶的困擾,還能提升商品評論的真實性,以協助平臺通過大數據對整體店鋪進行排名和評分展示,減少對后來消費者的誤導。

          (杠精思維“這樣豈不是讓很多鍵盤俠來惡意給店鋪差評”。其實別忘了一個前提,就是必須要通過下單支付并等待訂單完結后才可以進行評價,畢竟大部分用戶不會刻意這樣做,任何產品不就是滿足80%以上的用嗎?)





          10「釘釘」保護信息隱私的密聊


          產品體驗:

          從釘釘好友對話框的右上角進入設置頁面,點擊進入密聊,即可對聊天信息上一道鎖,保護信息隱私安全。

          設計思考:

          眾所周知,我們在聊天的過程中,信息很容易泄露,有很多窺探用戶隱私的程序,比如進入某些網頁會提示需要獲取用戶位置、讀取通訊錄等都屬于隱私。尤其是社交類型的應用,會有相關保護交流信息的安全措施。如消息撤回、閱后即焚、動態瀏覽權限等都有一定效果。

          釘釘推出的密聊功能就是聊天信息的一道安全鎖。進入密聊后,消息禁止復制和轉發、頭像名字打碼防截屏、不可被錄屏、消息通知不顯示內容等,很大強度上保護交流信息的隱私,給用戶帶來安全保障。

          (有人會問,用微信的人更多,為什么沒有密聊功能呢?從用戶群體和性質來分析,微信主打社交,男女老少通吃,基本上都是嗨聊、打發時間或平時的常規交流等;而釘釘主打的移動辦公,主流的用戶基本趨向于白領類型的群體,一般屬于工作交流,很多聊天都涉及到商業信息,包括一些文件和商業機密,誰都清楚商業機密泄露的嚴重性)




          結語:


          設計師需要養成體驗產品的好習慣并將優秀的產品細節記錄下來,加強自己的記憶,不僅能提升自己的語言組織和總結能力,也為日后輸出優秀的作品當鋪墊,對自己的能力提升以及未來的職業發展帶來便利。



          轉自:站酷

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



          面向客戶的設計:理論篇

          資深UI設計者

          導語:在面向客戶的設計系列文章中,主要分為兩部分。此文為第一部分,講述什么是根據客戶意愿進行設計的理論;而在第二部分,作者將會深入地介紹在電子商務網站重新設計項目中,使用該方法的一個實際示例。

          作為UX設計師,我們喜歡采用“以人為本”的方法,即在解決問題過程的所有步驟中引入人的視角。無論我們是在與客戶交談,還是與用戶共同創造解決方案,這種思維方式都允許我們推出滿足人類需求和目標的產品和服務。

          問題是,兩個人在幾分鐘內就能相互理解信息在數字產品中很難復制。不管人工智能專家怎么說,當今存在的任何商業技術都無法替代與另一個人的對話。

          而且,不管我們如何以人為中心,我們仍然在為比特和像素設計,數字產品仍然是數字化的。

          然而,作為用戶體驗設計師,我們的目標是設計這些數字場所,以滿足人類的需求、目標和動機。我們經常問自己的問題是,我們能讓我們設計的數字世界更人性化嗎?

          我們得出的答案是,受限于媒體的一些限制,我們需要設計一種體驗,在這種體驗中,隨著數字場所的變化,盡其所能(在沒有聊天機器人的情況下)讓用戶獲得近似于一次面對面的對話。

          所以問題是:我們能在多大程度上讓我們設計的網站、產品和服務與用戶進行更多的“真實對話”?

          一、定義用戶和企業之間的真實對話

          在數字/網絡在線環境中,用戶和企業之間的“真實對話”是什么?

          最初,企業按部門或業務線組織網站導航。如:企業有這5個部門,所以這5個部門將在我們的主頁頂部。我們的假設是——而且通常仍然是——網站的業務和最終用戶在需求上100%一致。

          起初,這是因為客戶在學習如何使用互聯網時期望值很低。沒有太多的競爭性的東西吸引他們的注意力,也沒有一個公共平臺來記錄他們的抱怨。

          多年來,人們的上網的習慣已經發生了變化。一定程度上,是因為我們工作做的好,客戶開始期望企業表現得更“人性化”。

          換句話說,客戶希望在網站上找到自己所需的任何東西,就像詢問店內客服代表一樣容易。并且他們希望能夠從網站/應用程序上的任何地方滿足他們的需求,而不僅僅在菜單或頂部的主導航欄。

          在數字資產應該以更“人性化”的方式表現的預期背景下,我們將“有機對話”定義為客戶和品牌之間的自然流動,不論他們遇到了什么數字媒體。

          我們還認為,通過設計為基于意圖的導航(我們稱為“為客戶意圖設計”)我們可以創建出一種“有機對話”。

          只有當我們了解,記錄和設計客戶與數字媒體交互時打算做什么,而不是針對企業倉庫中的內容進行設計時,才能實現這一點。

          換句話說,我們問一個問題:“當客戶訪問網站或使用產品或服務時,打他們的目標是完成什么任務?” 然后,我們設計導航以填寫答案。

          二、導航作為有機對話的起點

          在詳細介紹如何圍繞客戶意圖設計導航結構之前,讓我們先暫停一下,考慮一下導航本身。

          導航是數字財產里非常重要但被低估的結構?,F在的導航結構通常是頂部導航(即,“首頁”頂部或菜單中的那些鏈接)和一些帶有相關內容的頁面導航的組合。

          但是,無處不在的概念往往會隨著時間的推移而過時,導航需要改進的地方還有很多。

          如果我們退后一步想想,把導航看作是數字資產和用戶之間的有機對話,那么導航將成為促進人類交流的橋梁。在這個角色中,導航在設計中具有新的意義。它成為了數字資產與其用戶進行“有機對話”的一種方式。

          三、主要思想

          考慮到所有這些因素,我們不僅要把導航視為層次結構(即每個部門/業務線),并且要采取進一步的措施。結合全面的層次結構,創建橫向的、基于意圖的導航結構,以促進品牌與客戶之間的“有機對話”。

          我們基于目的的導航想法源于普遍的信息架構和 Dan Willis’ Intent Paths 的目的路徑圖。

          此圖形表示人們可以用來瀏覽軟件應用程序或網站的路徑。六邊形代表數字屬性(例如網頁)上的個位置。位于六邊形中間的人可以使用幾種路徑(即網頁上的鏈接)來到達下一個位置。

          在左邊,我們看到了一個客戶路徑的例子,它通常定義在軟件項目中。如果你以前從事過軟件項目,那么你會認為這是一條基本路徑。

          基本路徑是假設用戶有一個單一的任務,一旦他們開始執行某個任務,用戶就會完全專注于他或她的任務。在此過程中,用戶沒有分心、問題或想法。

          太多的導航是以這種非常線性的方式構建的,以確??蛻舯黄茸咴诨韭窂?。不幸的是,這種方法在現實生活中沒有起到作用,而且它肯定不能促進自然的對話。

          對于用戶或客戶來說,將路徑選擇限制為=再非常線性的、基本路徑上,感覺更像是業務告訴他們應該去哪里,而不像業務支持他們去他們想去的地方。

          因此,強制的線性導航會降低用戶的內在動機(定義為做一些沒有任何明顯的外部獎勵的事情),減少:

          1. 能力,或者是控制和掌握你所處的網絡環境及其結果的愿望;
          2. 自主性,或行使自由意志的愿望。

          現在,讓我們看看右邊的六角圖形,更真實的路徑。

          在這個例子中,用戶通過快樂路徑門,然后決定向右走。很快,他們的環境發生了改變,以支持實現他們的意圖。

          通過獲得權限,用戶為系統提供了有關其訪問意圖的線索。使用更真實的路徑,不管他們是否停留在快樂的路徑上,導航路徑都會變形并根據其動作進行自定義,因此不會有導航“錯誤”要恢復。

          考慮到用戶在選擇和培育數字接口時所考慮的因素,數字生態系統的想法增加了能力和自主性,從而增加了內在動力。生態系統變形的能力取決于根據滿足客戶意圖建模的聲音信息結構。

          四、圍繞客戶意圖設計導航

          如果我們設計的數字導航結構能夠支持“真實之路”,那么我們將創造人與人之間的綠色對話,并使客戶能夠實現其對數字財產的計劃。

          反過來,這將增加客戶的內在動力,使他們更加快樂和忠誠,并最終使企業盈利。

          此外,橫向的、基于意圖的導航支持:

          • 客戶體驗:一個人對品牌的感知是決定客戶盈利和留住客戶的關鍵因素,它是資產負債表上的無形價值,這是他們的善意。
          • 可查找性:當客戶能夠根據他們的需要,而不是根據業務項目的路徑去找一個站點或產品時,查找信息的方便性得到了提高。
          • 喜悅:“他們怎么知道我在找它?”這種意想不到的魔力,這是大多數企業所缺乏的認知,它是今天能否贏得市場中競爭的關鍵因素。當你知道某人的意圖并設計信息結構來滿足這些意圖時,創造這種愉悅感比你想象的要容易得多。
          • 客戶忠誠度:隨著時間的推移,有了足夠的重復、有機、愉快的互動,客戶忠誠度——也被稱為“圣杯”——得到了極大的提升,使得SWOT分析中的T失去了它的重要性。當公司的價值觀符合顧客的價值觀時,競爭就不再是競爭。

          重要的是要記住:導航不僅僅是關于“導航欄”或者“漢堡包菜單”,它也與公司部門、業務線或公司政治無關。坦率地說,這甚至與產品和服務無關。

          導航是指服務于客戶想要在網站或產品上做的事情,或者稱為客戶意向。

          通過設計你的信息結構來滿足客戶的意圖,你正在設計一個有機流程,您正在幫助客戶滿足基于他們的想法、他們的需求和他們打算做什么的信息,而不是基于您的業務結構。

          你也沒有強迫用戶去尋找你的層次結構,而是幫助他們根據他們的需要探索。這允許有機對話的出現。



          文章來源:人人都是產品經理   作者:喵吉斯蒂

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務




          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合