中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在設(shè)計(jì)過程中，不斷否定自己、推翻原有方案的過程也充分證明了一個(gè)事實(shí)———永遠(yuǎn)都有更好的方案等著你去發(fā)現(xiàn)！這樣，才能真正讓自己的產(chǎn)品在迭代過程中沿著“有用”、“可用”、“易用”到“好用”的過程不斷變得更好！

功能介紹：GIF功能通過將播放器播放的內(nèi)容片段生成連續(xù)的Gif動(dòng)畫來滿足用戶對視頻片段的分享需求。

這一功能的交互設(shè)計(jì)前后經(jīng)歷了三個(gè)階段、五個(gè)版本的設(shè)計(jì)，最終得到了一個(gè)目前階段相對滿意的設(shè)計(jì)。

第一階段

方案一

這一階段的主要設(shè)計(jì)工作基本是通過對分析競品并收集功能，然后將這些一定的布局原則進(jìn)行排布：

（1）控件形式的合理性

控件應(yīng)當(dāng)與業(yè)務(wù)相吻合、方便使用，如：

• 對開始位置的調(diào)節(jié)、對截取時(shí)長的調(diào)節(jié)，截取間隔的設(shè)置使用滑塊形式易于操作；
• 保存路徑使用了Windows下通用的方式；
• 觸發(fā)下一動(dòng)作的入口“預(yù)覽”、“保存”使用了按鈕形式等等。

元素位置和布局合理：如使用對角線原則——重要界面元素應(yīng)當(dāng)在從左上至右下的縱貫線上，如將“預(yù)覽”、“保存到電腦”、“分享到微博”、“下載到手機(jī)”置于界面右下角。

布局美觀性：界面元素大小不一，通過排版保證布局整齊、錯(cuò)落有致。

但很快我便覺得這一設(shè)計(jì)并不理想，原因主要是，界面元素太多，用戶使用起來會(huì)感覺非常復(fù)雜，學(xué)習(xí)成本比較高。所以便開始了第二階段的設(shè)計(jì)優(yōu)化。

第二階段

在第二階段，重新設(shè)計(jì)以簡化界面元素方便用戶使用為目標(biāo)，以優(yōu)化控件形式、刪除多余控件和隱藏界面元素為手段來進(jìn)行的，這一階段前后設(shè)計(jì)了兩版大同小異的方案：

方案二

• 將不常用的功能隱藏到高級(jí)功能中——隱藏修改保存路徑、修改截取間隔、修改截圖尺寸
• 將類似功能以下拉菜單組合在一起——保存、預(yù)覽、分享到微博、下載到手機(jī)。

這里之所以說四項(xiàng)功能類似，是因?yàn)檫@四項(xiàng)功能都是截圖過程的最終操作。

但思來想去，覺得這個(gè)方案仍然不夠理想，原因在于：

• 首先，即便是在隱藏高級(jí)設(shè)置的狀態(tài)下，用戶需要面對的設(shè)置項(xiàng)仍然比較多——開始位置的設(shè)置及微調(diào)，結(jié)束位置的設(shè)置及微調(diào)；
• 其次，開始位置的控件，圓點(diǎn)后方的藍(lán)線結(jié)束位置不可調(diào)節(jié)，可能會(huì)給用戶理解和使用控件造成障礙。

那么，是不是還能有進(jìn)一步精簡的空間呢？

方案三

于是，基于方案二，我對隱藏高級(jí)選項(xiàng)狀態(tài)下的控件做進(jìn)一步優(yōu)化的嘗試：

將開始位置和結(jié)束位置在一條時(shí)間軸上顯示，但這樣一來這條時(shí)間軸兩側(cè)的微調(diào)按鈕便出現(xiàn)了歧異，用戶微調(diào)時(shí)到底是微調(diào)開始位置還是微調(diào)結(jié)束位置呢？

于是，我又給了小圓點(diǎn)一個(gè)選中狀態(tài)，開始位置或結(jié)束位置始終有一個(gè)處于選中狀態(tài)，微調(diào)對處于選中的那個(gè)圓點(diǎn)生效。

這樣便得到了一個(gè)極為少見的、用戶可能從未使用過的控件，這也存在問題，用戶使用這個(gè)控件同樣需要學(xué)習(xí)成本，而且，用戶在一半的情況下做微調(diào)操作前需要首先選擇他要微調(diào)的項(xiàng)目，操作過程略顯繁瑣，這個(gè)方案同樣并不理想。

繼續(xù)思考，是不是可以不把功能做的這么“重”呢，用戶真的需要那么多的設(shè)置嗎？如果我把功能進(jìn)一步精簡又如何呢，于是有了以“刪除”為主的方案四。

方案四

這個(gè)方案我對功能做了比較大刪減，僅保留生成Gif造作比較基本的功能：

• 刪除開始位置（開始位置僅可在進(jìn)入截圖模式前調(diào)整）
• 刪除截取時(shí)長（生成GIF時(shí)長固定）
• 不支持微調(diào)功能
• 刪除預(yù)覽功能
• 提供一套可以滿足大多需求的默認(rèn)設(shè)置

這樣得到了方案四，這個(gè)方案看來也仍然有很多讓人不滿意的地方，過多刪除掉的功能讓可能損失高級(jí)用戶，沒有預(yù)覽用戶根本不知道生成的gif將包含哪些畫面，界面雖然得以簡化，但功能受到了很大的限制、易用性也變差了?？傮w來講，這個(gè)設(shè)計(jì)甚至還不如之前的方案二和三。

第一、二階段的三個(gè)方案同時(shí)還面臨這一個(gè)我尚未提及的問題，如果用這三套方案支持在線視頻的GIF截取，那么在在線視頻數(shù)據(jù)未完全加載時(shí)，數(shù)據(jù)的加載策略會(huì)很復(fù)雜，需要切換開始位置（切換開始位置時(shí)預(yù)覽畫面需要隨之切換）、生成GIF過程中考慮對數(shù)據(jù)加載的處理。

第三階段

在第一、第二階段設(shè)計(jì)了四套方案，但始終沒有得到令我滿意的結(jié)果，那么是否還有更好的方案呢？突然想到前段期間正好在讀《簡約至上——交互設(shè)計(jì)四策略》這本書，書中描述了簡約設(shè)計(jì)的四個(gè)策略，即：刪除、組織、隱藏和轉(zhuǎn)移四個(gè)策略，前面的三套方案的設(shè)計(jì)雖然也得到了部分應(yīng)用，但肯定還存其它辦法可以嘗試。隨機(jī)拿起書來隨意翻看，終于有了靈感，隱藏策略中有一種方式叫做“階段展示”，可以在這個(gè)思路上試一試。

方案五

首先，我保播放器控制欄增加一個(gè)明顯的易于在播放過程中點(diǎn)擊的”GIF”按鈕，點(diǎn)擊這個(gè)按鈕后邊直接從視頻的這一位置開始截取過程。

接著，用戶點(diǎn)擊后彈出截圖小窗口，小窗口從點(diǎn)擊“GIF”按鈕的視頻位置繼續(xù)播放視頻作為對即將生成GIF內(nèi)容的預(yù)覽，如果此時(shí)截取的是在線視頻且視頻數(shù)據(jù)尚未加載完成則直接顯示加載數(shù)據(jù)提示（這正好解決了一直困擾我的在線視頻數(shù)據(jù)未加載如何處理的問題），預(yù)覽過程中用戶可以隨時(shí)點(diǎn)擊停止按鈕確定GIF的結(jié)束位置，如果用戶一直沒有點(diǎn)擊停止按鈕，那么到達(dá)可截取的最大值則自動(dòng)停止進(jìn)入下一步。

這一步允許用戶對一些高級(jí)參數(shù)進(jìn)行設(shè)置，設(shè)置方式修改為簡單的兩個(gè)三選一的選項(xiàng)，用戶可以修改設(shè)置或者直接點(diǎn)擊“立即生成”按照缺省設(shè)置成成GIF動(dòng)畫。

生成過程中屏蔽用戶操作，生成過程結(jié)束后用戶可在“保存到電腦”、“分享到微博”和“下載到手機(jī)”三個(gè)后續(xù)操作中做出選擇。

至此，終于得到了一個(gè)相對滿意的方案的方案，它不僅解決了方案一到方案四所遇到的全部問題，而且還有下述優(yōu)點(diǎn)：

• 通過階段展示可用操作讓用戶時(shí)長面對最少的選擇，給用戶的心里負(fù)擔(dān)更??；
• 預(yù)覽過程更加直觀；
• 通過預(yù)覽過程處理數(shù)據(jù)加載邏輯更簡單、對用戶的打擾更少；
• 可以使用較小的界面。

至此，我得到了一個(gè)階段性的、相對滿意的方案，未來也許會(huì)發(fā)現(xiàn)更優(yōu)秀的解決方案，但項(xiàng)目不可能無限期的停留在設(shè)計(jì)階段，更好的設(shè)計(jì)方案留待產(chǎn)品迭代過程再繼續(xù)發(fā)現(xiàn)吧。

但是，上述設(shè)計(jì)過程中的不斷否定自己、推翻原有方案的過程也充分證明了一個(gè)事實(shí)———永遠(yuǎn)都有更好的方案等著你去發(fā)現(xiàn)！這樣，才能真正讓自己的產(chǎn)品在迭代過程中沿著“有用”、“可用”、“易用”到“好用”的過程不斷變得更好！

本文由 @我是開水?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。