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

產品設計中“+”功能的相關思考

2018-10-16    鶴鶴

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

設計工作中,有很多平凡的小細節,常被我們忽視,但卻值得我們深思。



日常工作中,有很多看似平凡的小細節,常被大家忽視,卻影響著用戶的真實體驗。比如,前幾天跟同事們針對產品設計中“+”功能所運用的場景、展開形式進行討論,發現這是一個挺有意思的話題。


所以跟大家分享下,我的一些相關思考。






 1. “+”的運用場景 


我們常見的產品中,采用“+”功能的場景,大致分為兩種:a.(上傳)內容選項;b.(聚合)快捷功能。



a.(上傳)內容選項


根據“+”的直觀表意,大致也能猜到它的運用跟“添加”、“上傳”某個東西相關。

比如:微博,點擊“+”入口后,是選擇所要上傳的內容類型。(可以曬自己精修X小時后媽都認不出來的自拍、也可以曬逗比的小視頻、或者老子就想搞一場直播)。



比如:下廚房左上角的“+”,點擊后,是選擇上傳作品,或者創建菜譜的選項。




再比如:工具類產品:Google drive,dropbox、百度網盤、微云,點擊“+”后,同樣是選擇上傳不同文件的入口。 


可以看出,這種情況下的“+”功能,多指“添加”、“上傳”的含義,所承載的內容,是同一緯度下的不同選項。





b.(聚合)快捷功能。


眾所周知,產品為了節省界面空間,同時避免過多功能給用戶不必要的干擾,會選擇把一些不常用的快捷功能收到二級展示。常見的產品中,他們選擇把這些快捷功能塞進“+”里。


那么,你是不是覺得“+”功能跟“…”功能承載的內容是一樣的?比如:樂趣首頁右上角“...”,同樣是對頻率較低的功能的集合。





那為什么有的產品不直接用“...”,還是選擇用“+”呢?


通過分析發現,“+”雖然也是聚合快捷功能的入口,但承載的功能有一個共性:都是圍繞著用戶主動打開、發起、新建...等操作進行的,因此用“+”更貼切。


比如:微信里的“+”,包含著:“發起群聊”,“添加朋友”,“掃一掃”,“收付款”,其實都跟“添加”有關。 




比如:淘寶也是類似的處理方式。


 



再比如:愛奇藝的“+”,里面包含的也是跟“添加”,“上傳”相關,像上傳視頻、掃一掃、我要直播….





反過來看“...”,它聚合的功能,大多是相互關聯較弱,且沒有主動添加、上傳等含義的。因此,用一個相對模糊,沒有指向性的符號詮釋,更為合適。





由上可以看出,在這種情況下,“+”作為聚合快捷功能的入口,包含的是頻率較低,且跟主動“新建”、“發起”、“掃描”等相關的功能。





 2. “+”的展開方式 



當用戶觸發界面中的“+”時,常見的展開方式有3種,分別是:a.氣泡彈出框;b.動態欄;c.沉浸模式。



a.氣泡彈出框


氣泡彈出框,這個控件又常被稱為Popover,一般是由一個矩形和三角箭頭組成的彈出窗口,通過點擊Popover內的按鈕或者非Popover的屏幕其他區域可關閉。 


比如,以微信為代表的“+”的展開方式,采用的就是Popover。一般用于聚合快捷功能。優點是觸發“+”到Popover的距離很近,操作順手,效率高(更像是導航的延伸)。





b.動作欄


動作欄,這個控件官方稱之為Action Sheet,是用戶觸發“+”后,出現的一種模態彈出框,里面包含一組與當前情景相關的選項,一般用于上傳內容選項。 


在iPhone屏幕上,為了便于單手持握時操作,Action Sheet通常占據屏幕底部區域。



比如:以Google drive、Dropbox為代表的產品,需要選擇上傳文件類型的選項。




在這個部分,同事們討論有些爭議點,在于:google drive 和 Dropbox或者微博,它們的加號本來就在底部,所以彈窗讓用戶感覺視線統一。




而有的產品“+”在上面,彈窗從底部出來,擔心注意力切換和手指移動的路徑比較長,顯得割裂。


帶著這個問題,我調研了下有類似情況的產品,會不會讓人覺得不舒服。


后來發現,不會的。原因在于我們常用的、擁有10億+用戶的微信,發朋友圈時操作就是這樣,而我們并沒有感覺很割裂,反而已經習慣。




同樣,iPhone自帶的“提醒事項”App,也是這樣處理。




后來看了規范發現,iOS確實意識到在iPad上,如果繼續將Action Sheet顯示在屏幕底部,如果頻繁操作使用會比較累。因此,做了特殊處理。而手機屏幕上以底部為主,同時點擊空白區域取消的操作,也是系統用戶所熟知的。



總的來說,操作欄適合承載同一緯度下的內容選項,同時,就算“+”在頂部,采用底部動態欄,體驗上也是沒問題的。




c.沉浸模式


沉浸模式,指的是當觸發“+”時,用戶在全局蒙層上進行功能操作,同樣適用于上傳內容選項。


優點是拓展性更強,體現在:1.提升收益;2.品牌認知;3.內容運營。




1.提升收益


比如:微博,采用沉浸模式,下面是上傳不同狀態類型的入口,上面可以增加廣告收入。




再比如:微云,在沉浸模式下,可以植入自己的“會員”廣告,從而提升會員轉化。





2.品牌認知


比如:有道云筆記,在頂部的空間內,宣傳自己的品牌slogn:“記錄,成為更好的自己”,是一種品牌情感化的傳遞。  



 


3.內容運營


像“好好住”,它們在這個頁面加入“話題”運營推廣。從而給UGC內容模塊帶節奏。





大多數產品都想營造社區氛圍,建立用戶關系,從而增加用戶粘性,提升產品留存。

但要想擁有濃厚的社區氛圍,首先要有內容、才有人愿意看、才有人在里面互動。

現實問題是,有很多用戶有想發狀態的心,但不知道發啥,從而放棄。因此,我們應該作出相應的引導。


比如,“好好住”在發布環節,增加話題運營“#每天一張生活日常#”入口,就是解決剛才說的“用戶不知道發什么”的問題。運營同學想點子、造話題、帶節奏,從而提升用戶的發布量。

因此可以看出,“沉浸模式”,對于那些有拓展需求(收益、品牌、運營)的產品更適用。


不知道你有沒有發現,相比國外,國內采用這種“沉浸模式”的產品偏多。或許在中國這個互聯網競爭如此激烈的大環境下,大家不愿意放棄任何一個能夠運營或留住用戶的機會。 



總結 



總的來說,在常見的產品中“+”功能的運用場景有:(上傳)內容選項、(聚合)快捷功能;它的展開方式可分為:氣泡彈出框(適合承載快捷功能)、操作欄(適合容納內容選項)、沉浸模式(容納內容選項的同時,拓展性更強)。其實,交互形式沒有好壞之分,只有哪個更適合自己的內容需求和產品目標,正如Louis Sullivan所說:“形式追隨功能”。


小tips:日常工作中有太多類似“+”這種,看似一個不起眼的小功能,被大家忽略。我們習慣性看一下競品,拍腦袋決定方案。


但是,慢慢你會發現,只有深挖和分析這些所謂的“小細節”,才能知道別人這么做背后的原因、才能舉一反三的去運用、才能更好的兼顧統一性和拓展性,而不是停留在浮于表面的模仿。


希望這篇文章對你有所幫助。 




作者:大牙,百度用戶體驗部資深UI設計師。

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


 

 

日歷

鏈接

個人資料

藍藍設計的小編 http://www.sdgs6788.com

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 久久国产精彩视频| 99精品欧美一区二区三区| 欧美日韩网址| 欧美国产日韩在线| 久久免费国产| 亚洲免费影院| 欧美一区二区黄色| av成人国产| 亚洲乱亚洲高清| 在线亚洲伦理| 久久gogo国模裸体人体| 久久精品2019中文字幕| 久久久www成人免费精品| 久久午夜av| 亚洲国产免费看| 亚洲黄一区二区| 亚洲九九九在线观看| 亚洲午夜女主播在线直播| 午夜精品一区二区三区四区| 欧美在线一二三区| 欧美成人免费网| 国产亚洲欧美另类中文| 亚洲国产精品精华液网站| 亚洲视频一二| 欧美国产亚洲视频| 欧美亚洲日本一区| 欧美体内she精视频在线观看| 国产久一道中文一区| 99国产麻豆精品| 欧美激情久久久| 欧美一级视频| 欧美日韩一区二区三| 91久久久国产精品| 久久久免费精品视频| 亚洲在线网站| 国产精品久久福利| 午夜激情综合网| 99在线精品免费视频九九视| 老妇喷水一区二区三区| 国产一区二区三区在线观看精品| 一本色道久久综合亚洲精品按摩| 国产欧美二区| 欧美在线观看视频一区二区| 一区二区不卡在线视频 午夜欧美不卡在 | 国内精品伊人久久久久av影院 | 国产视频亚洲| 久久精品国产一区二区电影 | 久久精品免视看| 狠狠色丁香久久综合频道| 欧美在线91| 米奇777在线欧美播放| 亚洲精品一区二区三区在线观看| 麻豆视频一区二区| 免费看的黄色欧美网站| 亚洲一二三级电影| 午夜日韩在线| 亚洲区一区二| 亚洲一区视频在线| 亚洲第一在线综合网站| 亚洲美女视频在线免费观看| 国产精品区一区二区三区| 久久久亚洲精品一区二区三区| 久久人91精品久久久久久不卡| 一区二区高清| 久久阴道视频| 久久久亚洲国产美女国产盗摄| 久久精视频免费在线久久完整在线看| 亚洲欧美在线免费观看| 在线亚洲美日韩| 久久美女性网| 免费的成人av| 在线日韩成人| 久久久天天操| 麻豆国产精品777777在线| 欧美性大战xxxxx久久久| 日韩视频中文| 亚洲制服av| 国产精品美女久久| 日韩图片一区| 午夜精彩视频在线观看不卡| 国产精品免费小视频| 先锋资源久久| 亚洲精品久久久久中文字幕欢迎你 | 国产精品豆花视频| 欧美日韩国产成人在线91| 久久影视精品| 野花国产精品入口| 国产在线拍偷自揄拍精品| 久久嫩草精品久久久精品| 欧美成人综合在线| 午夜精品在线观看| 在线欧美日韩国产| 欧美日韩中文字幕在线视频| 一区二区三区av| 欧美多人爱爱视频网站| 亚洲一区视频在线| 亚洲电影免费| 黄色在线成人| 国产精品久久久一区二区| 久久久视频精品| 在线一区二区日韩| 亚洲国产精品久久91精品| 中文av字幕一区| 欧美黄色aaaa| 久久精视频免费在线久久完整在线看| 伊人久久亚洲影院| 国内精品久久久久久久影视麻豆| 欧美精品久久久久久| 久久嫩草精品久久久精品一| 亚洲一区二区三区精品在线观看| 亚洲理论在线| 99视频精品| 亚洲一区二区三区中文字幕| 亚洲精品综合在线| 亚洲欧美日韩一区二区在线 | 亚洲综合日韩在线| 亚洲视频免费观看| 亚洲综合色网站| 欧美在线日韩| 蜜臀va亚洲va欧美va天堂| 久久色在线观看| 亚洲成色精品| 在线一区观看| 久久综合五月| 欧美精品在线观看一区二区| 国产精品香蕉在线观看| 韩日精品视频一区| 中文亚洲欧美| 久久伊人一区二区| 99riav国产精品| 久久精品国产视频| 欧美日韩免费一区| 在线观看日韩www视频免费 | 国产欧美日韩综合| 亚洲成人在线免费| 欧美一区二区黄色| 亚洲片区在线| 午夜在线视频观看日韩17c| 久久综合色一综合色88| 亚洲影院一区| 欧美日韩无遮挡| 亚洲人成绝费网站色www| 久久精品综合网| 欧美在线电影| 国产综合久久久久久鬼色| 亚洲在线播放| 一区二区av在线| 欧美四级剧情无删版影片| 99re6这里只有精品| 亚洲第一页在线| 欧美高清视频| 亚洲影院一区| 西西裸体人体做爰大胆久久久| 欧美性猛交xxxx乱大交退制版| 亚洲午夜电影网| 亚洲一区二区三区欧美| 国产婷婷色综合av蜜臀av | 国产日韩视频| 久久九九国产精品| 欧美99在线视频观看| 日韩一区二区久久| 亚洲视频成人| 禁久久精品乱码| 亚洲精品一二三区| 国产视频精品网| 欧美高清hd18日本| 国产精品视频久久一区| 免费观看成人鲁鲁鲁鲁鲁视频| 女人香蕉久久**毛片精品| 99国产精品私拍| 久久亚洲春色中文字幕久久久| 亚洲三级视频| 久久国产精品一区二区三区四区| 伊人春色精品| 亚洲欧美在线x视频| 亚洲毛片视频| 欧美刺激午夜性久久久久久久| 欧美一区二区在线看| 欧美极品色图| 亚洲精品一区二| 日韩亚洲成人av在线| 老司机午夜免费精品视频| 欧美激情成人在线视频| 另类图片国产| 在线电影欧美日韩一区二区私密| 在线视频你懂得一区| 99精品国产一区二区青青牛奶| 久久久久久**毛片大全| 久久婷婷亚洲| 在线观看中文字幕亚洲| 午夜免费日韩视频| 久久国内精品自在自线400部| 国产精品欧美在线| 午夜视频一区| 欧美aⅴ一区二区三区视频| 亚洲成人资源网| 欧美精品在线播放| 亚洲综合激情| 亚洲成人资源网| 亚洲一区二区三区四区视频|