盡管我不承認(rèn)我了解架構(gòu),但產(chǎn)品設(shè)計(jì)的另一個(gè)共同點(diǎn)是,忘記細(xì)節(jié)是最容易的。但是這些小東西,小細(xì)節(jié),最終導(dǎo)致了漂亮的產(chǎn)品,漂亮的房子。我所說(shuō)的產(chǎn)品設(shè)計(jì)中的“細(xì)節(jié)”,當(dāng)然不僅僅是表面的設(shè)計(jì),比如顏色,陰影或者位置。而指的是在網(wǎng)頁(yè)設(shè)計(jì)中難以定義的用戶體驗(yàn)和潛意識(shí)模式,以及讓用戶感到舒服的交互方式。例如,這些細(xì)節(jié)可以是光標(biāo)的形式,按鈕的“向下”樣式,或者一個(gè)有用的動(dòng)畫。
我敢打賭,這些細(xì)節(jié)的設(shè)計(jì)并非Photoshop中的那種。對(duì)細(xì)節(jié)的關(guān)注是一件很困難的事情,當(dāng)你建立一個(gè)產(chǎn)品時(shí),需要花費(fèi)大量的時(shí)間和技術(shù)開(kāi)銷,這就是為什么細(xì)節(jié)很難控制。在對(duì)這些細(xì)節(jié)的追求中,我擁有兩件奢侈品,感謝上帝我能買得起。
第一,我能夠運(yùn)用,改進(jìn)和重復(fù)。關(guān)于技術(shù)實(shí)現(xiàn)細(xì)節(jié),我不僅僅是在討論能力,我還有時(shí)間去討論。有時(shí)候,一次互動(dòng)就能帶給我50%的時(shí)間,僅僅是因?yàn)槲一藥讉€(gè)小時(shí)困擾的動(dòng)畫發(fā)生在0.65秒之內(nèi)。它不是一種許多產(chǎn)品能夠承受或愿意承擔(dān)的奢侈品。它可以被理解。
其次,我在使用我的產(chǎn)品時(shí),如果在討厭的交互中出現(xiàn)了不必要的長(zhǎng)動(dòng)畫或者愚蠢的用戶體驗(yàn),那么該產(chǎn)品就無(wú)法留住用戶。就像網(wǎng)站建設(shè)一樣,做不出好網(wǎng)站同樣也沒(méi)人愿意去找這樣的公司做網(wǎng)站。在此建議專業(yè)建站網(wǎng)站網(wǎng)。
可視化確認(rèn)。
在許多站點(diǎn)中,經(jīng)常被忽略的細(xì)節(jié)——按鈕狀態(tài)。即便是在快速網(wǎng)絡(luò)時(shí)代,也有可能會(huì)因?yàn)榘存I而延遲,比如一個(gè)新頁(yè)面加載圖像上傳,或者某些類型的事件。但是,幾乎沒(méi)有網(wǎng)站在載入過(guò)程中將后臺(tái)發(fā)生的事情直觀地告訴用戶。假如有的話,那會(huì)是個(gè)新鮮事。把它們掛在那里,用戶不需要確認(rèn)他們的點(diǎn)擊改變按鈕產(chǎn)生的響應(yīng)。此時(shí),用戶可能正在考慮您的UI。
方法是,在用戶點(diǎn)擊之后,加入按鈕樣式,然后在提交時(shí)加入其他樣式或動(dòng)畫。每個(gè)按鈕都有“下來(lái)”狀態(tài),以及確認(rèn)點(diǎn)擊的動(dòng)畫。更有甚者,如果操作可能需要一些時(shí)間,那么考慮實(shí)際告訴用戶正在發(fā)生什么。若設(shè)計(jì)沒(méi)有提供足夠的說(shuō)明,則以文本形式書寫。
運(yùn)用巧妙的動(dòng)畫。
幾天內(nèi),我可以討論動(dòng)畫的重要性,以及它如何幫助用戶理解界面——幸運(yùn)的是,現(xiàn)在已經(jīng)有了更好的資源。我只討論了細(xì)節(jié)的重要性,以及幾乎看不到的動(dòng)畫效果。使用下面的示例,無(wú)需反饋就可以拖動(dòng)圖像文件夾。因此,推斷成功可以減少不確定性的一小步。
動(dòng)態(tài)反饋
鄭州網(wǎng)站開(kāi)發(fā)公司請(qǐng)注意“X照片”編號(hào)要花多少時(shí)間更新?它實(shí)際上是服務(wù)器響應(yīng)時(shí)間。本例中,“標(biāo)題”動(dòng)畫幫助用戶繼續(xù)其業(yè)務(wù)。動(dòng)畫也有助于顯示內(nèi)容和視圖之間的轉(zhuǎn)換。而且,在動(dòng)畫可以幫助顯示的內(nèi)容來(lái)自何處的情況下,在用戶丟失的情況下,不會(huì)突然移動(dòng)。
優(yōu)化背景
所有產(chǎn)品都包括數(shù)據(jù)、圖片或者報(bào)表,沒(méi)有一個(gè)屏幕是一樣的。而網(wǎng)站設(shè)計(jì),則是將數(shù)字圖像作為優(yōu)化背景,進(jìn)行背景設(shè)計(jì)和優(yōu)化。許多網(wǎng)站都有漂亮的圖片作為背景,這是一個(gè)明智的選擇,有時(shí)會(huì)出現(xiàn)視頻背景,這也是一個(gè)很好的選擇。
語(yǔ)調(diào)錯(cuò)誤信息沒(méi)有好處。
我寫下上述信息是為了讓大家都放松下來(lái),因?yàn)榉?wù)器故障導(dǎo)致上傳失敗。在用戶耐心等待其上傳的同時(shí),應(yīng)用了一種無(wú)用且沒(méi)有悔意的響應(yīng)。這將是一個(gè)不太理想的如果我去客戶那里演示的話。此前,我收到一封客戶因?yàn)閼嵟l(fā)的郵件。的確,在某些場(chǎng)合中,能有樂(lè)趣,有點(diǎn)人情味,能讓原本枯燥的用戶體驗(yàn)增值。