


























轉載請注明:學UI網》微醫APP 3.0 | 健康有道
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
轉載請注明:學UI網》你今年的目標完成了嗎?
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
我們來看看吧,這圖標的質量:
怎么說呢,可以說是應有盡有,而且很有風格屬性,并不是普通圖標網站可以下載到的,拿到源文件偷偷學習里面的制作方法,獲取靈感,必須都是妥妥的!
除了圖標,還有很多ui kit,很多同學不是不知道怎么做UI kit嗎,這么多源文件,你就看吧:
風格那是多種多樣的,就不多別的,點進去看看人家的投影為什么這么干凈,那也是一種學習:
看看人家的規范控件怎么弄的:
你就研究吧。
還有網頁的,也下載了一些,我們看看人家這質量和感覺:
很多排版方式都是可以學習借鑒的。
而且他們的源文件里面,圖片都是給你隱藏的,他的版式骨架一目了然,學習成本也降低了:
還有我們看看人家這配圖:
質量那也算是比較ok的,看起來都是賞心悅目的,杠杠滴!
原文地址:菜心設計鋪(公眾號)
作者:菜心設計鋪
轉載請注明:學UI網》這些大佬的作品好看?我直接把源文件幫你搞到手了!
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
在產品設計過程中,了解需求是產品落地的基礎之一,而在B端產品中,需求可能會涉及到業務需求、用戶需求及管理需求三個方面,具體該如何保障B端需求的快速洞察、快速實現呢?不妨看看作者的總結和梳理。
需求是產品存在的基礎,貫穿整個產品的整個生命周期。本文聊聊需求的管理方法論。需求管理方法論概念包含了,需求調研和挖掘、需求分析、需求管理(輸出需求文檔),也可以用一句話來說明,就是收集客戶想要什么,最終確定實際做什么。
本文會涉及到面試過程中問到的需求相關內容,可以先收藏后細品。
在我看來,B端需求主要分為業務需求、用戶需求和管理需求。
在下文中會用這三類需求進行詳細說明。
1)調研的8大科學方法已經前面寫過,這邊介紹一下調研時的幾個小技巧。
① 用圖形作為調研助手
用圖形會引導大家的討論方向一致,收斂,不易跑題。圖形會引起參與者的視覺共鳴,從而加速、加深理解的程度。圖形的邏輯清晰,可以避免討論結果似是而非的現象,為后續需求變動提供證據(甩鍋)。
② 找到調研的合適顆粒度
對于顆粒度的把握,是沒有一個定數,但如果調研結束后,不需要再向客戶進行咨詢就可以進行設計工作了,那么這個調研就做到位了。第一次調研現場,顆粒度盡量越細越好,因為后續的調研會增加更多成本。
2)業務流程優化的一個方法-ESEIA方法ESEIA流程優化方法是由五個首字母組成,包括E(Eliminate)清除、S(Simplify)簡化、E(Establish)增加、I(Integrate)整合和A(Automate)自動化,用來減少流程中的非增值活動,增加流程中的增值活動,然后進行整合和自動化,如圖所示。
案例:藍湖SaaS,是一款針對產品設計到開發階段的流程優化工具,從產品原型設計——原型上傳——UI設計師打開——根據原型設計——設計稿切圖——打包上傳——程序員下載——打開設計稿并查找相應切圖——開發時不定時查詢,一系列流程中找到可清除的不增值的活動,簡化相應活動,增加增值的活動(在線編輯和設計),整合后使流程連貫,數據上云,讓整個上傳下載自動化,提高流程處理速度和質量。
需求的來源會有各種不同的渠道,有內部同事、領導、自己產生的需求。也有外部市場、用戶、競品分析、行業規范等產生的需求。我們需要先把他們產生的需求分類,擺正位置,才能對癥下藥。不管是哪個渠道來的需求,在上文有說到,可分為三類,業務需求、管理需求、用戶需求。業務需求和管理需求分別來自于業務流程優化和管理流程方面,如圖(房產營銷部分業務流程)。
1)業務需求,那需要從直接相關方和上下游的間接相關方來看,比如房產營銷中的客戶鎖定期和解鎖期,就會可能影響到銷售、財務、采購、管理者等各個相關方,需要每個相關方都接觸了解后才能設計。
2)管理需求,主要在上層管理的需求,一般只需要針對相關領導的需求就行,但需要知道需求方真實的需求,和該需求是否能夠實現。由于管理流程是附加于業務流程之上的,所以如果業務流程沒有能夠產生這個管理需求的能力,那就需要從業務流程中去重新審視這個管理需求的真實性和可行性。
3)用戶需求,這個就比較簡單了,主要就是使用習慣,交互等事宜??梢詮耐粚蛹壍闹苯酉嚓P方了解后進行分析。
1)方法一:邏輯演繹
當產品經理不清楚客戶的業務但又感到有問題時,可以用邏輯推演來判斷,通過邏輯推演可判斷客戶的需求是不是合理的、正確的。
例如:為什么需要做這個功能?缺少這個功能會如何?這個功能與其上游的工作流的關系,與下游的工作流的關系?思考新需求對現有業務邏輯的影響,會不會影響現有業務功能,當然也同樣要考慮到一些潛在的影響,這同樣是你對需求評估的一個重要標準。
2)多維度觀察
產品經理與客戶在專業知識方面是不對等的,客戶并不知道他提的需求將來在系統中會帶來什么后果,產品經理也未必聽懂了客戶的真實需求,因此對客戶提的“表面需求”要經過側面的判斷才能確定為“真實需求”。為了解決這個問題,可以參考使用5W1H分析法幫助做好判斷工作:
在需求調研中使用5W1H方法,首先要理解的是What、How,而作為判斷的重要依據的是Why,其他Where、When、Who是附屬信息,沒有經驗的產品經理只會從正面進行調研,即詢問“做什么”“怎么做”,但是最為重要的“為什么做(Why)”卻往往不問,這樣就會失去多維度觀察需求的機會,也同時失去了識別需求的虛實的機會。
3)價值判斷
對于復雜的、規模較大的需求,用簡單的、操作層面的能夠做評估的依據難以確定是否是真實的需求,可以用“目的、價值和功能”三要素來分析和判斷。目標,客戶的需求目標是什么?價值,確認該目標達成后,客戶可以獲得什么價值?功能,做什么功能可支持該價值的實現?
如果針對某個需求的判斷符合下述條件,那么它就可能不是真實的需求。
從各個渠道來的需求,經過上述的分析后,可以放入到需求池中。需求池里的需求主要有:
過濾了一些偽需求,通過挖掘知道了用戶的真實目的,確定了需求方意愿度,明確了需求價值點,根據需求價值來提供解決方案,整理出了需求池,接下來就是對需求的優先級排序:
1)從需求分類的層級來排序,在B端產品中,因為業務需求是所有需求的底層,所有業務需求是第一位的,然后才是管理需求,最后才是用戶需求。這就是為什么很多B端產品不講究交互設計,而在業務流程上做了很大的投入。
2)可以從兩個緯度四個象限進行劃分,一個是緊急程度,一個是重要程度。按照優先級劃分為重要緊急、不重要緊急、重要不緊急、不重要不緊急。
如果產品在0-1階段,那根據KANO模型的基本型需求>期望型需求>興奮型需求來判斷,如果產品在1-N的迭代期,根據,產品價值大實現成本低>產品價值大實現成本高>產品價值小實現成本低>產品價值小實現成本高來判斷(圖來自網絡)。
功能需求整理輸出產品方案,做需求文檔輸出時,為了全面考慮產品方案的邏輯完整性和流程的完整性,可用以下三個點來自查自檢。
1)前置條件:觸發該流程的前提條件,如領取優惠券的前置條件為“注冊且登錄賬號”,甚至還有其他比如是否是新用戶等等。
2)數據來源:流程中數據來源,如審核功能中:審核人員審批下級發起的審核單。審核人員的操作流程中,下部發起審核產生審批單就是審核人員的操作流程中的數據來源;數據來源通常是在發生數據流轉的場景下需要進行說明。
3)角色及權限:即用戶在系統中承擔的作用的抽象,是否已經把功能抽象到權限中去,這樣可針對權限的設置來分配某些角色可以用,某些角色不可以用。
1)事件:主要是指功能的交互規則及邏輯判斷。
這個模塊用來說明用戶和系統之間發生的交互。交互規則是泛指的交互規則,包含功能的頁面布局、觸發功能的動作及觸發后的交互效果;邏輯判斷則是指當用戶在前端發生行為,系統對用戶行為進行識別、判斷并返回相應的動作的過程。
2)觸發反饋:指用戶與系統完成交互后,用戶和系統會得到什么樣的反饋及產生什么樣的數據和結果。
3)異常處理:是對主流程補充,我們盡可能全的羅列并寫清楚異常流程時,可以有效避免在產品設計時的場景遺漏。異常流程的梳理建議是參考測試同事的正反例原則。
1)數據埋點:埋點就不多進行贅述,但不管是采用第三方系統還是自己的埋點體系,都要做好數據分類,后續提取數據時能減少很多功夫。
2)數據需求:主要為業務方和產品經理在使用和運營提供決策依據,在設計產品方案時一定要規劃相對的監控數據指標,以便于后續運營和迭代時有數據進行支撐。
3)數據字典:不要出現這個數據在這是姓名,到另外一個頁面成為了用戶名這樣的事情。以上,是我對B端產品(項目)的理解,后續會對業務需求、管理需求、用戶需求分別分析一下。
文章來源:人人都是產品經理 作者:pm老潘
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
如今隨著互聯網不斷發展,各產品的數據體量都變得很大,數據分析體系就發揮了巨大的作用;搭建一個完整有效的數據分析體系,可以提高你的工作效率以及準確度。本文將整個體系概括為:一縱一橫。推薦對搭建數據分析體系感興趣的用戶閱讀。
新年伊始,很多公司都在制定年度計劃,有同學會問:數據分析的計劃該怎么定呢?
今天給大家一個最全面的數據分析體系,涵蓋了公司級全部場景。大家可以對著參照,看自己的發力點在哪里。
整個體系可以概括為:一縱一橫。話不多說,上干貨!
問一個簡單而關鍵的問題:數據分析,到底有啥用?
答:站在業務的角度,數據分析有6大用處
這六個場景,貫穿業務工作全過程,最能體現數據分析的價值。因此,當我們思考數據分析可以做什么的時候,可以先思考這六個場景,目前的工作滿足了多少需求?還有哪些是可以做的(如下圖)?
注意:數據并非不可替代!這6步即使沒有數據,業務方也能做。
比如,經典的場景是:
最有可能,只有過程監控,與發現問題以后的原因分析,是甩給數據分析做的。
但這樣的話,工作就太被動了。不清楚目標,不清楚業務基礎走勢,不清楚方法背后業務邏輯,光看一個數字是很難分析出原因的。
因此相當多數據部門退化成只能監控個數據。甚至只能提個數。
這種被動局面,是在年初定規劃的時候要盡力避免的。此時不爭,更待何時!
此時可以:
這樣做,就得認真研究企業內各部門分工情況,這就涉及到“一橫”概念。
問一個簡單的問題:是否各個部門對數據重視程度一樣?
答:當然不一樣!
從部門職責上看,部門可以分為四大類:
典型如:總裁辦、戰略發展部、財務部。
這些部門直接與公司最高層溝通,很多重大的發展計劃,年度KPI目標,經營任務,都是這些部門參與制定的。這些部門很重視數據!
因為所有的目標、任務、計劃都得量化。他們常見的問題是:知其然,不知其所以然,以財務部尤甚。算賬算得很精明,可對于業務細節不甚了解。
此時,想要和這些部門交好,可以從提供基礎數據突破。
在提供數據的同時,主動幫他們梳理關鍵業務流程,清晰常規的業務基線,補齊他們在業務理解上的短板。這樣能有更多機會合作。(如下圖)。
典型如:銷售、投放、增長部門。
這些部門負擔主要的收入任務,是業績、利潤的主要來源。但是,這些部門一般都不重視數據。能看到任務目標、完成率就差不多了。
他們更喜歡看案例拆解,看操作指南,看具體做法。總之,手里用得上的才是好東西。
此時,想要和這些部門交好,可以從工具入手。
不要整復雜的報表,而是根據看表人關心的內容,分層級提供數據。越是基層的,給看的數據越少,最好只留關鍵KPI。
功能上,和CRM等工具打通,在提供數據的同時,直接提供可操作功能,這樣才受一線歡迎(如下圖)。
典型如采購、研發、設計。
這些部門基本都在消耗成本,很難直接見成效,萬一做不好了引發用戶討厭、產品積壓、庫存不足,還會影響銷量……而且,這些部門又受到銷售、營銷營銷,很難獨善其身。
這時候要區別對待:
對于采購、生產、供應這種容易產生硬損失的部門,重點做好數據滾動預測與數據監控。
對于來自上游供給、下游需求、大促活動等影響因素及時收集,結合供給進度與庫存情況,預報可能存在的積壓/缺貨問題(如下圖)。
對于研發、設計、產品這種容易產生軟損失的部門,重點最好測試平臺和測試服務。用常規監測發現問題,用好的測試來檢驗改善效果(如下圖)。
典型如營銷、運營部門。這些部門很喜歡看數據,且其工作效果,是疊加在銷售基礎上產生的,很難觀察。因此做分析的時候特別糾結。好在,他們的工作多是項目制的,可以逐個攻破。
常見的項目,包括:
這些在之前的文章已經有很多分享,這里就不贅述了。想洞察得深刻,想分析得到位,重點是培養業務部門的好習慣,打好數據基礎。
比如:
基礎工作做好了,事后大量數據可以分析。
基礎工作沒做好,事后分析個屁……
整體安排:分階段,做出標桿項目。
注意:上述的工作,在業務部門那里是有先后順序的。
清晰了業務部門行動以后,數據部門的整體安排就很清晰了:
輸出的目標,以每個月都能有一個項目上線/更新為目標。這樣每個季度的季報容易寫,來年年度總結也就不糾結了(如下圖)。
以上,就是數據部門規劃的整體思路。當然每個企業具體情況不同。同學們可以量體裁衣,根據自己面對具體情況做調整。
當然,可能有同學會說:“規劃這種高大上的事輪不到我,我就是一個小兵,日常都在跑數,咋辦?!”
碰到這種情況,等待別人施舍肯定不是好辦法。普通的日常工作,也能延伸出很多有價值的項目,這是數據分析工作的獨特優勢。
文章來源:人人都是產品經理 作者:接地氣的陳老師
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
隨著媒體發展,品牌廣告演變出眾多創新十足、彰顯品牌調性的創意。廣告創意日益精進的同時用戶體驗閾值也不斷提升,如何實現創意突破、觸動用戶心弦、實現用戶體驗與商業價值的雙贏是品牌廣告面臨的挑戰。
百度品牌廣告為尋求自我突破,塑造對用戶有價值、對客戶強權益的新型廣告形態,從全局進行思考,打破現有樣式的局限,進行創新形態重構。我們將結合卡間聯動的創新實踐分享品牌廣告的創意探索。
超級品專是品牌廣告的重要產品形態,通過品牌廣告結合自然搜索結果,逐步幫助客戶構建在百度搜索生態的品牌運營陣地,同時給用戶帶來更完整的品牌信息獲取滿足(下圖左)。在實際運用中發現,超級品專在樣式上希望進一步做突破:
1)沉浸感:提升下方白色組卡品牌調性。
2)觸達率:提升下方組卡的觸達及感知。
基于以上分析,我們進行了系統性的樣式創新,推出卡間聯動創新形態,該形態的本質在于通過彩卡形態提升沉浸感,通過互動化的炫動浮層動效引導用戶下滑瀏覽探索,從而提升品宣和數據效果,達到品效雙贏的終極目標。
1. 整體視覺升級,沉浸式彩卡,突顯品牌調性
界面背景上做了多種設計嘗試,將白卡區升級為彩卡,提取頭卡物料進行智能取色,使頭卡和下方組卡更融合,強化整體性,提升沉浸感,將整體區域打造成“品牌運營陣地”。
2. 首屏強動效吸引,提升視覺沖擊力,增強品牌認知
首屏以動效形式展現品牌主推信息,加強用戶感知,使用戶快速理解品牌亮點,獲取品牌信息。此外,我們針對不同行業、不同營銷目標,以差異化的動效形式作為品牌服務的延伸,增強視覺沖擊力,突顯產品亮點,強化品牌認知。
3.下滑展現動畫,強化品牌賣點,激發用戶探索興趣
組卡區結合品牌信息,根據用戶搜索品牌的訴求和目標,強化品牌的 2-3 個賣點,通過用戶下滑操作觸發一段動畫,引導視覺動線持續向下,玩法上增加了驚喜感,激發了用戶的探索興趣,吸引用戶關注到價值信息后形成點擊轉化。
4. 控制展現時長與展現頻次,減少對用戶的干擾,注重用戶體驗
前續通過動效傳遞品牌信息價值,同時我們還以不干擾用戶操作為目標,控制動效展現時長及展現頻率,讓用戶更專注并沉浸于內容本身,體驗更加友好。
那么卡間聯動設計創新是否真正實現品效雙贏?實現商業價值與用戶體驗的共贏?我們通過線上數據分析和用戶體驗調研,來揭秘卡間聯動效果。
1. 數據分析顯示:有效提升轉化效果和停留時長
首發客戶來自汽車行業,通過該客戶投放超級品專和卡間聯動樣式的實驗對比,后者數據顯著提升,點擊率平均提升 11%,停留時長提升 20.2%。
2. 定性調研顯示:有效激發用戶興趣,增強品牌認知和記憶
在調研方法的選擇上,考慮到卡間聯動的設計創新效果與用戶視覺注視息息相關,因此,我們引入眼動追蹤技術,通過記錄用戶的視覺注視過程,獲取客觀數據,同時結合問卷評分和深度訪談,從主客觀全面了解用戶的真實體驗感受。
在調研用戶的選擇上,為了找到最具代表性的目標用戶,我們根據行業用戶畫像設定年齡和性別配比,同時結合百度 App 使用習慣進行篩選。
評估維度的選擇,重點參考了廣告效果評估理論模型(AIDMA 模型),該模型闡述了用戶對品牌從“注意”到“行為”轉變的心理過程,基于該心理機制,結合品牌廣告關注品牌吸引和印象增強的特點,從中提煉了注意興趣、情感偏好、記憶效果三個維度來衡量品牌宣傳效果。
關于這個模型的詳細介紹:
在實驗設計上,我們對比了超級品專和卡間聯動樣式。調研結果如下:
1. 注意興趣:卡間聯動吸引用戶關注,引起用戶興趣,可提升品牌宣傳效果
卡間聯動能有效提升用戶注意興趣,整卡的注視時長提升 37.5%。用戶在瀏覽整頁過程中,分配更多的時間在卡間聯動樣式區域,注視時間占比從 46.6%提升至 55.8%,增幅 19.7%,注意吸引提升效果明顯。
進一步細分數據發現,卡間聯動首屏和下方組卡注視時長均有所提升,其中首屏動效最先吸引用戶,提升效果更明顯。
2. 情感偏好:卡間聯動用戶主觀偏好更高,增強用戶對品牌的印象
整體上,用戶對卡間聯動表現出更高的情感偏好,其中,卡間聯動廣告設計感和驚喜感提升效果最好,評分提升高于 50%。
結合來自用戶的主觀反饋可以看到,卡間聯動提升用戶情感偏好的原因主要為動效生動形象,互動性強,能更好的突出品牌特征,傳達品牌調性。
3. 記憶效果:卡間聯動視覺沖擊力強,有互動感,用戶印象更深刻,品牌記憶效果更好
卡間聯動通過動效突出品牌賣點,用戶可回憶起更多的品牌細節,相較于超級品專,用戶記憶印象更深刻。
綜上,卡間聯動設計樣式,在效果數據和品牌宣傳上均有不錯的表現,是品牌廣告“品效雙贏”的一次成功嘗試。我們不僅考慮樣式的精品化,更注重行業的通用性和規?;?,目前卡間聯動樣式已覆蓋了汽車、旅游、食品飲料、奢侈品等行業客戶的通用訴求,滿足新品宣發、賣點展示等多維度營銷訴求。
同時最大程度降低物料制作難度,賦能客戶低成本實現創意表達,如汽車行業客戶僅需提供汽車前視圖、側視圖、頂視圖三張圖片,即可生成炫酷的動效效果,快速投放。
在品牌廣告自我突破和創新發展的道路上,我們也將繼續探索、持續優化,始終不變的初心是,用設計創新的力量,提升用戶體驗,創造價值。
文章來源:站酷 作者:百度MEUX
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
“時間”作為人機交互界面中經常出現的元素,本質上都是為了去傳遞時間維度的信息。但是我們平時在使用一些互聯網產品時會發現,關于“時間”的顯示狀態或形式在不同場景、不同頁面里往往是不太一樣的,這是出于怎樣的考慮呢?今天我們就來聊一聊,如何在產品設計中把握“時間”顯示的訣竅,讓其在頁面中發揮最大的作用。
按照“時間”元素在頁面中的出現場景和所起到的作用,可以大致歸為以下幾類:
時間作為描述整個事件的重要組成部分,缺失后會對原本所要傳達的內容產生嚴重的影響,進而影響用戶的使用預期和結果,比方說用戶可能不能以一個較低的價格完成商品購買,或錯過了產品發布會的時間。
指用戶本人作為行為主體或行為的接收對象,在某一動作發生后為其所打上的時間標記,比方說“我”購買商品下單的時間或收到一封郵件的時間。
用戶在使用產品進行內容消費時,時間作為該條內容的附屬信息,起到補充說明的作用,比方說一條短視頻或新聞的發布時間。
在上面的案例中,我們會發現“時間”在對應場景里所發揮的作用不同,用戶在使用產品時往往對時間存在不一樣的關注程度。因此我們在做頁面設計時,要根據具體場景和用戶訴求判斷“時間”元素的重要性和優先級,通常情況下:時間作為事件的關鍵構成要素>行為的時間標記>內容的附屬信息,之后再思考用什么樣的設計形式去展示來達到我們的目標。
“時間”的呈現方式和運用技巧
在討論“時間”元素的設計之前,我們先共識一些有關時間的理解和概念。時間可以劃分為“時間點”和“時間段”兩個維度,類似我們高中物理時學過的“時刻”和”時間間隔“的概念。
拿開會舉例子:“下午 4:30 會議開始”、“下午 6:00 會議結束”描述的是事件開始、結束的時間點,而“整個會議持續 1.5 小時”、“會議時間為下午 4:30-6:00”描述的是事件過程的時間段;但是,我們在會議開始時也可以這樣講“會議將在 1.5 小時后結束”。
通過上面的例子我們可以發下,同樣是描述一件事情,運用不同的時間點、時間段的方式去表達,意思一樣但卻傳遞出不一樣的情感,并且兩者存在如下的“換算”關系:
1)時間段加上定語會變成時間點(但同樣是時間點,“下午 6:00”是絕對時間,而“1.5 小時后”是相對時間,剛好對應到我們設計時兩種時間戳類型);
2)兩個時間點之間則表示時間段。
所以,我們在平時表達或設計時,要先想清楚用“時間”是想側重表達某一事件、動作發生的即刻時間節點?還是想描述其所持續的時間過程?之后我們再針對不同語境去選取合適的文案和呈現方式。
時間的呈現方式離不開:時間戳類型、時間顯示格式、時間顆粒度。其中,時間顆粒度指的是描述時間的最小單位,往往顆粒度越細,給用戶傳達的確定感越強(如轉賬時間是 12 日 15:15:20),對用戶的激勵作用越明顯(如距搶購結束僅剩 00 時 01 分 23.6 秒)。
1. 絕對時間戳
絕對時間可理解為事物發生時的確切時間,由具體日期(年、月、日)和時間(時、分、秒)組成。使用絕對時間戳的優勢是信息傳達精準,顯得正式,給人確定感和安全感,同時排布規整,便于形成認知習慣;但缺點是內容顯示過長不利于閱讀,并且占用空間較大。
在時間顯示格式的選擇上,為了避免混淆,推薦使用文字格式或“-”分隔符來分隔日期,而“/”分隔符在不同國家有不同的展示順序習慣,容易造成誤解,盡量少用。
時間顆粒度的選擇依情況而定,一般場景總結如下:
2. 相對時間戳
相對時間在產品設計領域通常是指內容生產、到達、或狀態發生改變時,距當前時間點的時間差值,多用于 push 通知、信息流產品,側重強調內容的時效性;而“倒計時”也算相對時間的一種,側重營造時間的緊迫感。使用相對時間戳的優勢是用戶辨識、理解成本低,不用通過計算來判斷時間過去或還剩下多久;缺點是不夠精確、正式,并很難衡量兩個時間點的臨近性。
在使用相對時間時,要注意格式友好。時間單位可隨著時間的推移自動改變;數字不要過多,盡量取整;并且可設置其與絕對時間轉換的臨界點。
在設計界面中的“時間”元素時,要遵循場景貼合、便于閱讀理解的總體原則;之后根據場景和目標,再選取合適的“時間”呈現方式(包括時間戳類型、時間顯示格式、時間顆粒度)。
當時間作為“A.事件的關鍵構成要素”時
一般情況下使用絕對時間,并且要看是為了強調某一關鍵時間節點,還是側重表達整個持續過程。此外,選用關聯場景的文案或者運用倒計時(相對時間)的形式,可一定程度上促進用戶更加集中注意力,提升對信息的關注度,并達到特殊的激勵作用和轉化效果。
當時間作為“B.行為的時間標記”時
該場景通常是為了追求確定感,通過提供精準的時間和日期便于用戶定位到過去或將來的某個時間點(段)去查找、回顧相應內容,因此大多數采用絕對時間,時間顆粒度依具體情況而定。
當時間作為“C.內容的附屬信息”時
如果所設計的產品供給內容的更新速度快,用戶活躍度高,并且此時內容的時間信息準確性不那么重要反而更側重于內容的時效性,那么通常會使用相對時間。部分信息流產品(比如新聞資訊類、社區類)會在列表頁使用相對時間,在詳情頁使用絕對時間,時間顆粒度也是依情況而定;并且會隨著時間推移,在某一時間節點前把相對時間轉換為絕對時間。
文章來源:優設 作者:VMIC UED
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
表單在B端產品中是重要的組成部分,設計表單是比較考驗設計師綜合能力和設計細節的。一定程度上,表單設計的好壞也決定了產品的成敗。
在實際項目中隨著B端產品的復雜化,出現冗余的視覺干擾信息,降低信息傳達的效率,使得用戶認知成本高,操作難度大。那么對于表單如何提升表單的易用性又該如何數據量化易用性呢?本文從4大方面闡述全面提升表單的易用性并驗證。
表單由表單標簽、表單域、提示信息、操作按鈕組成。
在我們設計B端產品的過程中,總會遇到用戶信息填寫邏輯混亂、資料收集不全的狀況,導致用戶在瀏覽和編輯時的操作體驗大打折扣。主要反映在以下幾個方面:
1、用戶瀏覽信息順序混亂,信息層邏輯不清
2、不同信息內容風格及交互不統一,用戶難以建立統一心智
3、產研協作與資產沉淀之間有斷層,無法有效沉淀與跟蹤管理
4、整體頁面操作時間長,用戶跳脫率高
5、用戶客訴數據高
提升表單易用性的4大原則:易閱讀 、易操作 、安全感 、所見即所得
a、采用扁平化設計,化繁為簡,去除冗余的視覺干擾,使得頁面更加簡潔清晰。
如:當必填特別多時,就不用都標出來了,只需要單獨標出非必填項即可,最大化得信息降噪。
b、盡量采用單列布局,視覺動線流暢,不容易遺漏信息;按Enter換行,可以最大程度得提升表單的輸入效率。此處的用戶心智與操作效率比屏幕利用率更為重要。
c、面對多行或復雜表單可以采用邏輯分組+合適的折疊度,提高頁面有效信息的透傳,增加用戶填寫表單的效率,讓用戶快速填寫,快速離開。
a、為用戶提供合適的默認項,可以減少用戶操作步驟,提高填寫效率。
b、在表單中填寫上部分信息即可自動獲取下面信息,無需用戶再次填寫,也大大增加了操作效率。
c、根據搜索、聯想,自動現實匹配信息,大大減少用戶記憶和認知的負擔。
d、對于一些標準證件、文本信息的錄入,可以通過OCR識別文件內容。當用戶上傳圖片后,運用圖像識別技術提取關鍵信息并自動錄入。
如果圖片不清晰或存在水印,此時也應提供修正渠道,可逐一校對并修改。
a、操作前給予正確提示,避免用戶重復試錯,缺乏安全感。
b、操作中給予實時反饋,為用戶封閉不正確的道路。
c、操作后的提醒和糾錯,告訴用戶哪里錯了,而非簡單粗暴的錯誤警告。
邊設置,邊預覽,適合對移動端、小程序、H5的配置。
通過用戶點擊數據,輔助設計洞見。從4個方面量化體驗度量衡:任務完成率、任務完成時長、必填項目數、易用度評分
通過埋點獲取數據使用公式進行計算或讓技術搭建看板直接看。新版上線后,用戶會有一定的學習適應周期,最好選取一個月以后的數據,比較具有參考意義。
數據分析發現,任務完成時長數據呈現偽正態分布狀態,取眾數最具代表意義。
結合業務場景,減少不必要的必填項,只設置必要的信息填寫,能自動獲取則自動獲取,減少操作步驟,增加操作效率。
通過在產品后臺投放調研問卷,獲取真實的用戶,使用登門檻效應讓其進行評分。最后可把被篩選的對象圈到訪談對象池,有機會可以成為產品成長用戶。
以上就是對于提升表單易用性及驗證的思考,總結如下:
提升表單易用性可以提高信息內容理解和操作效率,更便于管理賬戶
提升表單易用性可以提升獲取用戶和企業信息內容的效率,優化企業框架結構,提升信息質量
提升表單易用性可以提升信息獲取效率,節約設計和開發成本
文章來源:站酷 作者:牛肉咖喱garry
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
每個人,在處理自己熟悉的事物時,往往都會有 「思維定勢」。我們在設計頁面時,會去考慮用戶的思維定勢,而在處理設計問題時,也是同樣的道理。
在與許多 C端轉B端的資深設計師 交流過程中會發現,他們在去處理 “問題” 時,仿佛還是按照之前的思維定勢。也就導致在工作過程當中遇到諸多麻煩,比如:
究其原因是在C端時代,設計師的口中都是圍繞著用戶進行展開;
而到了B端時代,我們聊的就不再是用戶,而更多是營收,是流程、是業務。
因此在去處理B端需求時,設計風格就一個“表面工程”,并不是說它不重要,而更多是為了服務產品真正的“靈魂”。
回過頭去看作品集,我們要求的就不是:你作品集的排版究竟有多好、我選擇了什么好看的字體、用了哪些亮眼的配色,而更多是從你的作品集當中,看出你的思考,通過你在交互流程上的調整,產品進而得到哪些優化。
在自己的舒適圈,可以理解為 “安逸”。
安逸這個詞,在我一個成都人面前,簡直“不值一提”,它既能夠表達你對于當前狀態的一種贊嘆,同時也是對別人的一種羨慕。因為在說安逸時,我們往往只會說別人過得多么安逸。
很多人會認為,跳出自己的舒適圈不就是內卷么?
但是我更愿意把它理解成一種學習態度,因為剛接觸到的B端事物,一定是全新的,打破你之前認知的東西。比如 聊低代碼產品,我們肯定會去說 對象、布局、配置表單。
而這些東西,稍微延展都是非常多的內容,如果你從事多年B端設計過后,你會發現你越來越像一個產品經理,只是因為大家站的立場會有所不同,所產出的內容會存在些許差異。而如何了解業務?可以看看之前的文章《B端設計師如何快速了解業務》。
當你產生焦慮的時候,就特別想要跳出舒適圈。我自己也是一樣,之前上班工作時,每天早上10點到崗,我卻在6點50的天府三街沉浸學習,這也能夠有充足的時間去做工作以外的事情。
在B端產品當中,行業選擇是非常重要的一件事。因為想在這一行業深入發展,一定是需要陪伴企業走過 2-3 年,并且在后續的跳槽過程中,行業屬性是你非常重要的標簽??梢钥吹礁黝愓衅感畔斨卸济鞔_指出行業的重要性。
因此選擇一個更有潛力的行業,能夠在后續的職業生涯當中,加分不少。這里給你們推薦一些出名的企業與前景廣闊的行業(感謝4群同學的分享~):
想要高清圖片,可以查看公眾號原文, 點贊/在看 原文章,然后截圖私信CE青年的微信即可(vx:ceqingnian)。
看似與上一條重復,但是想要給大家講得關注點會有所不同。
這里的重點是深耕,因為在與一些工作 2-3 年的B端交互設計師的接觸過程中,會發現他們對于自身業務仿佛并不了解、甚至有些陌生。而深耕某一領域,也就意味著你在一個行業有著專家級的水平。而后續的跳槽,也可以通過你自身的實力,快速上手該行業的對應業務。
而深耕雖然會在職業發展的后期帶來諸多困境,但是不得不說在B端市場的前期,能夠教會你很多分析B端問題的道理。
B端設計與C端不同,業務形態上就會存在巨大差異。同時在工作的態度上,不建議大家過于浮躁,因為B端需要較長的研發過程,導致需要你能夠在某一個行業深耕,因此在職業發展上,希望能夠做出謹慎選擇!
原文鏈接:CE青年(公眾號)
作者:CE青年
轉載請注明:學UI網》B端問答 – 給新手B端設計師的四點建議
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
藍藍設計的小編 http://www.syprn.cn