<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>

          首頁

          企業設計的未來是什么?是消費級用戶體驗

          博博

          企業設計的未來是什么?是消費級用戶體驗

          人人都是產品經理 2018-07-21 15:13:33

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          企業產品要想取得最大的成功,就應該為用戶提供符合消費產品標準的體驗。

          企業設計的未來是什么?是消費級用戶體驗

          在John Maeda最近的一篇文章“為企業設計與為消費者設計之間的區別”中,他解釋了為什么為企業設計與為消費者設計應用程序相比是不同的,也許更具挑戰性。

          然而,作為一個為企業、小企業和消費者產品設計應用程序的人,我逐漸相信,在過去幾年中,為消費者和企業應用程序設計的區別已經迅速縮小。

          對于一個企業產品來說,要獲得最大的用戶接受度和長期的成功,我們應該為最終用戶提供一種體驗,這種體驗必須滿足消費品中同樣的可用性、性能和品牌標準。

          用戶已成為決策者

          對于傳統的企業產品,過去的模式是將產品賣給公司的高管,然后員工使用他們提供的工具。如果應用程序難于使用,員工會盡可能少地使用它,而是使用耗時的、通常是手工的變通方法,以避免在工具上花費時間。

          如今,團隊和員工經常選擇自己的產品,這意味著贏得勝利的是最好的產品和設計,而不是最好的銷售和營銷。Slack、Sketch、Dropbox、Sunrise、谷歌Drive和Asana都是這一趨勢的例子。

          企業設計的未來是什么?是消費級用戶體驗

          因為在不同平臺之間切換的成本比以前要低得多,所以在工作中選擇自己的工具要容易得多。我看到員工們選擇為他們工作的日歷工具、通信工具、文檔存儲系統,甚至設計工具,比如:草圖。越來越多的大型團隊工具決策,是自下而上的。用戶正在選擇他們喜歡的軟件,而不是強加給他們的軟件。

          這意味著,企業產品的構建需要越來越少地考慮,如何在企業產品設計中應用消費者思維,而越來越多地考慮如何在企業產品設計中應用消費者思維。

          不要依賴銷售團隊來實現用戶的增長。

          作為一名設計師,你的目標是開發一款非常棒的應用程序,讓你的用戶想要在屋頂上大聲談論它,并與所有的隊友分享。

          在這種情況下,接受是隨機的,用戶最終會對您的產品更忠誠,而不是他們被迫使用的東西。

          性能很重要

          盡管許多企業應用程序都是基于云計算的(例如:Salesforce、Quickbooks、Marketo、Infor等),但消費者對速度的預期與桌面應用程序的預期并無不同。

          如果基于云的應用程序需要花費時間來加載,用戶就會離開。Gmail和其他在線應用程序,已經為響應性和性能設置了標準。

          創造第一次使用體驗,讓用戶自己成功

          正如我與協作設計應用UXPin共同編寫的《企業用戶體驗的未來免費指南》(free guide the Future of Enterprise UX)中所解釋的,設計師還應該努力創建一種無需外部培訓的應用程序登錄體驗。

          這仍然是我看到企業產品設計公司猶豫不決的地方,人們會說:

          “好吧,人們理解這個工具需要一點培訓,因為它比消費者應用程序復雜一點?!?

          為人們在工作中使用的產品不應該成為糟糕設計的借口,如果你遵循常見的UI結構——定位用戶,給他們一個具體的用戶好處,讓他們覺得他們已經獲得了寶貴的時間——他們將繼續學習使用你的產品,就像他們學習視頻游戲、移動應用程序和其他東西一樣。

          例如:在為Intuit的旗艦產品QuickBooks設計登錄體驗時,我們詢問了關于業務的關鍵信息,然后根據所提供的信息定制體驗,為用戶做一些初始的設置工作。這有助于產品感覺它是為最終用戶和他們的業務設計的。

          我們創建了一個屏幕,顯示了同一行業和位置上Quickbooks用戶的數量。在傳統的登錄體驗中,不需要這樣做,但是這種流程的轉換要比步驟更少的登錄體驗高。屏幕告訴人們:“我們將為您設置產品,從而為您節省時間”,這也強化了他們正在選擇行業領導者。

          企業設計的未來是什么?是消費級用戶體驗

          第一次使用體驗的新工具條不僅適用于嘗試使用它的人。它必須足夠好,讓他們在與團隊其他成員和他們的公司一起倡導產品時感到舒適。

          讓您的產品可由用戶和團隊定制

          企業客戶不應該接受這樣的概念:他們需要實現專家來為客戶定制產品,客戶應該能夠自己做到這一點。

          如果您設計了一個企業應用程序,它可以由使用它的團隊定制,那么您就給了他們一種對產品的投資和所有權的感覺。你賦予他們力量,給用戶信心。用戶把產品做對,從而變得更加忠誠。

          此外,作為企業供應商,如果您將時間/資源用于客戶的定制實現,您將沒有足夠的資源用于應用客戶反饋和創新。

          企業設計的風險和機遇

          盡管企業用戶體驗和消費者用戶體驗之間的差距正在縮小,但在設計業務應用程序時,仍需要考慮一些持久的差異。

          創新的風險更大

          使用企業工具,您正在處理非常有價值的數據,因此如果您將數據隱藏在有趣的和不尋常的交互中,可能會讓用戶感到沮喪。作為一名設計師,您希望遵循已經存在的用戶界面標準,將您的創新重點放在產品中比現有產品更好的部分。

          作為一個谷歌文檔編輯器的用戶,我不需要知道如何使用文檔編輯器,因為它大量地借用了我使用Microsoft Word所知道的東西。谷歌在執行過程中所強調的是,將創新集中在差異化上:將其與MS Word區別開來的協作工具。

          我唯一需要學習的就是——如何邀請別人和我一起編輯?

          一旦我有了這個概念,我就可以用成千上萬個有趣的方法來使用這個應用程序,并且在我使用擴展我的應用到其他相關產品(比如:演示)的過程中,建立我所學到的東西。(我將第一個承認,在選擇使用現有范例的地方,設計師很難做到自律,而且仍然非常專注于在哪里重新設計)

          你很少有能力“吃狗食”你的工作

          如果你是為Facebook或Pinterest這樣的消費者工具設計的,你自己可能就是用戶。對于企業或業務應用程序,情況往往不是這樣。

          這意味著你必須既是一名優秀的研究者,也是一名設計師。

          當我在Intuit公司時,知道如何設計一個好的web應用程序,是不夠的,我還必須了解會計結構,以及小型企業/會計師的需求。我從來沒有開過小公司,所以我必須花更多的時間與使用該產品的人交流,學習和理解他們的目標和動機,比我在其他公司花的時間要多。

          我邀請了其他人(比我知道得更多)和我一起設計。值得慶幸的是,在Asana,我們使用我們的應用來完成我們所有的工作,所以我們可以體驗我們的用戶體驗。

          結論

          我很高興看到設計師和設計領袖對創建企業工具更感興趣,我認為這是因為消費者和企業之間的差距正在縮小。

          有了消費者應用程序,你就可以設計出一種影響到數十億用戶的工具,并將娛樂帶給世界。但隨著時間的推移,設計師會感到矛盾。許多消費者應用程序通過廣告賺錢,因此用戶目標和公司目標并不同步。用戶在想:

          “我想看這個視頻,公司在想,‘我們怎么能讓用戶在看這個視頻之前看更多的廣告呢?’”

          為企業和其他付費應用程序設計的好處是:終端用戶的目標和您的企業的目標是一致的,你的公司只有在用戶成功使用該應用時才會受益。通過企業工具,你正在構建產品,幫助組織及其員工實現他們的目標,幫助所有企業更好地完成他們的工作。

          原文作者:Amanda Linden

          本文由 @ ANG 翻譯發布于人人都是產品經理。未經許可,禁止轉載

          題圖來自 Pixabay,基于 CC0 協議

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


          真正驅動UI設計的,是用戶思維模式

          博博

          真正驅動UI設計的,是用戶思維模式

          人人都是產品經理 2018-07-22 09:13:44

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          設計UI時,比布局配色動效更重要的是用戶思維模式。

          真正驅動UI設計的,是用戶思維模式

          作為設計師,尤其是需要設計面向大眾的 APP 和網頁等數字產品的設計師而言,我們必須創造出用戶能夠自然理解的東西,以人們能夠清晰理解、不言自明的 UI界面和用戶體驗,來作為設計的最終目標。即使是再新鮮的產品,在設計的時候,也需要拿出用戶能夠感知得到的「熟悉」的模式,確保用戶在使用過程中不會感到割裂,不會覺得混亂和迷茫。

          在這種語境之下,許多設計師會擔心一個很實際的問題:我設計的東西會不會不夠新穎,會不會缺少突破?

          不過,此時這樣來提問興許并沒有問對問題。因為真正驅動 UI設計的,應該是我們常說的套路或者說是規則,更深層的東西,其實是用戶的思維模式和心智模型。

          舉個例子。

          你可能需要為大學的老師設計一個管理教學的儀表盤界面,這個儀表盤界面中需要呈現一些基本的功能,比如可以讓教師為學生上傳課程,課程資料,安排考試,發布考試成績。他們可以通過整個儀表盤和學生進行互動,可以發布作業也可以收取作業,檢查作業。在這個需求設定之下,接下來,我們可能需要從教師的角度來考慮整個儀表盤的 UI 和 UX設計。

          在這個案例當中,我們需要思考一些問題。當教師在為學生上課的時候,他們對于課程,對于每個學習單元,甚至于是階段性的測試的安排,都有著清晰的認知。他們的大腦當中,對于每一本教材,以及需要教授的知識點,在自己的大腦當中都有著明確的記憶,可以列舉成列表,能夠進行管理,傳授給學生。這樣一來,一切似乎都非常清晰了,設計師如果做的功課夠多的話,能夠快速地打磨出一個大學教師們喜歡的、易用的儀表盤界面。

          但是,這樣一來,設計師會忽略這個事情的另外一個層面,那就是學生。

          老師是整個這個課程管理系統的儀表盤的掌控者,而學生同樣通過它來學習課程。當學生面對一個課程的時候,他們并不會如同他們的老師一樣,對于整個課程有清晰的認知,沒有一個完整的概念。他們不具備老師的思維模式,或者說是擁有一種截然不同的心智模型。他們在面對課程的時候,可能更多的是零散的問題:

          • 我們昨天學到了什么?
          • 我錯過的那堂課,教授了什么內容?
          • 明天那堂課,我需要準備什么?
          • 今天學的這堂課當中,最重要的知識點是什么?

          學生在面對課程的時候,思維模式主要是沿著「課程-時間」這種模式來進行,而老師則不同,他們隨時可以授課,主要的思維模式是「課程-內容」這樣的架構。

          這樣一來,再重新思考一下整個產品的設計吧。在用戶的思維模式驅動下設計 UI,怎么做都不會出大紕漏,但是如果遵循普通的 UI 模式,腦中想的是用什么控件,放什么地方,那就很難說了。

          現在再來看,你會發現 UI 本身并不是驅動者,而是某種意義上的用戶思維模式下的副產物。因此,解決方案當中,應該反映出教師和學生兩者的思維模式。當你在設計這個 UI 的時候,你可以從競爭對手那里學習,甚至可以從毫不相關的其他產品當中汲取好設計,當然,前提是這種設計需要遵循用戶的思維模式。

          如果輪子能夠發揮作用,為什么要重新發明呢?復制之后微調到適合你需求的樣子就行了。

          這當然并不是意味著我們會因此受限,或者說在創作過程中失去創意。探索用戶的思維模式,本身是讓你更加深刻地洞悉設計需求本質的一種方式,它甚至會讓你的創造力更強,打破某些常規的邊界,幫你更好地解決用戶的問題。

          此刻,你并不是在設計 UI界面,而是在用文本、圖形和思維模式敲開你用戶的大腦。

          現在應該明白用戶思維模式的重要性了吧。為什么要做用戶調研,為什么要構建心智模型,為什么要做側寫,原因其實不復雜,真正的理解,還是來源于對用戶行為模式的洞悉。為某個人進行設計,就像你給某個密友挑選禮物一樣,你清楚他的喜好,明白他要什么,就能用一個小禮物讓他的情緒最大化地釋放。當你了解一個人的個性,知道他的愿望,那么為他定制產品的時候,針對性會更強,設計自然也會有四兩撥千斤的效果。

          那么,你要怎樣更好的了解用戶呢?

          就像你和別人交朋友一樣,一起去酒吧喝酒,一起吃火鍋,在咖啡館里面看著來往的行人,聊聊自己最近的生活,吐槽一下生活中不爽的事情,探討一下感興趣的話題。其實就這么簡單,也沒有什么很神奇的秘訣。

          而真正的「了解」,也就是通過這種方式,開始真正明白甚至「感同身受」地洞徹用戶生活的模式,細節和深層的需求。舉個例子,要為某個經營餐館的朋友制作一款軟件,那么需要了解餐飲業相關的信息,了解你的朋友在管理和運營餐館的時候,具體的流程和痛點。他們每個流程叫什么名字?他們是如何訂購的食材?具體的步驟是什么?員工是怎么管理的?他們要跟蹤哪方面的信息?回答這些問題,明白各個環節之間的關系,想清楚要做什么。你問的越多,獲得的答案越多,整個局面就越清晰。

          至少,我經常是這么提醒我自己,為人設計數字產品,本質上就是了解他們的生活和工作,了解事情本身和人性本身。

          原文作者 : Eugen E?anu

          譯者/編輯 : 陳子木

          譯文地址:https://www.uisdc.com/user-thinking-model

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


          2018年Behance 上最值得關注的20個設計趨勢...

          博博

          2018年Behance 上最值得關注的20個設計趨勢...


          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里


          對于2018年的設計趨勢,眾說紛紜。作為大型設計社區的behance終于按耐不住,多名設計師預測了2018年20大設計趨勢,下面就和興元君一起看看到底是哪些吧!

          1 未來感

          無論何時,我們都對未來充滿了幻想與期待。更先進的顯示技術、更的出行方式,那些若夢幻離的景象總是令人興奮,未來感的塑造總會喚起人們心中對科技的無盡渴望。

          2018年Behance 上最值得關注的20個設計趨勢...

          2 簡約舒適

          少即是多,這是亙古不變的真理。簡約意味著簡潔,以簡約主義的白色為主,優化功能,強調空間感。

          2018年Behance 上最值得關注的20個設計趨勢...

          3 深度感

          為傳統的平面元素增添厚度,是 2018 年的設計大勢。一點陰影,賦予了元素另一個維度,為交互體驗打開了一扇窗。空間造就了深度,深度成就了空間。

          2018年Behance 上最值得關注的20個設計趨勢...

          4 響應式圖標

          在未來,越來越多的面向移動體驗,而日漸修長的屏幕讓縱橫之別不容忽視。無論哪種情況,圖標都必須適應新的環境。因此,響應式圖標設計對設計師而言至關重要。

          2018年Behance 上最值得關注的20個設計趨勢...

          5 插畫設計

          任時光奔騰如梭,但歷史總是驚人相似。太長時間的同質化,讓突出個性的呼聲愈喊愈震。這些年尚未發力的插畫,在今年一定會得到大家的關注。

          2018年Behance 上最值得關注的20個設計趨勢...

          6 動效設計

          雨木林風,荷伴漣漪。我們無時無刻都在被運動吸引,技術的不斷革新,為動效的使用鋪平了道路,越來越多的產品也隨之使用動效。大勢所趨,永不停息!

          7 微交互

          上下撥動,左右平移;點按有悅,長停則變。 優化體驗,塑造品牌,微交互無處不在。

          2018年Behance 上最值得關注的20個設計趨勢...

          08 演示動效

          這種動效只供展示,引導用戶使用。特別是在啟動頁、空狀態,演示動效能極大的激發用戶使用興趣,幫助用戶完成特定操作。

          2018年Behance 上最值得關注的20個設計趨勢...

          9 明亮漸變

          扁平化大行其道多年,多少讓人有些審美疲勞,漸變得以重新回歸。不同以往的是,鮮艷、明亮、酷炫,是當下漸變的特點。

          2018年Behance 上最值得關注的20個設計趨勢...

          10 三維效果

          3D 始終是我們不容忽視的力量,蟄伏多年,一直在尋找爆發的良機。且在這多年的隱忍中,聚集了越來越多的力量,讓本就可怕至極的力量變的愈加摧枯拉朽。

          2018 年,它不一定會發力,可一旦契機出現,就會勢不可擋。

          11 金屬質感

          現實和虛擬的界限愈加模糊,較為容易 “欺騙” 視覺的金屬質感重新博得設計師關注。

          2018年Behance 上最值得關注的20個設計趨勢...

          12 上個時代的彩色圖案

          也許是懷舊情懷的需要,也許是那年的少年已肩扛重擔。那些年在玩具和衣著上圖案重新煥發出新的活力。

          2018年Behance 上最值得關注的20個設計趨勢...

          13 傻大粗黑

          這一點毋庸置疑,在較長的一段時間里它都不會被取代。更令人欣慰的是,無襯線字體也開始展露頭腳,讓字體的選擇進入了一個新世界。

          2018年Behance 上最值得關注的20個設計趨勢...

          14 字體設計

          在一切歸于冷靜之后,那些精雕細琢,能彰顯差異性的東西重回王者之地,字體設計也得以榮膺桂冠。

          2018年Behance 上最值得關注的20個設計趨勢...

          15 粒子背景

          沉浸體驗,是所有設計師的不懈追求。不喧賓奪主突出主體,不太阿倒持取悅用戶,正是粒子背景的魅力所在。

          16 拆分頁面

          一分為二,各司其職;化繁為簡,相輔相成。劃分頁面空間,重新定義區域,圖像與文字分離,構建信息結構。信息越是爆炸,越需要化繁為簡。

          2018年Behance 上最值得關注的20個設計趨勢...

          17 艷,更艷

          從性冷淡到大膽用色,恍然間拋開了對過度的恐懼。越是過度,愈是討喜,任何大膽的設計都會被稱贊和鼓勵。

          2018年Behance 上最值得關注的20個設計趨勢...

          18 單色圖標

          色彩紛呈,漸幻若璃;界面之中,唯我獨素。色彩艷麗的今天,唯有圖標堅守其道。不跟風任吹,不隨波逐流,這種堅持換來了舒適與愉悅。

          2018年Behance 上最值得關注的20個設計趨勢...

          19 混合圖標

          線與面合,白與艷合;合則一派,不合則滅。在不同風格爭相出現的今天,也是一種不錯的嘗試。

          2018年Behance 上最值得關注的20個設計趨勢...

          20 新造型主義

          作為新造型主義的奠基人,皮特·蒙德里安曾這樣說過:對自由和平衡(和諧)的渴望是人類天性。通過理想的繪畫形式將宇宙真理物質化、幾何化

          簡化,井然有序,色面完美。率真的純粹原色相互對立與平衡,憑借兩種否定,黑與白分割構圖。

          2018年Behance 上最值得關注的20個設計趨勢...

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


          學會這5個PS小技巧,讓工作效率提高5倍!

          博博

          學會這5個PS小技巧,讓工作效率提高5倍!

          設計濕興元君 2018-07-14 09:21:54
          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          大家好,我是興元君

          你們是不是有時會很好奇

          明明同樣身為設計師

          做著同樣的工作

          為什么別人總是能快速完成工作?

          而你卻只能無窮無盡的加班...

          學會這5個PS小技巧,讓工作效率提高5倍!

          拋開個人能力因素

          也許是他們用了你不知道的小技巧

          今天興元君就跟大家分享5個ps小技巧

          幫助你們提高工作效率~

          從此告別加班

          1. 對圖層樣式如何運用蒙版

          我們給圖層運用了圖層樣式以后,經常還會對圖層添加蒙版進行修改,但這個時候我們會發現,圖層樣式運用到所有的可見像素中,而不是直接對圖層進行整體擦除,如下圖所示:

          學會這5個PS小技巧,讓工作效率提高5倍!

          但這種效果并不是我們想要的,我們不希望蒙版上產生新的效果,原來我們的做法是對該圖層建立組,在組上再建立蒙版;或者對該層建立智能對象,再建立蒙版。

          其實我們只需要雙擊圖層,打開圖層樣式-混合選項-勾選-圖層蒙版隱藏效果,就可以達到圖層樣式不對蒙版形成新的樣式效果。

          學會這5個PS小技巧,讓工作效率提高5倍!
          學會這5個PS小技巧,讓工作效率提高5倍!

          如上圖所示,勾選以后,再對蒙版進行處理時,不會再產生新的圖層樣式效果。

          2. 不同文件圖層原位置的快速復制

          童鞋們經常需要把相同位置對象拖到不同的源文件中,每次拖拽不準確就要重新調整,非常浪費時間。興元君教你2種方法分分鐘搞定。

          方法1

          拖拽時按住shift鍵就可以復制到原位置。圖層、選區、路徑等一切可拖動的對象都可以用這個方法哦。(畫板之間的復制除外哦)

          學會這5個PS小技巧,讓工作效率提高5倍!

          方法2

          還可以單擊圖層右鍵-選擇復制圖層-選擇目標文檔,就可以原位置復制了。但這個方法僅適用于圖層、組對象的原位置復制,不適用于選區和路徑復制哦~

          學會這5個PS小技巧,讓工作效率提高5倍!

          方法2也是有優點的,它可以運用在畫板上。

          學會這5個PS小技巧,讓工作效率提高5倍!

          這兩種方法都有自己的優點,童鞋們選擇適合自己的就好。

          3. 快速設置圖層樣式

          通常情況下我們在圖層面板里調節參數設計陰影。

          學會這5個PS小技巧,讓工作效率提高5倍!

          雖然這種方法也不錯,但是還有更便捷的方法呢,只需要用鼠標拖拽畫面中的陰影即可。

          學會這5個PS小技巧,讓工作效率提高5倍!

          當然啦,也適用于其他圖層樣式,比如漸變疊加、內陰影等等。

          學會這5個PS小技巧,讓工作效率提高5倍!
          學會這5個PS小技巧,讓工作效率提高5倍!

          童鞋們用下就會發現,這個小技巧更簡單哦~

          4. 利用內陰影給圖層批量上材質

          我們時常會將蠟筆手繪風格運用到設計中,這種需要添加材質的設計風格,通常圖層層級都較多,需要通過筆刷層層疊加,修改起來比較麻煩,并且不適用于批量文件的處理。

          學會這5個PS小技巧,讓工作效率提高5倍!

          然而實際項目中我們需要大量統一風格的文件。

          學會這5個PS小技巧,讓工作效率提高5倍!

          這里給大家推薦使用圖層樣式-內陰影-雜色,使用圖層樣式可以保證各文件之間的統一性,并且可以隨時修改。

          學會這5個PS小技巧,讓工作效率提高5倍!
          學會這5個PS小技巧,讓工作效率提高5倍!
          學會這5個PS小技巧,讓工作效率提高5倍!

          調節內陰影的距離、大小、以及雜色,就可以快速做出上圖中的材質效果。

          5. 快速修改字體

          大家都覺得用ps排版麻煩,其實利用字符樣式排版,還是很容易的。

          學會這5個PS小技巧,讓工作效率提高5倍!

          新建字符樣式,并設置存儲,就可以快速將樣式賦予給文本圖層。

          學會這5個PS小技巧,讓工作效率提高5倍!

          對于已賦予字符樣式的文本圖層,修改字符樣式,已賦予的圖層,均跟著修改。

          相信有了這些實用技能

          你的工作效率會大大提高的~

          來源融360RUX


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

          人家互聯網公司的UI設計師是如何工作的?

          博博

          人家互聯網公司的UI設計師是如何工作的?


          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里


          設計濕興元君 2017-08-30 17:31:32

          • 想從事UI設計行業的小伙伴們好奇UI設計的工作流程

          • 小公司的UI設計師好奇大公司大項目的UI設計工作流程

          • 大公司的UI設計師想知道其他大公司的項目中的UI設計師的工作流程

          事實上,設計師的工作流程,鑒于不同規模的公司和項目會有所差異,但基本大同小異,必須有的流程還是要執行的,下面即將為大家介紹互聯網公司小伙伴們的日常:

          產品經理:

          • 初期:需求調研 → 競品分析 → 產品規劃;

          • 前期:思維導圖「功能模塊」 → 需求文檔「流程邏輯」,原型設計「信息架構」→ 評審;

          設計師:

          • 中期:準備工作 → UI設計 → 交互原型 → 評審→ 標注切圖;

          攻城獅

          • 后期:開發跟進 → 用例測試 → 上線;

          接下來為大家介紹日常用到的工具:

          一、準備工作

          產品結構和邏輯梳理階段:思維導圖軟件MindNode +流程圖軟件Viso

          人家互聯網公司的UI設計師是如何工作的?

          邏輯梳理:流程圖軟件Visio對本次需求的流程進行梳理,這步是很有必要的

          很夸張的是,大多數產品團隊中,往往只有交互設計師認真從頭到尾思考過產品流程;同時大多數產品,直到完成后才發現流程上的 bug,但此時只能假裝沒看見。

          只有設計師明白產品整體的使用流程,才能站在全局的角度去看待本次的設計任務,讓設計師也從始至終參項目,這在后面會減少很多溝通成本。

          人家互聯網公司的UI設計師是如何工作的?

          二、UI設計

          主力設計工具 Sketch,不用多說,無限尺寸的畫布配合快捷鍵和龐大的第三方模版更利于輸出移動產品原型。如果在團隊全 Mac 的配置下,還可以無縫銜接設計與前端的項目協作。

          人家互聯網公司的UI設計師是如何工作的?

          三、交互原型

          強烈推薦:主力交互工具Flinto,是一個使用圖片快速生成移動應用的原型,簡單粗暴,只要上傳幾張設計效果圖隨便拖拽幾下,只需要幾分鐘就可以部署到手機上查看逼真的交互效果,學習成本極低,最開心的是版本已經有中文版了。

          人家互聯網公司的UI設計師是如何工作的?

          Appstore下載Flinto,可以在手機上實時預覽,查看逼真的交互效果,跟成品差別不大,開發再也不用過來問,這個應該跳轉到哪個頁面,這個怎么操作......

          尤其是給老板,客戶展示的時候,一來這貨夠專(zhuang)業(bi),二來千言萬語不如真機來體驗一下。

          人家互聯網公司的UI設計師是如何工作的?

          四、評審

          戶體驗地圖:把根據「問題」和「驚喜」的數量情況,和重要性程度,理性地判斷每個行為節點的情感高低,并連線。

          1、看看最高點,為它多做一點事情,將它推到。

          2、看看點,思考能不能把其它體驗值高的步驟,分攤一部分功能到這里,均衡體驗情感。

          人家互聯網公司的UI設計師是如何工作的?

          用戶體驗地圖:如果你參加過收費的 workshop 或者看過講設計方法的書,你一定聽過體驗地圖(Experience Maps)。在一些些臺版書籍里也叫使用者旅程圖(User Journey Maps)。

          使用幫助:以干貨開場,如何有效地做用戶體驗地圖

          體驗地圖第一大優勢:好看。它以視覺化的方式,將用戶與產品或服務進行互動時的體驗分階段呈現出來,讓體驗地圖中的每一個節點都能更直觀地識別,評估和改善。不論是電子版還是滿墻的便利貼,在效果上已經充滿了形式美。

          體驗地圖的第二大優勢:非常貼合時下流行的「情感化設計」。體驗地圖能協助團隊精準鎖定產品引發強烈情緒反應的時刻,同時找到最適合重新設計與改進的地圖節點,這一切都幾乎用戶使用中的情感需求。

          體驗地圖的第三大優勢:能夠多人參與,并且讓所有人都橫向梳理一遍產品流程。很夸張的是,大多數產品團隊中,往往只有交互設計師認真從頭到尾思考過產品流程;同時大多數產品,直到完成后才發現流程上的 bug,但此時只能假裝沒看見。

          為什么你覺得體驗地圖無用?因為你不知道:

          體驗地圖并不是一個獨立的設計方法,它是產品用戶研究過程中重要的一部分。在我做過的案例中,體驗地圖往往是最終收尾、拿結論的最關鍵節點——但是不能脫離了前期其它設計方法的材料準備。

          轉自專欄:理科生是設計師

          作者:星玫

          五、切圖標注

          相信大多數設計師只希望做好屬于自己的界面設計,不想在切圖和標注這上面浪費太多時間,每次一到要標注的時候,心中就萬頭草泥馬在奔騰

          勞資是一個設計師,不是切圖仔?。?!

          還是默默地去標注尺寸去了,讓本公舉切圖該多好!心里想如果有一天能不在

          切圖工具演變路徑:馬克鰻 → Pxcook→ Zeplin

          人家互聯網公司的UI設計師是如何工作的?

          直到發現了zeplin這個神奇的工具,以后再也不用標注和切圖了,使用zeplin有以下好處:

          1.標注尺寸那里需要點那里,距離相鄰元素的所有尺寸和顏色清晰明了,之前是標注太細致,ui沒法看,標太少,相當于沒標注

          2.支持css/less/saas等css屬性,直接粘貼,開發簡直不能太爽了

          3.支持標注,方便團隊協作(可以替代prd文檔了)

          4.支持色板和字體 導航 ,可以用作使用規范

          人家互聯網公司的UI設計師是如何工作的?

          關于zeplin:

          隨著sketch的普及,好多團隊都陸陸續續把sketch作為設計主力工具,去年zeplin發布1.0版本時候還不支持Photoshop cc,一年過去了,版本已經可以兼容版的ps了,可喜可賀。并且zeplin客戶端在Mac和Windows上面都有對應的版本。

          再也不需要為了一個zeplin去學習sketch了,ps也支持啦!畢竟再重新學一個軟件,本寶寶心好累

          人家互聯網公司的UI設計師是如何工作的?

          安裝步驟:zeplin官方安裝幫助

          步驟一:安裝軟件+zeplin插件

          1.Mac用戶:安裝sketch;Zeplin.app;zeplin-sketch插件

          直接解壓安裝即可

          2.Windows用戶:安裝Photoshop CC2015;Zeplin.app;zeplin-ps插件&面板

          步驟二:注冊zeplin迭代帳號,邀請項目人員。

          步驟三:把sketch或ps里的文件導出到zeplin

          使用姿勢:

          人家互聯網公司的UI設計師是如何工作的?

          切圖神器二:slicy是經過測過幾種輔助切圖工具后又回來使用的神器。「把整個 PSD 扔進去,結束?!购啙嵗洳粏?。我愛它的程度已經到了沒有它我就不會切圖了(哈哈)。

          人家互聯網公司的UI設計師是如何工作的?

          1. PS 圖層依規則命名→2. 把檔案丟進 Slicy 里→3.完成

          人家互聯網公司的UI設計師是如何工作的?

          人家互聯網公司的UI設計師是如何工作的?

          夠簡單無腦了吧?

          使用姿勢gif:

          人家互聯網公司的UI設計師是如何工作的?

          其他實用工具也分享給你

          1.圖標管理工具

          ▌iconjar for Mac:目前支持 SVG、PNG、Gif 三種格式的圖片。建議大家去官方下載官方素材庫資源時候盡量導入svg格式,這樣以,畢竟是矢量的.

          人家互聯網公司的UI設計師是如何工作的?

          選中某個圖標,側邊欄會出現名稱和標簽,當然不需要的右邊欄話也可以在菜單欄隱藏.

          偷懶姿勢:

          1)下載圖標并安裝:官方素材庫

          2) 把圖標拖進sketch或ps 里。

          人家互聯網公司的UI設計師是如何工作的?

          ▌Icon8 for Windows:提供客戶端(Mac/Windows)來方便用戶搜索和直接下載圖標,沒有付費的用戶可以使用客戶端程序獲取50PX(像素)的 PNG 圖標,而且能自定義圖標顏色。通常的使用中,這些風格統一、可以定制顏色的小圖標就夠用了,如果要進一步獲得大尺寸的圖標或 eps 矢量格式需要付費。

          人家互聯網公司的UI設計師是如何工作的?

          支持:Photoshop, Axure, Visual Studio 等等,如圖所示

          人家互聯網公司的UI設計師是如何工作的?

          人家互聯網公司的UI設計師是如何工作的?

          人家互聯網公司的UI設計師是如何工作的?

          2.字體管理工具:Rightfont

          人家互聯網公司的UI設計師是如何工作的?

          下面是google自動翻譯的,大概意思還是正確的

          人家互聯網公司的UI設計師是如何工作的?

          人家互聯網公司的UI設計師是如何工作的?

          3.GUI 規范管理與共享(圖標/色板):Lingo 

          這個可以當做公司內部設計師和開發公用的一套GUI設計規范來用,

          • 團隊:收費

          • 個人:完全免費

          頂部工具欄可以創建色板,吸取顏色創建完成后,直接Command+c復制 Commandl+v粘貼 進sketch或ps 里,完成取色任務.

          最右邊支持HEX RGB HSB 顏色的拷貝和粘貼,同時支持css顏色代碼快速顯示

          人家互聯網公司的UI設計師是如何工作的?

          偷懶姿勢:

          1) 創建色板

          2)把Command+c復制 Commandl+v粘貼 進sketch或ps 里。

          4.設計素材收集:Zoommy+Inboard

          • Zoommy (Mac/Windows均可)

          每個設計師都有一個習慣,那就是做設計之前先去搜素材,每次找個合適的素材會花很長的時間,百度的圖片質量各位都懂,那么問題來了,如何快速的獲取到你想要的圖片素材呢?

          相對來說我們上高中的時候找圖片,找半天都找不到中意的素材,現在比之前好多了,免費的素材也要多很多,有些質量還挺棒的,高清無碼大圖。

          所以小公舉用的就是一款多圖庫源管理應用-Zoommy,有了它我們可以很方便的關注40多個圖庫源,找素材的效率大幅提升。

          媽媽再也不擔心我找圖了,hiahia~

          人家互聯網公司的UI設計師是如何工作的?

          Windows上面也可以用,不多說,上圖:

          人家互聯網公司的UI設計師是如何工作的?

          • Inboard:比Ember更輕盈

          如果你用過Ember回頭再來使用Inboard,你會發現它在功能上確實會少很多。但帶來的好處就是應用足夠輕盈,易用。再看看Ember中那些復雜的功能,我會用到的始終只會是它其中的一小部分。

          1.文件夾和Tag方式的圖片素材管理

          2.Chrome、Safari的全屏截圖保存

          3.Dribbble like的關注兩個核心功能 延伸閱讀 如何成為 Dribbble 的 Player ?

          使用截圖

          人家互聯網公司的UI設計師是如何工作的?

          講到這里,是不是如獲至寶

          良心推薦,無私分享

          有沒有講到你的工作上的痛點呢?

          趕緊下載用起來吧!

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

          揭開隱喻設計面紗-界面隱喻類型與隱喻設計方法

          博博

          揭開隱喻設計面紗-界面隱喻類型與隱喻設計方法

          互聯網er的早讀課 2018-07-14 18:46:25

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          來源:網易UEDC(ID:NetEase_UEDC)

          編輯:Juvae

          隱喻設計是一種常用卻很少有人提及的概念,人們往往身在其中卻不知究竟為何物。

          簡單說,隱喻設計它可以將現實生活中用戶熟悉的事物以多種形式映射到界面中,從而使用戶不熟悉的概念、陌生且復雜的操作等變得熟悉與簡單。

          它不等同擬物設計,隱喻是一個大的概念,界面中充斥著不同的隱喻元素。本文將常見的隱喻元素按照視覺、聽覺、觸覺三種界面交互類型分類,并整理了四種隱喻設計方法,以供大家參考。

          界面隱喻的類型

          1. 視覺隱喻 - 靜態

          1.1 文字隱喻

          界面中常見的文字隱喻可以分為兩種,一種是功能命名類語言,另一種是產品定義類語言。

          常見的功能命名類語言有:“解鎖、導航、登錄”等等。功能命名類語言主要是運用隱喻的方法對界面中經常使用的功能進行命名,例如“導航”本義是駕駛某種交通工具從某個地方去往另外一個地方,它可以指引人們路線,設計師將界面中“依據地圖行走可以到達目的地”這一功能命名為“導航”,可以和現實生活中人們熟悉的導航本義結合起來,方便記憶。

          常見的產品定義類語言有:應用市場中的“市場”、文件助手中的“助手”等等。而產品定義類語言,不僅可以準確表達功能要求,還能傳遞給用戶某種情感。例如,文件助手中的“助手”兩個字本義是可以幫助他人的人,設計師將手機中的文件夾定義為“文件助手”,意圖是這一功能可以為用戶整理文件排憂解難,給用戶傳遞一種被感動的情感。

          揭開隱喻設計面紗-界面隱喻類型與隱喻設計方法

          1.2 色彩與材質隱喻

          在界面設計中也有兩種形式的色彩隱喻。一種為指示性的設計,運用用戶熟悉的某種顏色指示界面中的某種狀態,例如QQPC版用綠色icon代表我在線上、紅色icon代表忙碌或請勿打擾。另一種為氣氛的營造,借用色彩帶給用戶的某種心理暗示,為產品營造某種氛圍,例如支付寶軟件整體采用藍色的風格,可以營造一種安全的氛圍。

          材質的隱喻可以使界面不再生硬,用戶使用起來更加親切。例如讀書APP的閱讀界面采用紙質效果,使用戶在閱讀時更像是閱讀一本真正的書。

          揭開隱喻設計面紗-界面隱喻類型與隱喻設計方法

          1.3 圖形隱喻

          圖形是構成界面的重要元素,具有隱喻特征的圖形會讓一些繁瑣并難以理解的操作行為變得輕松且生活化。所以在設計中,設計師需要有效地構建圖形隱喻從而表達事物的含義與特征。

          常用的圖形隱喻非常多,例如界面中鎖可以代表“密碼”,火箭可以代表“加速”,調色板可以代表“主題”,齒輪可以代表“設置”,地球可以代表“瀏覽器”,雨傘可以代表“安全”等等。

          揭開隱喻設計面紗-界面隱喻類型與隱喻設計方法

          2. 視覺隱喻 - 動態

          2.1 人的行為習慣上的隱喻

          人的行為習慣上的隱喻是指界面設計中的交互方式模擬用戶真實操作生活中的物體時的手勢、動作。例如,界面中的手勢操作:滑動,放大,縮小,旋轉,拖動,抓取等;將垃圾文件放置回收站,將商品放入購物車;手機滑動解鎖等等。

          揭開隱喻設計面紗-界面隱喻類型與隱喻設計方法

          2.2 物體物理屬性的隱喻

          物體物理屬性上的隱喻是指現實生活中,物體被移動、被操作會表現出一種自然的屬性,設計師根據這種屬性進行界面隱喻設計。常見界面中物體物理屬性的隱喻有:讀書軟件中翻書書頁模擬真實的效果;點擊或觸摸屏幕時視覺水波效果的反饋; 頁面轉場的加速度,慣性等物理運動曲線效果等等。

          揭開隱喻設計面紗-界面隱喻類型與隱喻設計方法

          3. 聽覺隱喻

          聽覺隱喻元素是指界面系統反饋給用戶的某種能夠準確映射出這種交互行為的隱喻性聲效。例如,將文件放入回收站的音效(當將一個文件放入回收站后系統會模擬紙張被撕開,扔入垃圾桶的音效);當用戶讀電子書翻頁時,紙張的摩擦聲的音效;此外還涉及游戲音效:當用戶玩游戲植物大戰僵尸游戲的時候存在多種聽覺隱喻元素,種下植物時植物與地面結合的音效、植物發射子彈打在僵尸身上的響聲、僵尸來臨時的營造氛圍的恐怖音效、最終失敗時主人公大腦被吃掉時的叫聲,聽覺通道上的隱喻音效讓整個游戲更加真實、生動。

          4. 觸覺隱喻

          觸覺上的隱喻可以理解為,設計師模擬真實世界用戶獲得的某種觸覺體感,為界面提供適當的仿真反饋,從而提高用戶體驗的方法。常見觸覺上的隱喻,例如:iPhone7的home鍵并非實體按鍵,但為了保持用戶的使用習慣,仿真設計成實體按鍵的外形并提供用戶實體按鍵的反饋;iPhone的3DTouch可以理解為設計師為了模擬電腦鼠標的右鍵,為產品提供更多功能的一種移動端快捷方式;此外,在游戲中,撞車時、飛機被擊中時的震動反饋也屬于觸覺上的隱喻形式。

          揭開隱喻設計面紗-界面隱喻類型與隱喻設計方法

          界面隱喻的設計方法

          界面隱喻設計方法的本質是設計師通過將界面中某元素和現實生活中的某事物聯系起來,挖掘二者之間相似的屬性,從而使用戶接觸到界面中的此元素時,就能夠認知這個元素所代表的概念或功能等。針對二者之間相似的屬性,具體可以分為概念上的屬性、特征上的屬性、結構上的屬性、行為上的屬性等。

          1. 從概念上進行隱喻設計

          例如,現在最普遍的兩大電腦操作系統Mac OS系統與Windows系統的“桌面”界面都是由現實生活中的工作桌面的概念映射而來。

          揭開隱喻設計面紗-界面隱喻類型與隱喻設計方法

          2. 從特征上進行隱喻設計

          例如,設計師會使用盾牌的圖形來表示安全軟件,因為盾牌與安全管家等軟件同樣具有防護的特征。

          揭開隱喻設計面紗-界面隱喻類型與隱喻設計方法

          3. 從結構上進行隱喻設計

          例如,網易郵箱大師的“郵箱與文件夾”展開結構與現實生活中抽屜被抽開的結構具有一致性。

          揭開隱喻設計面紗-界面隱喻類型與隱喻設計方法

          4. 從行為上進行隱喻設計

          例如,在界面中用戶將某文件拖進回收站這一動作模擬了現實生活中人們將廢紙扔進垃圾桶。

          揭開隱喻設計面紗-界面隱喻類型與隱喻設計方法

          寫在最后

          好的隱喻設計可以簡單地傳達一個功能所代表的意義,或能更加匹配用戶心智模型從而引導用戶進行正確的操作。

          本文歸納的隱喻設計類型和隱喻設計方法,希望可以對大家提供一些設計啟發。

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

          B站為何能在一片紅海的視頻市場中生存?

          博博

          B站為何能在一片紅海的視頻市場中生存?

          集創堂 2018-04-04 10:03:43

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          垂直市場是指在某一個行業或領域深化運營的市場,通俗來講就是指我們常說的細分市場,我以目前盛行的諸多網絡視頻平臺為例,和大家聊聊細分市場的產品競爭策略。

          國內最早上線的視頻網站是2004年開始運營的樂視網,第二批競爭對手就是土豆網、我樂網(56)、優酷網,隨后網絡視頻平臺遍地開花,我們耳熟能詳的愛奇藝(271)直到2010年才出現,騰訊視頻也是2011年才出現,這是一個網絡視頻平臺井噴的階段。

          發展到今天的紅海階段,這些視頻網站如今的情況也有了很大的變化。

          樂視網后來更名為樂視視頻,這家公司目前的情況大家也多少有些了解,賈老板現在還沒從美國回來呢;我樂網后來被人人全資收購,后來又被搜狐收購;土豆和優酷在2012年合并為“優酷土豆”(友情提示新手:這里的合并指的是它們兩家公司合并,網站并沒有合并為一個網站,還是倆),在2015年被阿里巴巴收購;愛奇藝和PPS合并前后一直歸屬于百度;騰訊視頻,看名字你就知道它是誰家的。

          B站為何能在一片紅海的視頻市場中生存?

          基本上業內算得上“品牌”的大型網絡視頻平臺都是巨頭級企業在背后支撐,這種規格的市場競爭就是現有市場的競爭(紅海市場)?,F有市場里各大網絡平臺都可以覆蓋用戶觀看視頻的需求,用戶體驗對比起來也不差多少,這時候的競爭拼的就是各大平臺的商業策略和它們背后金主的資金實力,產品經理和設計師起到的作用其實很微小。

          你不能指望一個產品經理能幫愛奇藝干掉騰訊視頻,對方也不是省油的燈。

          紅海市場的競爭如此激烈,想必已經沒有了新產品進場的空間,但是我們仍然在網絡視頻盛行的年代看到了諸如快手、抖音這種“異軍突起”的新興產品,那么,它們是如何在視頻平臺已經打定江山的情況下活躍起來的呢?

          B站為何能在一片紅海的視頻市場中生存?

          答案就是垂直市場。

          “所謂的垂直市場,其實就是從現有市場那龐大的空間里根據某種特殊屬性“切割”下來一小塊,針對這個特殊屬性做一份獨屬于這個領域的小項目?!?

          愛奇藝是幾乎覆蓋了全網所有用戶種類的視頻平臺,但是它的目標用戶群太廣泛了,當它照顧中年婦女的時候就很難照顧十二三歲的孩子,關注職場人士訴求的時候就很難關注到高校學生,它幾乎永遠無法犧牲一部分人群的需求去滿足另一部分人的需求,所以它的形態必然是均衡的:我誰都不照顧,只是提供海量的視頻,并且針對視頻進行分類,你們根據自己的需求來搜索、尋找吧。

          這是平臺型產品的“通病”,它什么用戶都想覆蓋,自然就會面面俱到——而面面俱到的結果,就是各方面都沒有特別照顧,只是在追求“視頻觀看者”在視頻需求方面的共性。

          這種“誰都不照顧”追求共性的行為就給了很多小產品生存的空間,比如BiliBili動畫視頻,它在中國的二次元領域屬于一款現象級產品。對于那些對二次元不感興趣的視頻觀看者來說,B站毫無價值,但是假如說你是一個熱衷于動畫、動漫甚至鬼畜剪輯的人,你就很容易被B站吸引——從戰略上來講,B站犧牲了那些對二次元不感興趣的人,專注經營那些對二次元感興趣的用戶,這就是垂直市場的競爭策略。

          B站為何能在一片紅海的視頻市場中生存?

          “垂直市場會更針對地覆蓋到某些用戶的需求,這種針對性就是“垂直壁壘”。垂直壁壘像一堵堅硬的墻,把外面的用戶擋在墻外,把里面的用戶團團圍住,它的核心就是差異化,圍繞著特殊屬性打造的差異化能夠有效扼制平臺產品對它的傷害。”

          說到這里,我必須向大家強調一點:“垂直”是一種相對于當前環境來說細分的概念,垂直市場也只是一種相對于現有市場來說細分的市場,它的前提就是現有市場已經處于紅海階段了,這時候的細分市場才會有發展機會。

          愛奇藝和騰訊視頻都是平臺型產品,B站在剛開始推出的時候相對于前兩者來說屬于垂直市場的網站,但是當B站發展壯大后,如果二次元領域的視頻網站增多,二次元領域的視頻網站競爭也趨近于紅海市場,那么B站的市場也會變成現有市場。

          “簡而言之:當現有市場處于紅海階段的時候,針對某個特點做起來的產品可以在相應的垂直領域打開銷路,當這個垂直領域也進入紅海階段的時候,它就變成了第二級的現有市場,這時候就會有更深一層的垂直市場出現?!?

          如果你新上線的產品正處在紅海市場的激烈競爭中,不妨嘗試下垂直市場的競爭策略,找準一個具有特殊屬性的領域,開辟出一個小范圍的戰場圈住用戶。

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


          UI設計中常用字體規范

          博博


          UI設計中常用字體規范

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里


          很多剛做APP界面的設計師,經常會因為字號,字體顏色,間距等問題困擾。

          拿到設計需求后,頁面和頁面的字號調著調著就大小或顏色不統一了。并且容易導致設計稿反復得修改。設計出來的效果圖文字左右間距層次不齊,導致與預期不符等,完全不知道該如何下手,如何開始進行設計。下面,我就從UI設計中常用字體規范中給大家簡單講解一下,如何進行設計。

          一、字體設計排版

          我們常常會聽到,這也太LOW(土)了吧?你能修改一下字體嗎?

          過多不明確而繁瑣的字體搭配會導致整個畫面失調??梢赃@樣說,字體可以成就你的設計也可以毀掉你的設計。

          UI設計中常用字體規范

          問題的關鍵有:

          1.字體樣式太多,導致頁面雜亂

          2.使用的字體不易識別

          3.字體樣式和內容的氣氛或規范不匹配

          那么,怎么避免這樣的結果發生呢?

          通過設計經驗可以幫助你做出更好的版式

          了解不同平臺的常用字體設計規范

          在每個項目設計中只使用1-2個字體樣式,而在品牌字有明確的規范的情況下,只需要一種字體貫穿全文,通過對字體放大來強調重點文案。字體用的太多,越顯得不夠專業。一般來說,視野范圍內,最多不能超過三種字體,太多的字體、字號,就顯得非常雜亂無章。

          不同的樣式的字體,形狀或系列最好相同,保證字體風格的一致性。

          字體與背景的層次要分明

          確保字體樣式與色調氣氛相匹配


          二、界面中中文字體使用規則

          不同平臺、不同界面設計中,使用的字體規范也有所不同,像移動界面的設計就會有固定的字體樣式。網頁中會有常用的幾個字體,在這我和大家分別介紹一下。

          常規字體

          IOS:可以選擇的字體有華文黑體或者冬青黑體、蘋方字體;尤其是蘋方字體效果最好(iOS9系統將平方作為iOS字體)。

          Android:英文字體:Roboto 中文字體:Noto。偶爾也會用到微軟雅黑字體。

          網頁:網頁中常規字體一般選用微軟雅黑作為設計字體(微軟雅黑Windows LCD)

          常規字號

          導航主標題字號:40-42px。

          我一般設計就用40px,偏小的40px字號,顯得精致些

          內文展示中字號:大的正文字號32px,副文是26px,小字20px

          一般在內文的使用中,根據不同類型的App會有所區別。像今日頭條新聞類的APP或文字閱讀類的APP更注重文本的閱讀便捷性,正文字號36px,會選擇性的加粗。而列表形式、工具化的APP普遍是正文32px,不加粗。副文案26px,小字20px。


          設計是一個漫長的修改過程,一個好的設計稿,不單單從字號,字體體現。下一期,我將給大家談談,UI設計規范中的其它要素。

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

          UI設計中的字體字形設計

          博博

          UI設計中的字體字形設計

          斌斌UI 2017-02-22 09:46:47

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          年后是找工作的高峰期,特開此頭條號給各位準UI從業者一些我在工作中遇見的問題,希望對大家有所幫助。


          平面設計中,字體的地位越來越重要,不管是海報、畫冊、折頁、網頁、UI設計什么,Banner,只要是需要視覺傳達的設計中,都需要文字作為主要突出傳播角度。

          字體拆分再造。是字體設計中非常重要的一個設計點。也是我們設計師常用的一種方法。

          下面,我給大家舉個例子,看看字體再設計應該如何去改造!

          UI設計中的字體字形設計

          UI設計中的字體字形設計

          UI設計中的字體字形設計

          UI設計中的字體字形設計

          UI設計中的字體字形設計

          UI設計中的字體字形設計

          UI設計中的字體字形設計

          UI設計中的字體字形設計

          UI設計中的字體字形設計

          UI設計中的字體字形設計

          UI設計中的字體字形設計


          好了,這就是本期的字形設計例子,在大家日常字體設計中,多注意字體的偏旁部首,想下如何拆分重組。多去試。


          如果我的文章對大家有所幫助,希望您點擊+關注,對我及我的文章有什么建議或者意見,歡迎您在下方評論區評論,您的關注是我最大的動力

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

          無人零售的運營困局與破局

          博博

          無人零售的運營困局與破局

          人人都是產品經理 2018-07-13 09:00:23

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          上一篇《娛樂零售至死》是我近期在無人零售領域的實踐和研究,主要分析了無人零售領域在娛樂購物新的變化,同時將零售業中涉及的“人、貨、場”重新做了界定,看這篇文章之前建議先仔細看看上一篇文章,這樣理解起來會容易一些。

          無人零售的運營困局與破局

          分析無人零售的運營前,老規矩,我們先來簡單了解傳統零售業的運營。

          在傳統零售里,最核心的有兩個部門:采購部和營運部,這兩個部門在京東體系里被合并為:采銷體系。傳統零售的市場營銷部門一般都被邊緣化,要么沒有獨立的部門要么被拆分至采購和營運部門。例如店內物料宣傳一般在采購部、店內的活動宣傳則歸屬營運部。

          傳統零售的主要運營工作歸根結底還是品類運營為主,下面這張圖基本上涵蓋了品類運營的幾個方面:

          無人零售的運營困局與破局

          關于傳統零售的運營部分,這篇文章就不過多展開詳細分析,感興趣的朋友可以通過搜索獲取更多這方面的信息。

          不過有一點要強調的就是傳統零售的運營管理都是屬于人力資源密集型,無論是采購部還是營運部,都需要招聘和管理很多人,我的老東家沃爾瑪在全球擁有230萬員工!

          所以傳統零售業的店內運營就屬于“有人”的運營體系,在這樣的體系下,出現了導購、活動運營、貨架陣列等專業的崗位。

          下面先講一個案例,感受一下來自“有人便利店”與互聯網結合的創新運營案例,再來分析和理解無人零售的運營困局和破局。

          有個朋友的親戚在北京某個小區的門口開了間便利店,大概100平米左右,屬于非常傳統的“坐商”經營方式,坐等小區居民過來消費,每個月凈利潤7、8千元左右,在北京勉強糊口的水平。

          這個朋友有一次來北京出差,于是這個親戚就讓他幫忙出謀劃策,有什么好的方法能夠改善提升銷售?

          這個朋友先是對小區做了一番調研:便利店所處的小區很大,靠近商務區,租住在這里的年輕白領比較多。1公里外的沃爾瑪超市生意很一般,不遠處還有另外兩個便利店的競爭,而且北京的京東超市做得很好,都對這個親戚的便利店都形成了分流。

          接下來做了些銷量提升的分析:如果想要吸引顧客上門,要么低價促銷,要么便利店有其它剛需的價值。

          親戚當然不想低價促銷,那么剛需又有哪些呢?這些租戶有什么共同的需求?分析的結果是:收發快遞。

          小區的白領們網購特別頻繁,平均一天1、2次快遞都是常有的事。上班的寄到公司有些不合適也不方便,家里平時又沒有人,下班快遞有些還不送貨。小區的快遞柜經常放滿而且很偏遠,有些快遞公司還不支持。小區保安也不幫忙收發快遞,周末收快遞還要在家等,畢竟有些要出去玩有些想睡懶覺,寄快遞還要麻煩填快遞單……

          這樣一分析發現收發快遞不僅是剛需,還是痛點。如果能有效解決這個痛點,說不定就能帶來店里的關聯銷售……

          親戚聽他這么一分析,覺得有些道理,于是馬上花6000元定做了兩個快遞柜,放在便利店的最里面。然后這個朋友又出了個主意,為了更快收回快遞柜的成本,可以給快遞柜的每個箱子每人配一把專門的鑰匙,每把鑰匙收30元押金即可免費收寄快遞。

          最后他們還印刷了一批宣傳單張,在小區門口派發,引起了極大的反響。最終300多人交納了押金收了1萬多元,基本上都是公司的白領,他們之后的收貨地址,全部填的是這個便利店的柜子編號,平時柜子是開著的,快遞放進去后推上直接上鎖。親戚作為老板有一把,交了押金的租戶有一把,如果還有新的快遞,老板打開箱子再放進去。

          每天都有非常多人來取快遞,現場統計的有30%左右的人順帶買了零食和飲料。于是親戚又批發了一些蔬菜、肉類、水果,也賣得很好。

          他還把這300多人接到微信群里,每天通知誰有快遞、誰的快遞還沒有拿,由于是剛需,所以沒有人退群,成功實現了社區到社群的演變。

          無人零售的運營困局與破局

          后來,他還做了個微信小程序商城,把店里一些賣得好的零食、飲料、水果、蔬菜、肉類都放在商城上,滿20元免費半小時內送貨。很多不想下樓取快遞的,會順便買20元東西,然后送貨的時候幫忙送快遞上來,一舉兩得,下單量非??捎^,生意好得不得了。

          這三招,讓原來每月凈利只有7、8千的小小便利店,月凈利達到了4萬多元!

          于是這個朋友又給他親戚出主意,將小區旁邊的兩個便利店收購了,用同樣的方法同樣取得了非常好的業績。

          對于無人便利店來說,想達到這些效果恐怕很有難度了。

          一. 無人零售的運營困局

          1. 店內資源無法復用

          剛才提到的快遞柜如果是無人的,那么一個柜子只能放一件包裹。有人的情況下則可以通過鑰匙開啟再放多兩三件包裹,雖然節省了人力成本,卻因為資源無法復用多出了硬件成本。

          2. 無人零售將銷售單位細分化和分散化,導致無法進行有效的品類運營

          無人零售現在的主流是無人售貨柜,就算是無人便利店,能夠放置的商品品類仍然有限。

          品類的關聯銷售和多種選擇大都依賴于后臺消費數據,并且由于位置有限,品類難以擴充。由于沒有關聯有人的服務,線下的銷售行為變成了線上冷冰冰的數據分析,試圖通過單靠數據來實現更精準的品類擺放從而提升銷售,在線下并不見得比“有人”運營更有效。

          無人零售的運營困局與破局

          另一方面無人零售企業為了降低單位租金成本,許多的無人零售模式都是將銷售單位進行拆分,例如無人橙汁機、無人咖啡機、無人披薩機等,這些無人售貨機分散在商場或者機場等各個角落,關聯銷售更加無從談起。

          從上面的案例可以看出,便利店老板在發現使用快遞柜帶來了高達30%的銷售轉化后,又進貨了蔬菜、肉類等品類的產品,與原來的零食和飲料形成新的關聯銷售。

          關聯銷售在零售和電商的運營體系里是非常重要的,關于關聯銷售涉及的更多內容,限于篇幅就不再過多介紹,歡迎關注【莊帥零售電商頻道】公眾號,會有專門的文章進行分析。

          3. 現場的活動運營由于無人而無法進行

          運營體系除了品類運營、用戶運營之外,非常重要的就是活動運營。對于傳統的線下零售來說,由于有活動運營策劃配合現場的導購員、收銀員,通過多種多樣的現場活動吸引人流借此提升了銷量。

          這三個無人零售的困局在線下的空間爭奪戰前期并沒有顯得那么突出,可是隨著占領的空間越來越多,銷量卻并不如意料。隨著新鮮感漸失,銷量還有可能由于運營困局下滑的時候,如何破局就會成為無人零售企業需要認真考慮并提上日程。

          二. 無人零售運營的破局之道

          無人零售如果想通過運營體系(品類運營、用戶運營和活動運營)來提升銷量,有兩個方式:一個依托我在《娛樂零售至死》提到的“單人多店”模型進行活動運營;一個則是強化線下用戶向線上的轉化。

          由于要完成補貨和機器維護的工作,現在的無人零售店和機器還需要“有人”,但隨著無人送貨機的發展和成本的下降,補貨和機器維護的工作終將被機器取代,那人做什么呢?

          可以在未來轉型成為活動運營人員,在現場舉辦由總部策劃好的活動,,從而拉升所在區域無人售貨機的銷量。

          要將一直做單一工作的人變成未來能夠進行現場活動運營的人,提前做好相關的培訓和試點就很重要。

          第二個方式是將線下用戶轉至線上(公眾號、小程序、微信群),然后通過用戶運營和線上的活動運營來提升線下的無人售貨機或便利店的銷售。

          其次通過小程序商城的方式實現線上的關聯銷售。

          這些部分限于篇幅就不多展開分析了,在后續的無人零售實踐和研究過程中,我會繼續重點關注運營體系的變化和創新,這是一個新課題,如果你在無人零售的實踐中已經有什么好的做法和想法,歡迎交流~

          作者:莊帥(個人微信:zhuangshuaidu),微信公眾號“莊帥零售電商頻道(ID:zhuangshuaiec)”,前沃爾瑪(中國)、王府井百貨電商高管,中國百貨協會無人店分會客座顧問、中國電子商務協會高級專家,專注零售電商商業研究。

          本文由 @莊帥 原創發布于人人都是產品經理。未經許可,禁止轉載。

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


          日歷

          鏈接

          個人資料

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

          存檔

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