嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

對于設(shè)計師而言，移動端設(shè)備屏幕上的每一寸空間都是寶貴的資源。為了在小屏幕上做更多的事情，設(shè)計師在設(shè)計導(dǎo)航系統(tǒng)的時候，通常需要花費更多的時間來打磨。漢堡圖標(biāo)在過去幾年當(dāng)中，是最常見的一種設(shè)計策略，導(dǎo)航和選項被隱藏在這個小小的圖標(biāo)之后，但是實際上，雖然大眾已經(jīng)習(xí)慣了它的存在，但是它并不是最佳的導(dǎo)航設(shè)計方案。

在今天的文章當(dāng)中，我們會探討為什么漢堡菜單這樣的隱藏式導(dǎo)航影響用戶體驗，以及可用性更強的替代方案。

為何漢堡圖標(biāo)會破壞用戶體驗

在移動端設(shè)備上，我們看到的可見式導(dǎo)航其實比漢堡圖標(biāo)這樣的隱藏式導(dǎo)航更多，前者大概是后者的2.5倍。

相信很多體驗設(shè)計師在與產(chǎn)品需求方進行設(shè)計提案的時候會遇到這樣的情景：

• 你闡述自己的設(shè)計推導(dǎo)過程，從產(chǎn)品目標(biāo)分析、問題定位、設(shè)計目標(biāo)分析、設(shè)計思路闡述這樣的推導(dǎo)下來，在場的產(chǎn)品經(jīng)理們都點頭，表達(dá)認(rèn)可。
• 但是！當(dāng)?shù)搅嗽O(shè)計方案環(huán)節(jié)，你把方案放出來，各位就七嘴八舌挑戰(zhàn)了：￥#@%&*&*
• 這時候經(jīng)常會聽到這樣一句話：“有沒有其他更好的方案啊？”
• 這時候你是不是會想，我前面的推導(dǎo)和演繹過程那么完美那么富含邏輯，推導(dǎo)的肯定是最好的方案啦！

但是哦，這個時候，你還是會感覺沒底氣說出這句話來。

于是你最后說出一句妥協(xié)的話“好的好的，我回去改一下。”（各位老板我都聽你們的，你們說啥就是啥）

專業(yè)度呢？設(shè)計價值呢？你的玻璃心要碎了：死了產(chǎn)品經(jīng)理們會不會覺得自己很水很不專業(yè)。

怎么辦？這就是今天想聊聊的主題：“思維框架”理論，讓我們更好地決策和解決問題。

語音交互是一個全新的體驗設(shè)計領(lǐng)域，目前各家機構(gòu)、公司、設(shè)計組織還處于摸索設(shè)計范式的階段，Google提供了一份非常成熟、系統(tǒng)的交互規(guī)范文檔，其中包含了核心概念的詮釋以及諸多可以指導(dǎo)設(shè)計的實踐原則。最近正在做的項目中涉及到語音交互的部分，所以順手將這份文檔翻譯出來，給需要的設(shè)計師參考。

我的譯文盡量的貼合文檔中原有的表意，同時基于我個人對語音交互的理解對表達(dá)文字進行潤色。其中有個別概念名詞比較抽象，所以我也旁邊附上了英文單詞，以便大家理解。

我們正在進入一個有光明前景的全新計算領(lǐng)域，機器學(xué)習(xí)和人工智能激發(fā)著對話式界面和自然語言的進步，同時使對話式交互成為一種新的交互模式。

交互思維是什么？網(wǎng)上的搜索結(jié)果大多是一些交互設(shè)計的方法。但是我這里要講的，是真正做交互設(shè)計所具備的思維方式。交互設(shè)計在國內(nèi)發(fā)展的并不成熟，還有很長一段路要走。很多人，甚至包括交互設(shè)計師自身，對這一工作的性質(zhì)和價值都未必有足夠的了解。

交互設(shè)計，聽上去是“設(shè)計”，但是其本質(zhì)和常見的UI和視覺設(shè)計相去甚遠(yuǎn)。“交互”指的是人類與機器之間的溝通，與美學(xué)、界面、按鈕什么的，其實沒有半毛錢關(guān)系。領(lǐng)域細(xì)分之前，也許我們考慮的東西越多越好，但是在細(xì)分之后的今天甚至未來，交互設(shè)計就要有它不一樣的價值。

由于目前的大環(huán)境對這一細(xì)分領(lǐng)域仍舊缺乏了解，所以我希望在這篇文章里，寫幾個做交互設(shè)計所需要的思維方式。

1. 先理解什么是業(yè)務(wù)需求、目標(biāo)、目的

1.1 什么是業(yè)務(wù)需求

業(yè)務(wù)需求是企業(yè)為了達(dá)到某些目標(biāo)和某種目的而制定的。它代表著企業(yè)希望下一輪產(chǎn)品的迭代能帶來什么收益，所以企業(yè)和 PM 在制定需求時必須謹(jǐn)慎且方向清晰。在工作中，交互要分析拿到的業(yè)務(wù)需求是否合理，所以就要理解在業(yè)務(wù)需求中的一些基本元素：

• 需求定位：產(chǎn)品或用戶，還有企業(yè)戰(zhàn)略
• 需求類型：功能類、數(shù)據(jù)類、設(shè)計類等
• 重要性：重要、暫不重要

拿到需求首先就要分析，定位是否清晰，屬于技術(shù)類、數(shù)據(jù)類、設(shè)計類等中的哪一類，篩選所有需求中哪個更重要，然后再去做相應(yīng)的工作。

1.2 什么是業(yè)務(wù)目標(biāo)

導(dǎo)語

隨著各類App的業(yè)務(wù)功能不斷豐富，小紅點已經(jīng)成為互聯(lián)網(wǎng)從業(yè)者們最常使用的運營工具之一，每當(dāng)有新的運營內(nèi)容或新功能上線，大家的做法往往是“在那放個紅點就行了”。然而簡單粗暴的形式以及不加節(jié)制的投放，讓小紅點變成了人人厭煩的“小妖精”。本文從設(shè)計的角度出發(fā)淺談小紅點的一些設(shè)計細(xì)節(jié)，期望引起大家對小紅點的關(guān)注，在這里拋磚引玉，也期待感興趣的小伙伴一起探討。

煩人的小紅點

人類似乎天生對不對稱，不和諧的事物有厭煩心理，并且想要去糾正這些“錯誤”，簡而言之就是大家平時所說的“強迫癥”。而小紅點則完美利用了這一人性的弱點，它就像白嫩臉頰上長出的一顆小痘痘，讓人忍住不去要去擠破它。因此，小紅點也成為了一把產(chǎn)品運營利器，只要投放在某個業(yè)務(wù)入口，就幾乎沒有用戶會對它熟視無睹，而當(dāng)用戶忍不住要去輕觸消除它時，產(chǎn)品側(cè)為業(yè)務(wù)導(dǎo)流的目的也就達(dá)到了。

那么問題來了，用戶喜歡小紅點嗎？在Google和必應(yīng)上搜索關(guān)鍵詞“App 小紅點”，幾乎有一半的搜索結(jié)果是“教你如何消除小紅點”。

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

這次的前端干貨合集內(nèi)容也很齊全，仔細(xì)看看，總能找到幾款你所需要的。

MuzzleApp

表單設(shè)計中，各種設(shè)計模式和技巧已經(jīng)越來越成熟了。在諸多設(shè)計技巧當(dāng)中，懸浮標(biāo)簽這一設(shè)計手法，應(yīng)該是對于用戶體驗提升最明顯的一種。早在2013年8月的時候，我第一次考慮在自己設(shè)計的表單中運用懸浮標(biāo)簽，這個想法很簡單，在占位符文本中，借助動畫加入一個圖標(biāo)顯示，確保用戶不會在填寫過程中迷失。

不知道大家有沒有這樣的情況發(fā)生，自己設(shè)計的作品，“乍一看不怎么樣，仔細(xì)一看，還不如乍一看”！

其實不耐看，或者不敢放大看的原因都是細(xì)節(jié)做的不到位。

最近在做手機OS的主題圖標(biāo)，對細(xì)節(jié)的感觸很大，今天結(jié)合主題圖標(biāo)來和大家聊聊，我們可以從哪些方面注意自己的設(shè)計細(xì)節(jié)，大綱如下：

• 給造型加點細(xì)節(jié)
• 多加點質(zhì)感的細(xì)節(jié)
• 不要讓圖標(biāo)看著灰灰的
• 風(fēng)格特點的運用

1. 給造型加點細(xì)節(jié)

造型是所有設(shè)計執(zhí)行的第一步，造型做不好，說別的都沒用。

那如何能給造型加點細(xì)節(jié)呢？

打個比方，我們要畫一個圓角矩形：

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

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

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

在設(shè)計前期，我們就應(yīng)該盡可能地羅列特殊情況，即便它們出現(xiàn)的概率很低，也應(yīng)留足設(shè)計時間。而應(yīng)對非常規(guī) Case 時，有一條原則幫了我很多次：

確保多數(shù)人體驗的前提下，才去解決少數(shù)人的問題。

這不是說要為了多數(shù)人放棄少數(shù)人，還是造例子來說吧。

案例一：重復(fù)利用的物流單號

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

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

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

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

錯誤的設(shè)計方法是這樣的：用戶填寫退貨單號時，新增一個流程詢問用戶該單號是否只關(guān)聯(lián)了一個訂單，訂單號是多少；或者在原有基礎(chǔ)上新增一個聯(lián)合退貨的功能，讓多個用戶合伙拼單退貨。

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

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

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

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

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

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

案例三：神出鬼沒的 Loading

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

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

當(dāng)然，不要 Loading 也明顯不合理。弱網(wǎng)條件下，必須避免用戶盯著空白的卡片發(fā)呆而不知道系統(tǒng)正在干什么。

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

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

最后，再總結(jié)一下我們的設(shè)計原則：確保多數(shù)人體驗的前提下，才去解決少數(shù)人的問題。

藍(lán)藍(lán)設(shè)計( m.sdgs6788.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)