国产亚洲精_丰满老熟好大的大bbb_男男激情做爰视频免费观看_欧美一区二区三区精品国产

首頁

為什么你做的設計總是不耐看?

資深UI設計者

不知道大家有沒有這樣的情況發生,自己設計的作品,“乍一看不怎么樣,仔細一看,還不如乍一看”!

其實不耐看,或者不敢放大看的原因都是細節做的不到位。

最近在做手機OS的主題圖標,對細節的感觸很大,今天結合主題圖標來和大家聊聊,我們可以從哪些方面注意自己的設計細節,大綱如下:

  • 給造型加點細節
  • 多加點質感的細節
  • 不要讓圖標看著灰灰的
  • 風格特點的運用

1. 給造型加點細節

造型是所有設計執行的第一步,造型做不好,說別的都沒用。

那如何能給造型加點細節呢?

打個比方,我們要畫一個圓角矩形:

遇到特殊的設計問題時,有一條原則幫了我

資深UI設計者

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

很多設計中,我們付出20%的精力就可以應付80%的 Normal Case,而剩下20%的 Special Case 卻會花費我們80%的精力。換言之,普通情況誰都會處理,而為了應對一些少數派,我們將要付出更多。

Loading 失敗時的錯誤提醒、搜索無少結果時的空白頁面、打了車卻沒車接單……除了這正常流程下的失敗反饋以外,最耗時間的是那些特殊流程或所有情況同時在一個頁面堆砌出現的情況。

在設計前期,我們就應該盡可能地羅列特殊情況,即便它們出現的概率很低,也應留足設計時間。而應對非常規 Case 時,有一條原則幫了我很多次:

確保多數人體驗的前提下,才去解決少數人的問題。

這不是說要為了多數人放棄少數人,還是造例子來說吧。

案例一:重復利用的物流單號

如果你在天貓有過退貨經驗就會知道,申請退貨并得到商家確認后,需要填寫退貨的物流單號,當商家收貨后才會把錢退給你。這里有個奇妙的問題,設計上是否允許多個用戶填寫同一個退貨單號?

先來看看如果允許,會出現什么非常規情況:消費者AB兩人各自在同一個商家C處購買了兩臺 iPhone,并且商量好分別發起七天無理由退貨流程,商家C均同意。然后,消費者A先將手機按要求寄出,獲取物流單號一個后填寫到退貨系統;同時,消費者B直接使用消費者A的退貨單號填入系統,但不寄送自己的手機。

極端情況體現在,許多商家的店鋪與倉儲是分開的,當倉庫收到A寄來的手機并確認收貨后,店鋪工作人員收到系統通知兩個退貨流程都已收貨(其實是同一個單號),若不進行額外確認,就會把錢都退回去了。

再來看不允許重復填寫同一個物流單號的情況:很簡單,AB兩個消費者是好人,但希望節省快遞費,就商量好把兩個手機放在一個包裹里寄回。此時若規則只允許一個單號只能填寫一次,這種做法就無法實現。

錯誤的設計方法是這樣的:用戶填寫退貨單號時,新增一個流程詢問用戶該單號是否只關聯了一個訂單,訂單號是多少;或者在原有基礎上新增一個聯合退貨的功能,讓多個用戶合伙拼單退貨。

正確的設計方法是這樣的:消費者端流程全部不變,允許重復填寫物流單號,但必須在后臺記錄一條單號被使用的次數。對于被多次填寫的單號,在商家端告知商家須額外注意,一定與倉庫確認好包裹內物品再進行退款操作。

錯誤方法的錯誤原因很簡單,我們不能為了一些極端情況就去修改主流程,也不能為了少數人的需求就影響所有正常用戶。

案例二:互相沖突的 Toast 提醒

天貓客戶端的商品詳情頁中,當點擊“收藏”按鈕會有一個 Toast 告訴用戶“收藏成功”,同樣當點擊“加入購物車”后,也會有 Toast 告訴用戶“加入成功”。這樣看好像沒什么問題,但若用戶點完“收藏”后馬上點擊“加入購物車”,就會出現兩個 Toast 相互沖突的情況——視覺上互相重疊,或后一個 Toast 無法出現。再極端一點,如果出現了一個腦殘用戶,為了測試反復快速點擊兩個按鈕,甚至會導致代碼錯誤。

為了追求設計和代碼邏輯的嚴密,我和開發同學花費了不少時間討論對于這種極端情況,要如何設置 Toast 的出現和沖突機制。甚至為了應對極端情況,還需要調整 Toast 出現消失的動畫過程與邏輯。但最后,我只設置了2個 Toast 在極短時間內前后觸發的交互,也就是新的 Toast 慢慢把舊的推上去,并各自做淡入淡出動畫——畢竟兩次短促的操作是比較可能會發生的。

什么?你問我那個腦殘用戶怎么辦?不好意思,為了滿足所有正常用戶的訴求,腦殘用戶的體驗就只好先放一放了……

案例三:神出鬼沒的 Loading

我們在客戶端上做了一個比較酷的動畫,對一個模塊長按后可以彈出一張卡片,并在卡片中閱讀一些詳情(有點像 3D Touch)。問題在于,彈出卡片中的信息是觸發卡片后才向服務器請求數據并加載的,正常情況下沒有問題,但是弱網條件下,數據加載可能會花費不少時間。為此,第一版我們為這個數據請求設計了一個 Loading 的小動畫(好吧,你就當是轉菊花)。

這樣做的結果是,對于網絡非常流暢的用戶,他們喚起這張卡片時,會看到一個菊花飛快地閃過,然后才看到數據加載——再流暢的網絡下,數據也需要加載時間,哪怕是1ms,都會讓菊花快速閃爍。

當然,不要 Loading 也明顯不合理。弱網條件下,必須避免用戶盯著空白的卡片發呆而不知道系統正在干什么。

所以,合理的做法是,為 Loading 動畫的出現時間設置一個延遲:在卡片彈出的200ms內(卡片不可能突然閃爍出現在用戶面前,必須有一個進場過程),如果數據加載完畢,則不顯示 Loading 動畫,直接顯示數據。如果卡片進場完畢(200ms后)數據還沒回來,則開始顯示 Loading 動畫。

這樣,我們保證了正常用戶的正常體驗,避免他們每一次操作都為弱網這一極端情況買單。同時,也保障了弱網用戶的體驗。

最后,再總結一下我們的設計原則確保多數人體驗的前提下,才去解決少數人的問題。

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


這7個關鍵點,是每個產品用戶體驗設計的重中之重

資深UI設計者

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

即使你遠離設計領域,對于用戶體驗這一詞也不會陌生。用戶和產品之間進行交互過程中,產生的一般態度和情感反饋就是我們常說的用戶體驗。在用戶體驗設計中,有幾個關鍵性的因素的是設計師所關注的,比如可用性(usability)、工具性(utility)、合意性(desirability)、吸引度(attractiveness)等。如今,用戶體驗設計和視覺設計幾乎達到了同等重要的程度。雖然仍有一些企業和團隊在懷疑用戶體驗設計是否有必要,但是總體上,大家對于它的認可度還是非常高的。

用戶體驗設計為何重要?

許多公司為了讓產品產品的體驗和效率更高,而花費更多的時間和金錢。現代商業競爭背景下,事實已經證明,產品和服務的成功很大程度上是取決于用戶對于產品的喜愛程度。UX設計旨在通過讓產品更易于使用而提高用戶的滿意度。

有些人可能還認為用戶體驗設計的核心是視覺設計,其實它的范疇遠不止于此。UX設計是一個復雜的過程,涵蓋了用戶研究,線框圖、原型、視覺稿、動畫、開發、測試等許多不同的環節和階段,其中許多環節甚至是并發和交叉的。真正有效的用戶體驗需要時間來開發,也需要足夠的知識來作為支撐,這種復雜的開發體系使得它或多或少地需要超出預期的額外投資。然而,UX設計對于初創和非初創公司而言,同樣有益,它確確實實從不同的方面幫助企業創造成功的產品,無論是參與度、可用性還是轉化率。

如果你擁有一個復雜的電商網站系統,那么用戶體驗一定是影響它實際效用的重要因素。內容組織是否系統,導航是否清晰,都會影響到產品的銷售,用戶的黏度。太復雜、不便捷的產品會讓用戶流失,這是肯定的。

有數據表明,近年來95%的移動端APP 在上線一個月內就宣告失敗而退出。這很大程度上是因為激烈競爭之下,沒有足夠優秀的用戶體驗來留住用戶所造成的結果。結合現有的研究和我們自己的經驗,我們在今天的文章中總結出了優秀產品的7個關鍵的用戶體驗設計要素。

1、有效的可用性設計

現如今,“簡單”一詞和無聊的設計并無關系,而是成功產品設計的關鍵性要素。在Don Norman 的《設計心理學》系列教材中指出,良好的設計通常都會具有易于發現和易于理解兩個特性。用戶期望他們所使用的產品是簡單明了的,能夠讓他們不花費太多精力就可以搞定,也可以從中獲得自信。而這些都是用戶體驗設計的工作范疇以內。

用戶體驗設計師的目標是為數字產品創造一致的體驗,讓用戶能夠安心使用。有效的用戶體驗設計能夠通過網站和APP為用戶循序漸進、有效地展示內容。而UX設計人員則可以通過數據分析和案例研究,消除不必要的設計、搞定問題、去除隱患,提升產品的可用性。UX設計師還能通過不同環節的引導服務來幫助用戶更加快速的熟悉產品,讓用戶感到貼心而不會緊張。

2、驅動用戶深度參與

參與度是衡量用戶有效行為的度量,而它也是產品價值的重要體現之一。每個企業都希望有高素質的用戶參與到產品建設當中來,而他們也知道,最終還是要通過創造優秀的用戶體驗來解決這一問題。

UX設計有一個熱門的解決方案是游戲化設計。將游戲化的元素應用到非游戲類的使用場景中來。游戲化設計讓網站和APP擁有更多有趣的元素,吸引用戶,提升參與度。游戲化設計的具體方法和策略有很多,設置任務、發放獎勵都是很常見的手法了。挑起用戶的好奇心和激情,他們會堅持不懈地執行任務,在你的網站和APP中花費更多的時間。

3、產品的獨特性

很難說市場上到底有多少APP存在,但是絕大多數的應用和網站在起步的時候,就已經失敗了。當你要開始投放一個APP到市場的時候,可能已經有好幾十個同類的產品已經存在了。所以,企業和開發團隊一直在尋求讓用戶選擇他們產品的原因和方法。UX設計師能夠通過分析目標受眾的需求和實際市場狀況,來判斷和預測用戶對于自己產品的反應。如果你想給別人帶來愉悅的體驗,滿足用戶的需求,并且力圖讓自己的產品擁有足夠的特性從競爭中脫穎而出,那么你的產品就具有了同其他產品區分開來的獨特性。

4、省錢

UX設計的成本并不低,但是相比于修復可用性的問題,它的花費依然很低。基于用戶研究,UX設計師能夠準確地挑選出功能組合,并且規劃用戶的交互過程,排除可能存在的問題。通過對目標受眾的研究和測試,分析和改進整個產品的流程與細節,而這些過程對于產品開發和運營的補充,相比于在產品上線過再根據反饋進行調整,要省錢省心得多。

5、用戶忠誠度

用戶的口味越來越刁鉆了。令人不快的體驗會讓他們很快不耐煩,然后迅速和你的APP說拜拜,然后再也不會回來了。用戶的忠誠度要維持起來并不容易,你需要創造足夠優秀的產品,要讓人喜愛、沉迷,還得足夠快速地幫用戶排查問題。這種局面下,用戶體驗設計的價值無疑是不可估量的。如果你的產品能夠始終保持令人舒服愉悅的體驗,用戶習慣了就很難轉向別家了。另外,別忘了,快樂的用戶更喜歡向朋友推薦你的產品。

6、高轉化率

采取設計者預期行為的用戶所占總人數的百分比就是我們常說的轉化率。最典型的轉化率就是購買產品的用戶數所占打開電商網站的用戶總人數的百分比。用戶體驗設計師通常會掌握一系列的分析技術,來幫助產品提高轉化率。通過深入分析用戶行為和用戶離開產品的原因,找到痛點,解決問題,從而提高轉化率。

7、積極的品牌體驗

品牌識別不僅僅取決于視覺形象設計,還和體驗息息相關。許多用戶在第一次使用產品的時候,會記住品牌給他們的感覺。這種第一次的體驗對于用戶和品牌本身都至關重要,如果處理不好,可能會失去不少潛在用戶。良好的UX設計可以保證品牌擁有積極而良好的用戶體驗。提供用戶喜歡的產品,可以提升品牌的認知度,因為用戶不會忘記他們喜歡的東西。

結語

優秀的用戶體驗設計對于企業無疑是有利的。很多時候,它的價值并非是一眼可以看出來的,但是事實上,優秀的用戶體驗是成功產品中不可剝離的組成部分。令人信服的UX設計能夠節省資金和精力,這比起投資解決低質量的產品要來得有效得多。更重要的是,現代產品一旦初次互動不利,后面想要扭轉過來就很難了。

 

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

Facebook設計副總裁:談談設計師的職業成功之路

資深UI設計者

Facebook 設計副總裁有個問答欄目,今天的問題是:對于設計師來說,什么才代表著成功?在這篇譯文里,她分享了自己的觀點。

喲喲喲!學會點線面,排版好方便!

資深UI設計者

每個設計師多少都有一點強迫癥,有時候會為一個像素的間距而糾結,有時候又會割舍不下自己做的元素,滿屏的信息都想突出,導致畫面混亂。設計師培養自己對畫面的全局觀是很重要的,所以我們的腦子里時刻都需要有一把“尺子”在,這把尺子,就是“點線面”。在使用這把“尺子”的時候,拋開那些裝飾和顏色還有材質,將畫面抽象成點線面來把控你的設計,也許會有不一樣的啟發和看到畫面不和諧的原因所在。

設計師對版面的全局觀,就是“點線面”的處理。“點線面”是所有視覺畫面的基本結構,點線面可以把不同的部分或者元素組合成一個整體,進而打造一個視覺舒適平衡的版面。


看似一模一樣的搜索框,在設計師眼里有這么多細節!

資深UI設計者

搜索幾乎是現在所有網站,APP甚至操作系統的標配,不論是電商還是論壇等等。它是一個站內給用戶直接到達目的地的通道,起到了一個引導用戶走向的重要作用。在不同的系統,不同用途的網站上搜索呈現的方式都有所不同。

用搜索的原因

使用搜索時,用戶可以自己掌握瀏覽該網站的路徑,從哪一頁進入到哪一頁,自己控制如何使用這個網站。沒有必要根據網站的頁面設計來決定瀏覽頁面的先后順序。這也是為什么很多網站用戶一進入就直接使用搜索功能的原因。

另一個原因是,當用戶瀏覽網頁到一半不知道接下去該干什么的時候,往往會使用搜索直接去找到自己想找的內容。

實戰經驗!如何做好網頁后臺的表單和表格設計?

資深UI設計者

一個完整的后臺,由菜單/導航、數據/圖形展示、表格、表單、控件/組件以及彈窗等構成,下面跟大家分享后臺中的表格和表單的設計細節。

當接到一個全新的網頁后臺項目時,首先確定設計風格,然后考慮這個后臺尺寸是做居中固定式,還是全屏響應式。全屏響應式的網頁設計,除非有規定,否則你可以選擇任意主流尺寸作為基尺寸來設計網頁。當然,不管選擇什么尺寸,都得基于做好一個后臺而開展工作。

24個容易忽略的APP設計細節

資深UI設計者

隨著移動優先的趨勢,APP的設計也越來越受到公司重視,不斷地提高APP的設計質量是每個設計師的追求,有哪些設計中的細節被你忽略了呢?讓我們一起來看看這些細節你都把握住了嗎。

視覺表現型問題

暑期干貨!2017年8月前端開發者超實用干貨大合集

資深UI設計者

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

在過去的幾年當中,網絡上所流傳的各種設計和開發資源,在素質上有明顯的提升。其中有一些已經幾乎成為了設計師和開發者必備的工具,但是其中絕大多數由于其應用范疇的局限,或者傳播不夠廣,導致它們大多并廣為人知。將這些素材集中到一起,很大程度上是希望它們的目標用戶能夠明白,需要這些工具的時候,上哪兒找。

這次的前端干貨合集內容也很齊全,仔細看看,總能找到幾款你所需要的。

MuzzleApp

Muzzle 是之前 CodeKit 的開發者的新產品,是一款應用在macOS 平臺的應用,當你和別人共享屏幕的時候,它可以幫你關閉通知和其他的私密信息,避免尷尬。無論你共享屏幕時候的平臺是Skype、Google Hangouts 還是 Slack,它都能讓macOS 進入“免打擾”模式。

Fractures

Fractures 是一個CSS類 合集,可以幫你快速創建網頁原型。Fractures 是基于原子設計模式來構建的,樣式表被分割為小段。

CSS DB

CSS DB 能為你列舉出還在不斷開發中的CSS特性列表以及目前的狀態,讓你可以更好地使用CSS選擇器。

Preact

Apache 最近宣布禁止將 BSD+專利許可證分發給 ReactJS 和類似的項目,如果你的產品受到類似的專利許可證的影響,可以考慮 Preact 這樣的 ReactJS替代品。

Pell

Pell 是一款用來構建所見即所得編輯器的JavaScript 庫,默認情況下,它會帶有常見的富文本編輯器的按鈕。Pell 是使用ES6來構建,它不會像jQuery 那樣需要大量的依賴庫,體積小巧,可維護性強,還兼容 IE9。

Markvis

Markdown 在語法和功能上是有限制的,而Markvis 在它的基礎上增加了圖表的功能。

Moment PHP

Moment 是一款 PHP 庫,用來處理日期和時間,類似于 Moment.js 之于 JavaScript。這個庫的使用也很簡單,可以快速設置時區、時間和顯示方式。

Tonik

這是一款使用現代PHP來構建的Wordpress 新手主題,它充分利用了命名空間,自定義模板,自動加載器,WebPack 以及一大堆現代Web開發的優點。

Awesome Guidelines

這是一個包含了許多編程語言標準的列表,其中包含了C語言,JS,PHP,Ruby,甚至包括Visual Basic。這些標準能夠幫你的代碼保持簡潔、干凈。

BotUI

聊天機器人已經逐漸成為主流。這款 JS 庫能夠幫你構建對話式UI,這個庫比起傳統的“表單”體驗更加優秀。

Reaction Commerce

開源的內容管理系統這些年變化并不大,其中絕大多數都是基于PHP來構建的。

TinyReset

這是一款非常小巧的 CSS resetter,它可以作為 Eric Meyer 所創建的reset.css的替代品。

Martinet

Martinet 是一款用來構建靜態網站的命令行工具,其中包含了諸如 Webpack、TypeScript、Pug for templating、LESS和 NPM 這樣的現代工具。它的存在讓設計者不用擔心網站配置,只需要正常使用 Martinet 就能對網站進行調整。

Billboard

BillboardJS 是一款基于 D3.js 來構建的交互式數據可視化數據庫工具,它可以用來創建可視化的柱狀圖,餅圖,折線圖等。

SVGI

SVGI 是一款用來查找SVG元素和文件的命令行工具,安裝它之后,你可以采用svgi 命令來檢索 SVG 文檔的大小、元素、層次結構和節點列表。

TimeStrap

TimeStrap 是另外一個非常實用的開源平臺,它可以像 WordPress 一樣可以在任何地方運行和訪問的發票系統。對于喜歡自己控制而不希望使用外部服務來管理發票的用戶而言,這是一個很好的選擇。

Slate

Slate 是一款為API 文檔創建靜態網頁的工具,諸如 WooCommerce、Travis-、CoinBase甚至 NASA 都采用了這一工具。

FontJoy

FontJoy 是一款能夠生成大量有效字體組合的工具,點擊“Generate”按鈕就能生成許多新的字體組合。有趣的地方在于,這款工具還有具備深度學習的功能。

CoolHue

毫無疑問漸變色再一次回歸主流,而CoolHue 是另外一款非常優秀的漸變色生成工具。

FrontPress

FrontPress 是一款前端框架,可用來控制 WP-API 和 AngularJS。如果你想創建一款用于 WordPress 的內容管理系統,可以從 FrontPress 著手。

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

需求分析:我走過最長的路,就是需求的套路

資深UI設計者

作為一名產品經理,有幸逃過UI “五彩斑斕的黑”這樣的千古難題,也不像開發一樣面臨“什么是最好的語言”這樣的靈魂拷問,但世事無完美,不信抬頭看,蒼天饒過誰。

需求,正是這樣的終極存在,他是產品經理存在的意義,也是眾多套路的根源。無論是文能提筆寫文檔、武能調試查異常的老司機,還是熟讀《夢的解析》、倒背需求層次論的學院派,和需求打交道的日子也難免“被套路”。

面對千變萬化的需求,也許很難抽象出一套普適的方法論,不妨一起來看看需求分析過程中的那些常見套路,或許能有一些值得借鑒和思考。

1. 披著需求外衣的解決方案

從交互細節優化到業務流程調整,我們總會遇到這樣一些需求:描述簡單明了、細節清晰,幾乎稍作整理就可以形成PRD、開發實施:

  • “輸入框需要加長一點,保證輸入內容完整可見”
  • “工單需要支持批量分配,勾選后自動顯示可分配對象列表”
  • “用戶注冊推送新手任務提醒,引導完善資料,必填項有XXX……”

日歷

鏈接

個人資料

藍藍設計的小編 http://m.paul-jarrel.com

存檔