首頁

全中文AI創(chuàng)意工具WHEE,4字搞定畫面

資深UI設(shè)計者

今天給大家推薦一個中文的 AI 創(chuàng)意工具—— WHEE。我只輸入了四個字,它就生成了我想要的畫面。

如何成為一名優(yōu)秀的設(shè)計師?

資深UI設(shè)計者

在設(shè)計中,這樣的問題大量存在,大多數(shù)設(shè)計師都僅僅是為了設(shè)計而設(shè)計,不考慮特殊場景的差異,也不考慮用戶群體的核心訴求,光有華麗的用戶界面與良好的交互體驗,卻并不都能解決核心問題! 

如何為用戶提供正確的鍵盤輸入類型?

博博

Android和iOS系統(tǒng)都設(shè)計了針對特定表單字段的指定鍵盤輸入類型。但大多數(shù)開發(fā)人員未能在他們的代碼中指定正確的鍵盤輸入類型。這會導(dǎo)致移動設(shè)備上的表單完成效率變慢。本文以Android平臺為例。
一、輸入類型并不總是“文本”
大多數(shù)開發(fā)人員錯誤地將每個表單字段的輸入類型設(shè)置為“文本”。這存在問題,因為每個表單字段的輸入并不總是純文本。通常都有一些字段要求輸入帶有數(shù)字或字母和數(shù)字組合的信息。當(dāng)用戶嘗試填寫這些字段時,他們應(yīng)該看到一個數(shù)字或字母和數(shù)字組合的鍵盤。
不幸的是,當(dāng)每個字段的輸入類型都設(shè)置為“文本”時,它會強制用戶使用文本鍵盤來輸入數(shù)字或字母和數(shù)字組合,輸入時舉步維艱,不是誤點,就是需要頻繁切換,輸入體驗十分糟糕。
因此,請務(wù)必為每個表單字段指定輸入類型,以便系統(tǒng)能夠顯示相應(yīng)的鍵盤。除了指定輸入類型,我們還應(yīng)指定相關(guān)行為,例如輸入法是否提供拼寫建議、是否將句子的首字母大寫,以及是否使用“完成”或“下一項”等操作鍵替換“回車”。
輸入類型、行為、操作鍵整理如下:
如何為用戶提供正確的鍵盤輸入類型?
例一. 郵箱地址字段
表單要求用戶提供他們的郵箱地址是很常見的。當(dāng)我們將輸入類型設(shè)置為“郵箱地址”時,它會為用戶提供一個針對郵箱地址輸入的鍵盤。這個鍵盤不僅顯示字母,還可以顯示“@”和“.”,用戶可以輕松地輸入他們的郵箱地址。
如何為用戶提供正確的鍵盤輸入類型?
例二. 姓名字段
英文名是專有名詞,英語中專有名詞的第一個字母要大寫。我們將輸入類型設(shè)置為“人名”,并且設(shè)置單詞首字母大寫。用戶無需對英文字母進行大小寫切換。
如何為用戶提供正確的鍵盤輸入類型?
二、每個鍵盤對輸入類型的反應(yīng)可能不同
案例一:登錄頁面的密碼輸入
釘釘將密碼框輸入類型設(shè)置為“密碼”。假定密碼為 z0h0a0n0g。
  1. 百度輸入法顯示密碼鍵盤,完成密碼輸入僅需點擊 9 次。
  2. 搜狗輸入法顯示文本鍵盤,用戶需在字母和數(shù)字之間切換,完成輸入需點擊 17 次。也支持長按第一行的字母輸入數(shù)字。
  3. 微信輸入法顯示文本鍵盤,完成密碼輸入需點擊 17 次。不支持長按字母輸入數(shù)字。
如何為用戶提供正確的鍵盤輸入類型?
 
案例二:登錄頁面的手機號輸入
釘釘設(shè)置電話號碼鍵盤右下角為“下一項”按鈕。
  1. 百度輸入法的鍵盤右下角顯示“回車”,用戶完成手機號輸入后需手動獲取密碼文本框焦點。
  2. 搜狗輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
  3. 微信輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
如何為用戶提供正確的鍵盤輸入類型?
三、Input Type 助力產(chǎn)品輸入體驗的提升
通過應(yīng)用 Input Type 你可以正確的為每個文本字段設(shè)置特定的輸入類型,以及看到每個輸入類型(以及輸入類型的組合)如何影響鍵盤。
我最初開發(fā)此應(yīng)用是為了促進工作中跨部門高效協(xié)同,但我希望通過此應(yīng)用能夠賦能給更多的人,提升協(xié)同效率的同時更好的提升產(chǎn)品輸入體驗。你可以在這里免費下載:
https://www.pgyer.com/vT29
Input Type這個工具需要安裝在安卓手機上,如果沒有安卓手機可以電腦上安裝一個網(wǎng)易MuMu安卓模擬器就可以用。
應(yīng)用截圖
 
作者:交互設(shè)計師張楚
來源:站酷

藍藍設(shè)計(yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計APP界面設(shè)計、圖標(biāo)定制用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

雪球金融社區(qū)平臺表情圖標(biāo)升級全紀(jì)錄

博博

在社區(qū)平臺語境里,表情無疑是很重要的組成部分。一套豐富且定位準(zhǔn)確的表情可以幫助用戶更清晰地表達自己的感受,增進溝通的準(zhǔn)確性,同時增添社交互動的趣味性,拉進用戶之間的距離。帶有平臺特性的表情更能彰顯平臺自身的獨特性。
雪球作為金融社區(qū)平臺,表情自然也是重要的元素。我們通過數(shù)據(jù)調(diào)研,發(fā)現(xiàn)雪球社區(qū)互動中表情的滲透率達到18%,表情的使用率比較高。而現(xiàn)有的表情年久失修,存在幾個比較明顯的問題,首先視覺風(fēng)格陳舊辨識度低;再有,表情中原本存在一些股票梗的表現(xiàn)力較弱,畫風(fēng)不夠有趣。第三,雪球誕生了新IP“呦呦”,非常適合在表情中應(yīng)用來推廣雪球品牌特性。
基于以上背景我們展開了對于表情翻新改版的項目。
 
XDC干貨|雪球表情升級全紀(jì)錄
 
 
現(xiàn)狀&問題
通過對當(dāng)前狀況進行系統(tǒng)梳理,我們發(fā)現(xiàn)了一些存在的問題。
 
XDC干貨|雪球表情升級全紀(jì)錄
1.設(shè)計風(fēng)格陳舊,不易識別表現(xiàn)力弱:
目前線上雪球表情風(fēng)格老舊,視覺表達不符合當(dāng)下設(shè)計潮流趨勢;由于表情是白色在行文中表現(xiàn)力不足且不易被用戶識別,因而趣味性表達的作用不夠凸顯。
XDC干貨|雪球表情升級全紀(jì)錄
2.缺乏股票基金場景的情緒表達
社區(qū)場景中有大量的股票基金的討論和相關(guān)內(nèi)容的情緒表達,而目前表情體系中缺乏此類表達或表達不夠生動。
比如「關(guān)燈吃面」和「割肉」,在行文中一眼能識別到視覺主體是表情臉,而“吃面”和“割肉”的語義沒有生動的體現(xiàn)出來;還比如「跳水」又太具象和寫實,少了表情的趣味性。
XDC干貨|雪球表情升級全紀(jì)錄
3.沒有將雪球的新IP融入表情
雪球誕生了新的IP“呦呦”,表情的體系非常適合融入IP向的內(nèi)容,將IP表情化也更利于IP的推廣和品牌的傳播。
XDC干貨|雪球表情升級全紀(jì)錄
 
 
 
XDC干貨|雪球表情升級全紀(jì)錄
視覺風(fēng)格探索
1.雪球用戶特征
設(shè)計風(fēng)格需要根據(jù)平臺用戶特征進行確定。開始設(shè)計之前,我們先看看雪球用戶大概是什么樣的。
XDC干貨|雪球表情升級全紀(jì)錄
雪球的主要用戶為男性且集中在30-50歲左右,所以在視覺表現(xiàn)上盡量避免女性化或低齡化的風(fēng)格。
2.視覺風(fēng)格探索
風(fēng)格確定
舊版的表情蒼白,雖然細節(jié)很多但在行文中難以識別,本次改版重要任務(wù)之一是改版新的視覺風(fēng)格。emoji是最被用戶熟知的表情體系,我們決定新版向傳統(tǒng)黃臉emoji表情靠攏。大方向定了,但還需要確定視覺感受符合雪球的emoji。最后在兩種視覺風(fēng)格中我們選擇了視覺感受偏中性、風(fēng)格扁平的這個方向,這個風(fēng)格和雪球用戶特征更契合。
XDC干貨|雪球表情升級全紀(jì)錄
提升辨識度
表情在交流中作為非文字的“語言”,其辨識度至關(guān)重要。表情在行文中的尺寸相對較小和單個文字差不多,那么如何保證在文字中依然能一眼讀懂表情?
在對表情整體風(fēng)格的把控下,需要通過對細節(jié)的打磨和反復(fù)實驗,得出更有辨識度的設(shè)計方案。保持視覺扁平,盡量使用簡潔的幾何圖形,加強顏色對比度,減少顏色數(shù)量,放大表情特征。通過以上手段有效的提升了表情的一致性和在行文中的辨識度。
XDC干貨|雪球表情升級全紀(jì)錄
 
 
 
XDC干貨|雪球表情升級全紀(jì)錄
發(fā)現(xiàn)股民討論語境下的“梗”
本次表情升級除了對現(xiàn)有表情進行改造升級,還針對雪球社區(qū)特色進行挖掘。
1.挖掘“梗”
前面我們說到雪球用戶是集中在30-50歲左右的男性,那么這類人群在社區(qū)中有怎樣的表達特點呢?
通過觀察我們發(fā)現(xiàn),在面對股市的波動和不確定性,雪球用戶更喜歡用幽默詼諧的論調(diào)來調(diào)侃市場以宣泄心中的無奈和負面情緒,同時在波動面前展現(xiàn)出一種堅韌和自嘲的心態(tài)。我們可以在這種“戲謔調(diào)侃”中挖掘可以視覺化的情緒和表情。以此作為本次表情升級的一個重要方向。
戲謔調(diào)侃的表情有哪些呢?我們挖掘了當(dāng)下網(wǎng)絡(luò)社交流行的表情包和熱詞?;叵胍幌挛覀兪欠褚步?jīng)常使用類似“地鐵老人看手機”“黑人問號臉”等網(wǎng)絡(luò)熱圖來表達內(nèi)心的復(fù)雜情緒呢。
XDC干貨|雪球表情升級全紀(jì)錄
在變幻莫測的股市中,面對現(xiàn)實的無力和不確定,祈福求平靜成了股民表達情緒舒緩心情的一種方式,比如“敲木魚”“祈求大漲”等儀式感的情境以表情的方式呈現(xiàn),也能一定程度上引起用戶的共鳴。
XDC干貨|雪球表情升級全紀(jì)錄
2.讓表情“淋漓盡致”
  • 微表情盡顯“內(nèi)心戲”
一個表情里往往蘊含不只一種情感,短暫而難以察覺的面部變化最能傳達個體真實的情感狀態(tài),一個眼神、嘴唇微動等細微變化,常常表達出個體內(nèi)在的真實狀態(tài)。
在設(shè)計“大哭”這個表情時,我們挖掘到大哭背后可能是某種“絕望”,那么觀察下人們絕望時最大的面部特點是不是空洞的眼神和僵硬的臉?用這樣的微表情和大哭結(jié)合在一起,感受大哭情緒的同時也傳遞了絕望的內(nèi)心戲。
XDC干貨|雪球表情升級全紀(jì)錄
  • 賺了、虧了一目了然
股票社區(qū)中漲跌是永遠的話題,市場的漲跌背后牽動著的是股民們真金白銀的賬戶。“虧大了”和“暴富”這兩個表情很生動的表達了用戶盈虧的兩種處境,但原有表情的視覺表達過于保守和隱晦。要讓用戶一眼看到就產(chǎn)生共鳴,紅綠色是最直觀的漲跌信號,我們把這種語義和表情結(jié)合,“虧大了”除了表情沮喪還得加點綠色烘托氛圍,“暴富”的喜悅中再加上紅包加持情緒。
 
XDC干貨|雪球表情升級全紀(jì)錄
  • 戲劇化表達
在某些極端情緒上我們還嘗試打破舊表情的禁錮,用更加生動夸張的方式呈現(xiàn)。比如“絕望”,只靠面部表情似乎無法充分的表達,所以我們營造了簡單的環(huán)境和肢體動作, 一個癱在墻角雙目無神的小黃臉,絕望的形象躍然紙上。
XDC干貨|雪球表情升級全紀(jì)錄
3.股票專屬“梗”
雪球社區(qū)里有一些獨特的表情,比如“關(guān)燈吃面”,它是雪球老用戶傳承的經(jīng)典梗;還有諸如跳水、割肉、抄底、滿倉等股票術(shù)語梗也頗受歡迎。升級優(yōu)化這類表情的同時我們小開腦洞在原有基礎(chǔ)上增加了“好基友”等新梗,讓股民表達更豐富有趣。
XDC干貨|雪球表情升級全紀(jì)錄
 
XDC干貨|雪球表情升級全紀(jì)錄
IP表情化
去年雪球誕生了自己的IP“YOYO”,此次表情升級正好可以將IP表情化,在平臺應(yīng)用和傳播。
YOYO所代表的品牌語義
1.福祿壽:因其原型是馴鹿,取福祿壽之意,代表財富;
2.溫暖陪伴&服務(wù)感:馴鹿具備天生的陪伴和服務(wù)感,與雪球強調(diào)的品牌服務(wù)感相契合。
XDC干貨|雪球表情升級全紀(jì)錄
YOYO品牌語義表情化
根據(jù)YOYO的兩種品牌語義,我們分別開腦洞。
哪些意向和財富相關(guān)呢?我們找到“錦鯉”“招財貓”“金元寶”,這些元素和表情相結(jié)合形成財富類表達;那么陪伴和服務(wù)感我們使用“抱抱”、“打call”這類溫暖鼓勵意向的肢體語言來和YOYO結(jié)合傳達。
XDC干貨|雪球表情升級全紀(jì)錄
 
 
作者:雪球設(shè)計中心XDC
來源:站酷

藍藍設(shè)計(yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司用戶體驗公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

 

UI設(shè)計:是不是決定用戶體驗成敗的關(guān)鍵因素?

前端達人

在當(dāng)今數(shù)字化時代,我們的生活日益與各種界面交織在一起,從智能手機到電腦、平板,再到各類應(yīng)用程序和網(wǎng)站。這些界面的設(shè)計看似簡單,卻直接影響著用戶的體驗。關(guān)于用戶體驗,一個不可忽視的問題是:UI設(shè)計是否是決定用戶體驗成敗的關(guān)鍵因素?

 

UI,即用戶界面設(shè)計,是指通過視覺、交互等手段,將軟件或產(chǎn)品的功能與用戶需求有效結(jié)合的設(shè)計過程。在這個數(shù)字時代,我們的生活中隨處可見各種設(shè)計精致的用戶界面,但這是否意味著它們決定了用戶體驗的優(yōu)劣呢?

 

首先,讓我們深入了解用戶體驗的本質(zhì)。用戶體驗不僅僅包括外觀感受,更關(guān)乎用戶在使用產(chǎn)品或服務(wù)時所感受到的全方位體驗。這包括但不限于界面的美觀,還包括交互的流暢性、功能的實用性以及整體的用戶滿意度。因此,我們需要細分這一體驗,看看UI設(shè)計在其中的具體作用。

 

從外表上看,優(yōu)秀的UI設(shè)計可以打破界面的單調(diào),使用戶感受到愉悅與舒適,但這只是體驗的冰山一角。UI設(shè)計的真正力量在于它對用戶操作流程的引導(dǎo)和改進。一個直觀、簡單但又具有深度的界面設(shè)計可以讓用戶更快速地掌握產(chǎn)品的使用方法,提高使用效率,從而直接影響到用戶體驗的好壞。

 

然而,我們也不能忽視其他因素對用戶體驗的影響。產(chǎn)品的功能性、性能表現(xiàn)、反饋速度等都是決定用戶體驗的重要組成部分。一個漂亮的界面不能彌補功能上的不足,反之亦然。因此,UI設(shè)計雖然在整個用戶體驗中起到重要作用,但不能孤立地被看待。

 

綜上所述,UI設(shè)計是否是決定用戶體驗成敗的關(guān)鍵因素,其實并沒有一個簡單的答案。UI設(shè)計在用戶體驗中是至關(guān)重要的一環(huán),它可以為用戶提供更愉悅的視覺感受,更便捷的操作方式,但真正出色的用戶體驗需要各個方面的協(xié)同作用。因此,在數(shù)字世界的掌中藝術(shù)中,我們需要綜合考量UI設(shè)計、功能性、交互設(shè)計等多個因素,共同構(gòu)建出讓用戶留連忘返的產(chǎn)品和服務(wù)。

 

藍藍設(shè)計(yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù)

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

用戶界面設(shè)計:如何打造引人入勝的用戶體驗?

前端達人

在當(dāng)今數(shù)字化時代,用戶界面(UI)設(shè)計已經(jīng)成為吸引用戶、提升產(chǎn)品價值的關(guān)鍵因素之一。一個成功的UI設(shè)計不僅僅是視覺的享受,更是用戶體驗的塑造者。本文將探討如何打造引人入勝的用戶體驗,通過精心設(shè)計的用戶界面使產(chǎn)品更具吸引力。
用戶界面設(shè)計:如何打造引人入勝的用戶體驗?
 
 
1. 用戶至上的設(shè)計哲學(xué)
首先,UI設(shè)計的核心理念是“用戶至上”。設(shè)計師應(yīng)該深入了解目標(biāo)用戶群體的需求、習(xí)慣和心理預(yù)期。通過用戶調(diào)研、原型測試等手段,收集用戶反饋,將這些信息納入設(shè)計流程,確保最終產(chǎn)物符合用戶的期望,提升用戶體驗。
用戶界面設(shè)計:如何打造引人入勝的用戶體驗?
 
 
2. 直觀而簡潔的界面布局
直觀的設(shè)計能夠降低用戶的認知負擔(dān),提高使用效率。簡潔的界面布局使用戶能夠迅速找到他們需要的信息或功能。避免繁瑣的元素和復(fù)雜的操作流程,使用戶在第一眼就能夠理解產(chǎn)品的核心功能。
用戶界面設(shè)計:如何打造引人入勝的用戶體驗?
 
 
3. 色彩和圖標(biāo)的搭配
色彩和圖標(biāo)是UI設(shè)計中不可忽視的要素。合適的色彩搭配可以引導(dǎo)用戶的注意力,傳遞產(chǎn)品的氛圍和品牌形象。清晰明了的圖標(biāo)可以幫助用戶更容易地理解各種功能,提高界面的可操作性。
用戶界面設(shè)計:如何打造引人入勝的用戶體驗?
 
 
4. 響應(yīng)式設(shè)計的重要性
隨著移動設(shè)備的普及,響應(yīng)式設(shè)計變得至關(guān)重要。設(shè)計師需要確保用戶在不同屏幕尺寸和設(shè)備上都能夠獲得一致的用戶體驗。通過彈性網(wǎng)格布局、媒體查詢等技術(shù),實現(xiàn)在各種設(shè)備上的平滑展示。
用戶界面設(shè)計:如何打造引人入勝的用戶體驗?
 
 
5. 動畫與過渡效果的運用
動畫和過渡效果不僅可以增添界面的活力,還能夠幫助用戶更好地理解頁面之間的關(guān)系和交互效果。然而,過度使用動畫可能適得其反,導(dǎo)致用戶感到混亂。因此,在運用動畫時需謹慎,保持合理度和流暢感。
用戶界面設(shè)計:如何打造引人入勝的用戶體驗?
 
 
6. 無障礙性設(shè)計
為了讓產(chǎn)品真正服務(wù)于所有人,無障礙性設(shè)計至關(guān)重要。合理設(shè)置字體大小、顏色對比度、鍵盤導(dǎo)航等功能,確保即便是有視覺、聽覺或其他障礙的用戶也能夠順利使用產(chǎn)品。
結(jié)語
通過以上的設(shè)計原則,我們可以更好地打造引人入勝的用戶體驗。在不斷變化的數(shù)字化世界中,UI設(shè)計不僅僅是產(chǎn)品外表的修飾,更是用戶與產(chǎn)品之間互動的橋梁。只有通過深入了解用戶需求、精心設(shè)計界面,我們才能為用戶創(chuàng)造出真正令人印象深刻的體驗。
用戶界面設(shè)計:如何打造引人入勝的用戶體驗?
 
 
藍藍設(shè)計(yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù)
關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

從單車上鎖聊聊任務(wù)鏈路優(yōu)化設(shè)計的思路與技巧

博博

 一般來說做交互鏈路優(yōu)化的核心價值或是目標(biāo)就那么幾個;
一、更好用
即更加高效便捷好用的意思,這短短三個字就直接包含了大家常掛在嘴邊的易用性、可用性啥的了,好的交互就應(yīng)該是盡可能的為用戶提供簡單好用的交互,舉個例子,近期在使用阿里云Flow的流水線,期間我也用過其他家的CI/CD服務(wù),相比之下我覺得阿里云Flow的流水線編排反饋就做的更勝一籌,“更方便”加一分
  
二、更準(zhǔn)確
意味著為用戶提供正確的服務(wù)、流程、功能、組件、信息反饋乃至視覺效果,為的是提升產(chǎn)品的可理解與易用性,從而達到降低學(xué)習(xí)成本提升效用,減少跳失率或出錯等負面情況
從單車上鎖聊聊任務(wù)鏈路優(yōu)化設(shè)計的思路與技巧
 
三、提升意愿
嗯!花費那么多心思讓產(chǎn)品體驗變得更方便更準(zhǔn)確就是為了提升用戶的使用或付費意愿,算是任務(wù)路徑優(yōu)化設(shè)計的底層價值吧。
從單車上鎖聊聊任務(wù)鏈路優(yōu)化設(shè)計的思路與技巧
 
 
階段流程與焦點
整體我們可以劃分為優(yōu)化前、優(yōu)化中、優(yōu)化后三個階段,對應(yīng)到三個階段中,對應(yīng)的工作流程基本由問題定位、優(yōu)化目標(biāo)、方案構(gòu)思、方案驗證、持續(xù)改進構(gòu)成,然后根據(jù)階段與流程我會把相關(guān)的優(yōu)化焦點與鏈路優(yōu)化的關(guān)系交代清楚,算是清晰一下鏈路優(yōu)化工作整體思路與每個階段的工作事項。
從單車上鎖聊聊任務(wù)鏈路優(yōu)化設(shè)計的思路與技巧
 
 
優(yōu)化前的焦點
以我們B端SaaS產(chǎn)品的優(yōu)化設(shè)計為例,焦點可以簡單的鎖定在用戶、產(chǎn)品、業(yè)務(wù)場景三大層面,我們會關(guān)注這三個因素中帶來的反饋來找到和定位問題,最終解決掉用戶痛點或是觸成業(yè)務(wù)目標(biāo),具體點可以拆分出以下焦點事項;
目標(biāo)用戶
需要關(guān)心產(chǎn)品目標(biāo)用戶的特征,他們是收益的來源也是市場構(gòu)成的部分,作為產(chǎn)品的經(jīng)理或業(yè)務(wù)設(shè)計師,肯定是對預(yù)期的目標(biāo)用戶有所了解才對,特別是初期型產(chǎn)品;當(dāng)積攢了一定用戶量后,就會開始關(guān)注基于數(shù)據(jù)或定性研究得到的用戶畫像信息,并通過這些更準(zhǔn)確的用戶畫像來了解目標(biāo)市場和進行業(yè)務(wù)設(shè)計決策,而不只是對著市面上競品抄作業(yè)罷了。
這過程中你至少要弄明白五個問題;
1、用戶的需求是什么?
2、用戶使用的場景跟行為大致如何?
3、我們的用戶有何偏好或特征?
4、用戶通常還會用到哪些競品?
5、用戶有哪些反饋值得注意?
 
服務(wù)體系
主要是產(chǎn)品本身的服務(wù)體系或業(yè)務(wù)邏輯相關(guān),前面提到了用戶畫像或分層的一些概念,
實際上現(xiàn)在的互聯(lián)網(wǎng)產(chǎn)品中,服務(wù)體系或是用戶角色都不會很單一,用戶角色、權(quán)益身份、服務(wù)場景等等都有差異,設(shè)計前的差異化背景或權(quán)重厘清就很重要,至少要清楚當(dāng)前優(yōu)化的服務(wù)線路是為那些人,他們有哪些差異、有哪些狀態(tài)情景、有哪些交互要兼容或避錯。
從單車上鎖聊聊任務(wù)鏈路優(yōu)化設(shè)計的思路與技巧
 
業(yè)務(wù)場景
我們關(guān)注產(chǎn)品、關(guān)注用戶,同時也關(guān)注他們之間發(fā)生了什么樣的化學(xué)反應(yīng),所以業(yè)務(wù)場景必定是本階段中的一大焦點,通過業(yè)務(wù)場景可以洞察到更多用戶實際遇到或潛在的痛點,以及線上線下等環(huán)境帶來的微小差異性,至于如何實踐了,我們可以通過觀察不同類型的用戶是如何使用產(chǎn)品,或是與用戶對話分析來獲取優(yōu)化指引,哪里用戶卡住了或是吐槽了那就表明有優(yōu)化空間,這應(yīng)該算是任務(wù)鏈路優(yōu)化的基礎(chǔ)焦點了吧。
實際業(yè)務(wù)場景中我們常關(guān)注的點
1、用戶:用戶本身有什么特征屬性值得我們關(guān)注?
2、情景:用戶出于什么背景原因或目標(biāo)在什么時機進入該場景?
2、行為:用戶進入場景后要做什么或做了些什么?是否做的順暢?
3、結(jié)果:用戶是否達成目標(biāo)?未達成或達成受阻的原因是什么?
4、反饋:用戶吐槽或建議了些什么,我們獲取了哪些有效的改善訊息?
 
優(yōu)化中的焦點
這個階段中,我們的主要工作可以概括為分析問題、解決問題、驗證問題,其中焦點可能會比較多,這里我挑了一些說一下;
需求分析
結(jié)合前面階段中的場景化來還原問題是什么情景下怎么發(fā)生的,產(chǎn)生了什么樣的負面影響,這很重要,我們需要知道用戶的業(yè)務(wù)訴求是什么,造成出錯原因是什么,產(chǎn)生了多大的影響,以及用戶期望的是怎樣,然后就是如何更好的滿足用戶訴求,同時保障企業(yè)的利益,這就是需求分析要做的事情;
交互媒介
主要是考慮復(fù)雜且涉及多方媒介的業(yè)務(wù)場景,要思考這些媒介或端怎么配合用戶完成任務(wù),以什么樣的形式進行交互。就例如哈羅單車的,不僅是要經(jīng)過手機的交互,還有單車的傳感器與數(shù)據(jù)交互等,事實上一套完整的服務(wù)正是由這些媒介之間的不斷交互,才使得哈羅的租賃服務(wù)可以如此靈活,所以在整個服務(wù)流程中讓媒介之間更智能、自動、高效的完成銜接與交互,就成了必要的焦點了,如果說你認為這是多余或無效的部分,那么很有可能說明你所處在的產(chǎn)品服務(wù)構(gòu)成還不算復(fù)雜,但這不能否定掉交互媒介的重要性。
這個過程中,你至少要清楚服務(wù)完成要經(jīng)過哪些端、那些人、哪些條件、哪些信息構(gòu)成。
從單車上鎖聊聊任務(wù)鏈路優(yōu)化設(shè)計的思路與技巧
 
 
信息構(gòu)成
幾乎進行任何服務(wù)都離不開特定的構(gòu)成信息交互;舉個最簡單的例子,晚上你來到街邊攤,想要一份烤冷面,那么你除了要掏錢以外,你還要跟老板確認口味、加料、價格這些信息,這些就是構(gòu)成任務(wù)進程的信息,這些信息可以通過問答式確認,也可以提供招牌信息給食客確認
從單車上鎖聊聊任務(wù)鏈路優(yōu)化設(shè)計的思路與技巧
總之將這些信息更簡練準(zhǔn)確的進行交互或傳達,就能實現(xiàn)任務(wù)鏈路的優(yōu)化,事實上應(yīng)用程序本身就是由各種各樣的信息交織在一起所構(gòu)成,所以“做任務(wù)鏈路優(yōu)化不僅是減少操作步驟而已”。
 
業(yè)務(wù)模型
可以簡單易懂的幫助我們理解和消化業(yè)務(wù),以及更好協(xié)同,面對復(fù)雜的任務(wù)流程,可以更好的表達或梳理業(yè)務(wù)概念與全局結(jié)構(gòu),在做復(fù)雜的任務(wù)優(yōu)化時,就不容易被局部問題牽著鼻子走,而忽略其他影響面,說的直白點,就是這個業(yè)務(wù)的整體過程你腦子里要有個概念,制作方法其實就是將各個業(yè)務(wù)或任務(wù)拆解成多個單元的形式,并將單元之間的包含或?qū)蛹夑P(guān)系表達出來
從單車上鎖聊聊任務(wù)鏈路優(yōu)化設(shè)計的思路與技巧
 
 
研發(fā)能力
需要考慮技術(shù)實現(xiàn)的周期與成本,即開發(fā)是否可以實現(xiàn),需要研發(fā)多久,要投入多少成本,我相信產(chǎn)品經(jīng)理都會關(guān)心這個問題,其實就是投資回報率與可行性的問題,產(chǎn)品生產(chǎn)研發(fā)的本質(zhì)是賺錢不是虧錢,不是嗎?
例如說你看見了一個很酷炫的交互效果,也準(zhǔn)備應(yīng)用到自家的產(chǎn)品中,但實際開發(fā)的難度大不大,要投入多少時間精力,這個酷炫的交互又能帶了多少產(chǎn)品收益?所以研發(fā)實現(xiàn)能力在方案設(shè)計的過程中還是要考慮的。
 
測試反饋
方案落地前,進行一定的內(nèi)部測試或評審是很有必要的,介于還沒有完成開發(fā)上線,可以在優(yōu)化方案出來后通過Demo的方式找人進行測試反饋,一般自測走查只是第一環(huán),有不確定的一定要拉上其他人一起研討評審一番,如果要找人測試的話,其實只要設(shè)定好合適的任務(wù)與目標(biāo),還原出真實用戶碰到問題的任務(wù)過程即可,接著就是觀察測試者是如何使用Demo的,你的新方案是否奏效我想你知道怎么去衡量,就不贅述了。
 
優(yōu)化后的焦點
優(yōu)化后階段我們主要關(guān)注是否優(yōu)化了個寂寞,是不是又優(yōu)化出了新問題,優(yōu)化后還有哪些收尾工作,關(guān)聯(lián)的需求池與迭代規(guī)劃怎么安排。
數(shù)據(jù)采集準(zhǔn)備
當(dāng)一個方案被投入到生產(chǎn)環(huán)境中,我們卻無法得知是否比舊的方案更好,這種情況是很糟糕的,故我們在新的方案推出的同時,一定要保障有辦法收集到有效的用戶反饋,這個過程我們可以是采用AB測試、數(shù)據(jù)埋點監(jiān)測、灰度采樣、用戶使用性測試等,這都是我們實際工作中采用的有效手段。
效果對比
始于數(shù)據(jù)采集,采集后自然是與原始版本的效果進行比對,確認新的版本是有效可靠的,能被用戶認可采納的,同時也能發(fā)現(xiàn)新的問題反饋,這需要進一步的跟進與規(guī)劃,這是個重點環(huán)節(jié)。
需求規(guī)劃
原始問題是否圓滿結(jié)束,是否有新的問題待解決,是否需要分批開發(fā)上線或驗證,調(diào)整后其他部分是否需要配合改造,這一系列問題將迫使我們持續(xù)改進,并將流程再一次的接軌到優(yōu)化前階段。
 
AI告訴我的焦點˜
從單車上鎖聊聊任務(wù)鏈路優(yōu)化設(shè)計的思路與技巧
 
 

作者:泡泡_PAO
來源:站酷

 

 

藍藍設(shè)計(yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計桌面端界面設(shè)計、APP界面設(shè)計圖標(biāo)定制、用戶體驗設(shè)計交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計

軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

 

向用戶請求權(quán)限的正確方式

博博

 

權(quán)限的目的是保護用戶隱私,那么在何時以及用什么方式請求用戶權(quán)限會是比較合適的?本文將詳細介紹Android的運行時權(quán)限模型,并展示設(shè)計一個UX來請求你的應(yīng)用程序所需的權(quán)限,希望對你有所啟發(fā)。
從Android 6.0開始,沒有在安裝時請求所有權(quán)限,而是引入了運行時權(quán)限模型,開發(fā)者可以控制應(yīng)用何時以及如何請求權(quán)限。這如同你想邀某人出去約會,過早、過頻繁或以錯誤的方式對你來說并不好。
本文我將詳細介紹Android的運行時權(quán)限模型,并向你展示如何設(shè)計一個UX來請求你的應(yīng)用程序所需的權(quán)限。權(quán)限的目的是保護用戶的隱私,但當(dāng)你請求權(quán)限時,你是在要求用戶放棄一點隱私,因此,你需要提供明確且平等的利益以換取訪問。運行時權(quán)限允許你在用戶更了解你請求權(quán)限的原因和授予權(quán)限的好處時選擇合適的時間請求權(quán)限。Android實現(xiàn)它們的方式使得以正確的方式請求它們變得十分重要。
運行時權(quán)限模型有利于保護用戶的隱私,當(dāng)你的應(yīng)用程序請求權(quán)限時,Android會顯示一個對話框讓用戶接受或拒絕它,第一次請求權(quán)限時對話框不會顯示“不再詢問”復(fù)選框,只會在用戶至少一次拒絕權(quán)限請求后顯示它,你可以檢查之前是否被拒絕過,并明智的決定在何時提供更多教育。
向用戶請求權(quán)限的正確方式
從Android 11開始,如果用戶在使用應(yīng)用的過程中多次拒絕某項特定的權(quán)限,那么在你的應(yīng)用再次請求該權(quán)限時,用戶將不會看到系統(tǒng)權(quán)限對話框。該操作表示用戶希望“不再詢問”。
你無需過度防御,例如在實際請求權(quán)限之前你始終通過預(yù)許可(預(yù)授權(quán))來衡量用戶授予權(quán)限的可能性,本質(zhì)上是請求兩次,這種雙重提示可能是不必要且煩人的,你可以通過在正確的時間以正確的方式詢問來達到同樣的效果。
Material Design分解了在兩個維度上請求權(quán)限的不同方法。首先權(quán)限對你的應(yīng)用程序的運行有多重要?其次,你請求它的原因有多清晰?根據(jù)這兩個因素,建議你采用不同的方法來請求權(quán)限。
向用戶請求權(quán)限的正確方式
預(yù)先請求權(quán)限(Ask up-front)
如果某項權(quán)限對應(yīng)用程序運行至關(guān)重要,并且顯而易見為什么需要請求它。例如日歷應(yīng)用,拒絕日歷權(quán)限會使應(yīng)用程序無法運行,并且用戶顯然知道日歷應(yīng)用的用途以及請求日歷權(quán)限的原因,因此
不需要用任何不必要的解釋來打擾用戶,只需在用戶首次啟動應(yīng)用時立即請求它即可。
向用戶請求權(quán)限的正確方式
預(yù)先教育(Educate up-front)
如果某項權(quán)限對應(yīng)用至關(guān)重要,但請求它的原因不是很清晰。例如信貸應(yīng)用,為了準(zhǔn)確評估用戶的信貸資格、償還能力和防范反欺詐,通訊錄權(quán)限、通話記錄權(quán)限、位置權(quán)限對于風(fēng)控而言非常重要,建議請求權(quán)限之前對用戶進行教育。
向用戶請求權(quán)限的正確方式
使用場景中請求權(quán)限(Ask in context)
如果應(yīng)用中的某項次要功能需要權(quán)限,但請求它的原因很清晰,建議你在使用場景中請求權(quán)限。例如筆記應(yīng)用允許用戶使用語音或音頻創(chuàng)建筆記,那么很明顯為什么此功能需要麥克風(fēng)權(quán)限,無需過早的請求它,以免用戶負擔(dān)過重,最好等到用戶嘗試使用該功能時,因為用戶更有可能允許符合其預(yù)期的權(quán)限請求。
向用戶請求權(quán)限的正確方式
結(jié)合使用場景進行教育(Educate in context)
如果應(yīng)用中的某項次要功能需要權(quán)限,并且請求他的原因不是很清晰,建議你結(jié)合使用場景進行教育。例如筆記應(yīng)用允許用戶與朋友協(xié)作,那么請求聯(lián)系人權(quán)限可能是合理的,但它不是顯而易見的,當(dāng)用戶調(diào)用該功能時,解釋應(yīng)用獲得聯(lián)系人權(quán)限后可為用戶提供哪些好處,比如自動填充郵件地址,然后才請求聯(lián)系人權(quán)限讓用戶授予它。
向用戶請求權(quán)限的正確方式
處理權(quán)限請求遭拒情況
通過使用正確的方法,用戶應(yīng)該清楚應(yīng)用請求權(quán)限的原因以及應(yīng)用獲得權(quán)限后可以為他們提供哪些好處。然而,這并不意味著用戶一定會授予權(quán)限。如果用戶拒絕了權(quán)限請求,建議采用以下做法:
  • 在應(yīng)用界面中突出顯示因為沒有獲得特定權(quán)限而受限的功能所在的具體部分,例如在原本用于顯示該功能的結(jié)果或數(shù)據(jù)的位置顯示一條消息,讓用戶知道因缺少權(quán)限而無法使用該功能,幫助用戶在權(quán)限和功能之間建立心理聯(lián)系。
  • 不要阻止界面顯示,不要全屏警告消息,讓用戶根本無法繼續(xù)使用應(yīng)用。即使在權(quán)限請求拒后,應(yīng)用也應(yīng)盡可能提供最佳的用戶體驗。例如即使麥克風(fēng)使用權(quán)限請求遭拒,仍應(yīng)全面提高文本功能的易用性。
  • 用戶可能已經(jīng)選中了“不再詢問“復(fù)選框,應(yīng)用可能會在用戶未看到權(quán)限請求對話框的情況下受到拒絕,此時應(yīng)用應(yīng)該提供一個鏈接,鏈接到設(shè)備設(shè)置中用戶可以打開權(quán)限的具體位置。
盡量減少權(quán)限請求
在應(yīng)用中聲明權(quán)限之前,請先考慮是否需要這樣做,或者是否有替代方法可以在應(yīng)用中支持該功能。因為如果應(yīng)用聲明權(quán)限,那么每當(dāng)用戶使用需要運行時權(quán)限的功能時,應(yīng)用便不得不中斷用戶的操作,請求相應(yīng)權(quán)限。然后,用戶必須做出決定。如果用戶不能理解您的應(yīng)用為何請求特定權(quán)限,可能就會拒絕授予該權(quán)限,甚至卸載應(yīng)用。
下面介紹幾個可以在不聲明任何權(quán)限的情況下實現(xiàn)的用例:
拍攝照片/錄制視頻
Android為應(yīng)用提供了相互通信的功能,讓你可以將任務(wù)委托給其他應(yīng)用。例如,如果你希望允許用拍照,但它不是應(yīng)用的核心部分,可以考慮使用Intent請求相機應(yīng)用拍攝照片并將其分享給你的應(yīng)用,這樣就不需要CAMERA權(quán)限。
自動輸入動態(tài)短信驗證碼
雙因素身份驗證流程中,動態(tài)短信驗證碼作為第二校驗因素時,使用SMS Retriever API(短信檢索器)可以讓應(yīng)用自動執(zhí)行用戶身份驗證,不需要用戶手動輸入驗證碼,不需要READ_SMS權(quán)限。  
 
作者:交互設(shè)計師張楚
來源:站酷
 

 

藍藍設(shè)計(yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計

軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

如何提高設(shè)計還原質(zhì)量和驗收效率?

博博

最近我們做了一次全新改版的項目。作為此次項目的設(shè)計師,從項目的前期分析、設(shè)計、交付開發(fā)、驗收上線,整個流程,在項目走查驗收階段我們設(shè)計師投入了30人/天!占了設(shè)計師整體投入的50%!在我們覺得應(yīng)該設(shè)計投入最少的階段,卻占了我們大量的工作 且最后還原度也遠不達預(yù)期。
在這個項目中我遇到了哪些問題:
通用組件更改困難
驗收過程反復(fù)、低效
技術(shù)設(shè)計沒有達成共識,技術(shù)對交互體驗層面和視覺層面的問題敏感度很低
還原問題反饋不及時,有些問題項目后期驗收的時候才暴露
前期對還原度工作評估不準(zhǔn)確,導(dǎo)致后期發(fā)現(xiàn)問題 來不及修改
還原問題不單單是設(shè)計師把設(shè)計稿做的多精準(zhǔn),標(biāo)注的多仔細,這么簡單就能解決的。是設(shè)計和開發(fā),團隊之間的合作共識問題。我把整個和開發(fā)對接工作分為前中后三個階段,在這里從頭來梳理一下,聊一聊設(shè)計師和開發(fā)如何高效對接,也是對自己的一次復(fù)盤總結(jié)。
如何提高設(shè)計還原質(zhì)量和驗收效率?
一、評審/排期
1.1、設(shè)計師對還原的要求宣講
在評審環(huán)節(jié),設(shè)計師本人一定要將自己的設(shè)計稿進行宣講、幫助開發(fā)理解。注意給技術(shù)講述一些適配要求、設(shè)計規(guī)范、交互狀態(tài)及動效等,同時解答技術(shù)同學(xué)的一些疑問,這樣就能將一些可預(yù)見的問題解決掉,解決后期的溝通成本。
有一些地方有多種實現(xiàn)方式,如果前期沒有跟開發(fā)溝通清楚,就會導(dǎo)致最終實現(xiàn)的效果存在誤差,比如:下方這個tab項,單給一張圖,開發(fā)根本不知道設(shè)計師想要的實現(xiàn)方式是什么,固定間距還是固定菜單寬度,還是每項平分寬度,最后很大可能就會按照自己的理解去做了,導(dǎo)致出現(xiàn)重復(fù)返工的現(xiàn)象
如何提高設(shè)計還原質(zhì)量和驗收效率?
再比如一些點擊熱區(qū),如果不手動標(biāo)明,有可能就做的很小
下圖是我們手動標(biāo)注的熱區(qū)
如何提高設(shè)計還原質(zhì)量和驗收效率?
1.2、實際開發(fā)者要參與評審
每個開發(fā)負責(zé)的具體頁面模塊不一樣,別人對具體了解程度也不會不一致,所以在評審會議上,一定要具體開發(fā)者在場,如果對應(yīng)開發(fā)沒有發(fā)表意見,設(shè)計師可詢問,確保他已經(jīng)理解需求。
1.3、開發(fā)充分評估還原工作問題
設(shè)計師在講解自己的要求后,開發(fā)也要及時反饋是否有還原困難,如:是否有技術(shù)限制?是否有組件改動困難(牽一發(fā)而動全身)?實現(xiàn)成本過高(投入產(chǎn)出的性價比不夠)?等意見和原因,設(shè)計師也可拋出之前是否遇到過類似的阻礙,幫助開發(fā)去了解。
1.4、認真記會議紀(jì)要
評審過程的問題和重要講解點,一定要記錄下來,會議中開發(fā)提出的一些問題及解決方案、或者沒有達成共識的地方,記錄下來等領(lǐng)導(dǎo)決策,在會議結(jié)束后以郵件形式、或wiki文檔發(fā)送前端們,抄送產(chǎn)品,確保會議內(nèi)容的傳達到位。后面也好跟蹤。
還有一點就是,我們之前遇到的情況,在宣講會上 講解的一些要求,開發(fā)在做的時候可能就忘記了,讓開發(fā)改他認為設(shè)計沒有明確要求、會有點難推動,就會搞得雙方都有抱怨。有會議記錄也可避免此類情況發(fā)生
二、開發(fā)階段
2.1、還原有問題及時反饋
在前面我們做了詳盡的溝通和評審,但有時也避免不了在開發(fā)過程有些問題才發(fā)現(xiàn)暴露。這個就需要開發(fā)同學(xué)能重視還原問題,積極溝通反饋,和設(shè)計確認商議 是否有其它可替代方案,切勿自己發(fā)揮,等到后期驗收的時候才說出問題可能會影響進度。
?2.2、開發(fā)完成后對齊設(shè)計稿自查
開發(fā)者在完成自己負責(zé)的模塊界面時,可自己對齊設(shè)計稿自查一遍,參考【3.1驗收標(biāo)準(zhǔn)】的表格,可幫助判斷問題,在此階段也可發(fā)給設(shè)計者確認效果。
三、驗收階段
如何提高設(shè)計還原質(zhì)量和驗收效率?
3.1、測試同學(xué)確保交互和視覺還原度至少在70%左右
這里可以提前在項目排期階段,設(shè)計師將所需的驗收工時同步給技術(shù)和測試,將驗收時間考慮進去
為什么要求測試同學(xué)保證還原度至少在70%呢?
因為如果不要求測試走查還原度,設(shè)計驗收的時候就會有大量的問題,最后變成設(shè)計在測試界面而不是驗收。設(shè)計師不像測試對整個流程的測試配置那么熟悉方便,反復(fù)驗收需要測試和設(shè)計不斷配合,雙方的工作量都會加大。
理想的狀態(tài)應(yīng)該是測試整個流程走通,視覺和交互還原問題也要著重測試,設(shè)計和產(chǎn)品在測試沒什么大問題后再進行驗收。
參考【驗收標(biāo)準(zhǔn)】的表格,可幫助判斷還原問題
如何提高設(shè)計還原質(zhì)量和驗收效率?
3.2、明確知道模塊的開發(fā)者
最好是提前知道模塊的開發(fā)者,這樣驗收的時候一對一進行模塊的打版驗收效率更高
3.3、設(shè)計走查問題標(biāo)注優(yōu)先級
技術(shù)對功能上的BUG,可以自己很好的判斷哪些是嚴重的緊急的,但對于視覺和交互層面的感知就比較低。在提問題單的時候,我們可以幫他標(biāo)注出優(yōu)先級,告知開發(fā)哪些是比較嚴重的需要優(yōu)先修改的,不然 開發(fā)自己很難判斷,可能就會挑一些比較好改的先改了,重要的問題反而被擱置了。尤其在項目時間比較緊張的時候,有優(yōu)先級標(biāo)注 開發(fā)能夠看出哪些是可以為項目進度做出妥協(xié)的,哪些是必須要修改的。
如何提高設(shè)計還原質(zhì)量和驗收效率?
3.4、BUG單
設(shè)計提BUG單的不能簡單的說這里出錯了,請參考設(shè)計標(biāo)注重新調(diào)整。要直接給出正確的尺寸、增多少、減多少、這樣可幫助技術(shù)提高更高效率,也能避免開發(fā)自己去看又出現(xiàn)誤差、又要返工修改。
如何提高設(shè)計還原質(zhì)量和驗收效率?
3.5、遺留問題有記錄
如何提高設(shè)計還原質(zhì)量和驗收效率?
四、結(jié)語
設(shè)計師在驗收過程中容易遇到的一個比較頭疼的問題就是,技術(shù)和產(chǎn)品小伙伴可能因為項目上線時間緊,覺得視覺還原和頁面交互體驗上的問題不重要不給予修改,優(yōu)先保障功能上線。
除了這些原因,設(shè)計側(cè)也在檢討總結(jié),自己有哪些做的不足的地方,所以 以上文檔也是對接下來工作的優(yōu)化方案。設(shè)計還原度也是日常考核之一,需要大家重視,好的產(chǎn)品要嚴格把控精心打磨,希望這次的總結(jié)、相關(guān)流程和經(jīng)驗,在接下來工作中能夠提升設(shè)計驗收效率和還原度。

作者:考思考
來源:站酷

藍藍設(shè)計(yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司用戶體驗公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

如何為用戶提供正確的鍵盤輸入類型?

博博

Android和iOS系統(tǒng)都設(shè)計了針對特定表單字段的指定鍵盤輸入類型。但大多數(shù)開發(fā)人員未能在他們的代碼中指定正確的鍵盤輸入類型。這會導(dǎo)致移動設(shè)備上的表單完成效率變慢。本文以Android平臺為例。
一、輸入類型并不總是“文本”
大多數(shù)開發(fā)人員錯誤地將每個表單字段的輸入類型設(shè)置為“文本”。這存在問題,因為每個表單字段的輸入并不總是純文本。通常都有一些字段要求輸入帶有數(shù)字或字母和數(shù)字組合的信息。當(dāng)用戶嘗試填寫這些字段時,他們應(yīng)該看到一個數(shù)字或字母和數(shù)字組合的鍵盤。
不幸的是,當(dāng)每個字段的輸入類型都設(shè)置為“文本”時,它會強制用戶使用文本鍵盤來輸入數(shù)字或字母和數(shù)字組合,輸入時舉步維艱,不是誤點,就是需要頻繁切換,輸入體驗十分糟糕。
因此,請務(wù)必為每個表單字段指定輸入類型,以便系統(tǒng)能夠顯示相應(yīng)的鍵盤。除了指定輸入類型,我們還應(yīng)指定相關(guān)行為,例如輸入法是否提供拼寫建議、是否將句子的首字母大寫,以及是否使用“完成”或“下一項”等操作鍵替換“回車”。
輸入類型、行為、操作鍵整理如下:
如何為用戶提供正確的鍵盤輸入類型?
例一. 郵箱地址字段
表單要求用戶提供他們的郵箱地址是很常見的。當(dāng)我們將輸入類型設(shè)置為“郵箱地址”時,它會為用戶提供一個針對郵箱地址輸入的鍵盤。這個鍵盤不僅顯示字母,還可以顯示“@”和“.”,用戶可以輕松地輸入他們的郵箱地址。
如何為用戶提供正確的鍵盤輸入類型?
例二. 姓名字段
英文名是專有名詞,英語中專有名詞的第一個字母要大寫。我們將輸入類型設(shè)置為“人名”,并且設(shè)置單詞首字母大寫。用戶無需對英文字母進行大小寫切換。
如何為用戶提供正確的鍵盤輸入類型?
二、每個鍵盤對輸入類型的反應(yīng)可能不同
案例一:登錄頁面的密碼輸入
釘釘將密碼框輸入類型設(shè)置為“密碼”。假定密碼為 z0h0a0n0g。
  1. 百度輸入法顯示密碼鍵盤,完成密碼輸入僅需點擊 9 次。
  2. 搜狗輸入法顯示文本鍵盤,用戶需在字母和數(shù)字之間切換,完成輸入需點擊 17 次。也支持長按第一行的字母輸入數(shù)字。
  3. 微信輸入法顯示文本鍵盤,完成密碼輸入需點擊 17 次。不支持長按字母輸入數(shù)字。
如何為用戶提供正確的鍵盤輸入類型?
案例二:登錄頁面的手機號輸入
釘釘設(shè)置電話號碼鍵盤右下角為“下一項”按鈕。
  1. 百度輸入法的鍵盤右下角顯示“回車”,用戶完成手機號輸入后需手動獲取密碼文本框焦點。
  2. 搜狗輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
  3. 微信輸入法的鍵盤右下角顯示“下一項”,用戶完成手機號輸入點擊下一項,密碼文本框自動獲取焦點。
如何為用戶提供正確的鍵盤輸入類型?
三、Input Type 助力產(chǎn)品輸入體驗的提升
通過應(yīng)用 Input Type 你可以正確的為每個文本字段設(shè)置特定的輸入類型,以及看到每個輸入類型(以及輸入類型的組合)如何影響鍵盤。
Input Type這個工具需要安裝在安卓手機上,如果沒有安卓手機可以電腦上安裝一個網(wǎng)易MuMu安卓模擬器就可以用。
應(yīng)用截圖
應(yīng)用截圖

作者:交互設(shè)計師張楚
來源:站酷

藍藍設(shè)計(yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計桌面端界面設(shè)計、APP界面設(shè)計圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計企業(yè)信息化UI界面設(shè)計

軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://yvirxh.cn

存檔