後台產品交互組件庫的搭建

按鈕、圖標、搜索、分割線等等 1、按鈕 樣式 四種按鈕 使用場景 1/強調按鈕:一般情況下,每個功能模塊最多有一個強調按鈕,主要功能按鈕。 2/常規按鈕:常規按鈕層級低於強調按鈕,強調按鈕和常規按鈕配合使用時,有兩種情況,一① 基於業務等考慮:業務等需求引導用戶操作的用強調按鈕,不希望用戶操作的用常規按鈕。比如,當上傳完成頁面中,【查看上傳結果】為強調按鈕,【取消】或其他操作為常規按鈕;在某銀行APP轉入賬成功,用戶可能就是為了收錢,而我們目前正在推某款理財產品,我們更希望是引導用戶【去理財】,這時【去理財】為強調按鈕,其他操作為常規按鈕。② ...
Read more

聽說CMU交互設計世界第一,但6個專業到底哪個是真第一?

隸屬Collage of Fine Arts的設計學院有三個交互設計專業的碩士學位,分別為兩年制的MDes和一年制的MPS、MA。三個專業的主要研究方向都是服務和社會創新中的交互設計,但根據學生不同的基礎設置。比如MPS針對有實踐經驗的學生;MDes針對有設計背景的學生;MA則針對轉專業申請的任何專業背景學生。看到這些是不是更懵了?不能理解這三個非常類似的專業差別在哪兒?那讓我們看一下三個學位的介紹、課程設置和申請要求吧。 MA (Master of Arts in ...
Read more

APP導航類型總結(一)布局片

Tags: 交互設計
在移動端UI設計中,導航設計可以稱之為框架設計,將產品的核心點(業務層)集中突出,儘可能做到任務路徑的扁平化和用戶操作便捷性,將用戶最常用行為(用戶層)分類組織,讓這些功能元素被用戶以最簡單的方式獲取和使用,在移動界面設計中,是非常重要的模塊。可以簡潔的說移動界面就是不同導航模塊不同方式組裝的結果。目前市面上移動界面設計所使用的導航設計,從頁面布局排版分類,基本分為以下七類,分別是標籤式、抽屜式、宮格式、聚合式、超級菜單式、列表式、陳列式。為了不斷滿足業務、用戶需求,湧出(舵式、輪播式等)新穎的混合型導航模式。按時間維度的空間分類,還會有全局型、混合型、瞬時型。關於這個後期我會再總結一篇文章詳細講。 一.標籤式導航 標籤式導航是應用最廣的一種導航樣式。擺放的位置一般固定在底部或者頂部,具有全局性。圖二底部的駝峰式導航是標籤式導航的一個變型,具有突出表現主要功能的作用。其實圖一愛奇藝的底部也採用了標 ...
Read more

汽車HMI設計如何營造儀式感-儀錶篇

不知從何時開始,「儀式感」這三個字彷彿成了成年人辦事的標準。求婚講究個儀式感,開會講究個儀式感,甚至吃飯都講究個儀式感。 求婚者在跪下那一刻之前所有的鋪墊和氣氛的渲染。是儀式感。 開會前工作人員擦杯子那一刻的專註。是儀式感。 坐在吧台前看大師在你面前製作一個個精緻的料理。這也是儀式感。 總結起來就四個字「前戲要足」。 那麼儀式感在HMI設計中要怎麼體現呢?下面就隨ZOY君就來聊一聊如何在車內營造儀式感。我們從儀錶開始說。汽車儀錶是車內人目光與車接觸頻率最高的零部件,沒有之一。儀錶的發展經歷到現在,從傳統的機械指針式進化到現在的全液晶屏儀錶。可以設計的空間得到了質的飛躍。我們來看看各大廠商們是怎麼用「儀錶」這一單一零部件來體現儀式感的。先從雷克薩斯開始說起,劍走偏鋒的雷克薩斯並沒有隨大流用12.3寸大屏儀錶。而是選擇了這款顯示比例為4:3的7寸屏。擅長「螺絲殼裡做道場」的大和名族把這塊7寸屏做到了極致 ...
Read more

3D Touch 可簡化哪些操作及其使用方式?

介紹:3D Touch 為 Apple 在 iPhone 6s 上新增的壓感交互功能,現 iOS 11 譯名為 「三維觸控」(閑來無事幫題主完善了資料,原提問請看問題日誌) 說一個我自己最經常用的功能,在小白點設置了3D Touch截屏,因為經常截屏,有時候又懶得兩隻手一起按鍵,就設置了按壓小白點截屏功能。 按壓小白點除了截屏還可以設置別的功能。至於3D Touch的其它功能,相信其他答主也會說的 功能簡直不要太好用,通知重按預覽,側邊呼出後台,微信重按掃一掃,網頁預覽重按打開,程序菜單重按,查看是哪些出現紅點通知的程序還有很多,吧啦吧啦吧啦 不用再雙擊home鍵就可以打開應用後台切換應用更加自如微信支付寶掃一掃 付款 打字游標移動 快速瀏覽信息、照片、網頁鏈接(瀏覽網頁鏈接這個真的很好用,不用點進去再返回,避免了一些網頁瘋狂跳轉) ...
Read more

產品設計中的模塊化思維

當今互聯網產品涉及社會生活的方方面面,各行各業在長期的社會服務過程中也逐漸形成了獨有的商業模式和行業特徵。由於行業中的企業屬性(如服務地區、企業規模、發展方向、業務規則等)不同,即便是相同的產品形態,也會存在各種差異化的需求。並且這些企業在其所在領域經營多年,對用戶的影響力是極其長遠的。因此我們在處理這些行業產品設計的過程中,並不是一味地去顛覆原有的產品形態或模式,而是需要找到解決差異化帶來的設計問題。 既然差異化有其存在的合理性和必然性,在設計時我們就不可避免地會遇到諸如「需求看起來很像但又不完全相同」「難以找到一種方案解決多個相似需求」的問題,致使設計周期變長,而過程中的重複性工作片段又很多,設計效率不高。模塊化設計就是在差異化和高效率之間尋求一個平衡點的方式。什麼是模塊化設計? ...
Read more

產品經理如何學習交互設計?

實踐出真知。產品設計能力其實都是在產品一次次迭代中得以提升的。對於B端系統來說,需求文檔的邏輯嚴謹的重要性遠遠高於交互原型,因為需求文檔的內容直接決定了交互設計草稿的質量。一個是房屋底層架構,一個是裝修點綴,其權重分別是8和2。因此,那些拿起滑鼠就開始在Axure上揮灑漂亮的原型圖的產品人,無異於憑藉想像建造大樓,沒有了設計圖紙的規範,很容易成為「豆腐渣工程」,也會因為各種邏輯漏洞被程序猿們瘋狂diss。 那麼產品經理如何制定合理的交互學習方案呢?這裡,以我的成長經驗,給大家推薦如下的學習軌跡:Step 1:學習交互設計的工具就像建築設計師必須會用CAD,程序員必須要會碼代碼一樣,做交互設計自然也需要會熟練使用一些工具,這些傍身的工具如下圖所示: 工具有很多,乍一看很容易暈頭轉向,不知從何入手,那麼我們先來簡單了解一下:Sketch——線框圖繪製工具Axure ...
Read more

如何做好交互設計?Airbnb的設計副總裁是這樣說的

首發於公眾號【凱諾空中設計課】→如何做好交互設計?Airbnb的設計副總裁是這樣說的 本文為Airbnb新設計語言系統系列一部分,作者Alex Schleifer是Airbnb的設計副總裁。文章主要分享了Alex在Airbnb做交互設計工作時一些經驗與感想,值得一看。 從很早的時候開始,我就想在屏幕上創造一些東西。我嘗試通過寫代碼、編輯像素來構成形狀和文字。後來我成為了工程師,我認為工程師可以為生活帶來全新的理念。 隨著時間推移,工具的出現使我專註於交互設計。我相信代碼仍是最強大的設計工具之一,但同時,一些軟體例如多媒體編輯器或Adobe ...
Read more

汽車HMI|軟體定義車機用戶體驗的時代到來了

隨著技術集群的爆炸式發展,以及社會生態的快速變化,汽車行業電動化、互聯化、共享化、自動化的變革正在加速進行中,這不僅對汽車產品本身的技術結構產生了很多重大影響,也對汽車行業現有運營方式與能力提出了挑戰。有業內人士分析到2020年,全球的2000強的企業,將近60%是以數字化轉型作為未來發展的戰略核心,目前這種趨勢已經滲透到了汽車行業。出行即服務,汽車作為提供出行服務的工具,如何利用數字化的技術強化客戶的品牌認知與滿意度將是汽車OEM在未來一段時間內關注的重點。與過去不同,隨著數字化技術的發展與應用,汽車OEM已經可以通過軟體與用戶之間產生直接聯繫,通過收集與分析用戶與車輛的信息,持續挖掘客戶價值,並為品牌的客戶留存創造有利條件,這在內燃機汽車時代是不可能的,軟體使這一切成為可能。汽車行業需要實現這種數字化轉型,車輛中的軟體正在成為汽車體驗的重要組成部分,當然這也會衍生出一些必然的問題:隱私、黑客攻擊 ...
Read more

淺析移動端分類導航的3種設計

電梯,也稱之為導航定位,是指在同一個頁面中,在不同類別內容的起始位置設定了錨點,當用戶選擇了某一分類,頁面能快速定位到該分類下。 導航位置可在頁面左側,也可在頁面頂部。 電梯導航在頁面左側 ...
Read more
1 2 33 Next