Godzilla. 2016-08-12
網(wǎng)站建設(shè)
把控這些細(xì)節(jié)，你將會做出一個漂亮的網(wǎng)頁設(shè)計！
雖然我不承認(rèn)我了解架構(gòu),產(chǎn)品設(shè)計的另一個相同的共性是最容易忘記細(xì)節(jié)。但這些小事情,微小的細(xì)節(jié),最終促使美麗的產(chǎn)品,和漂亮的房子。當(dāng)然，我提到的產(chǎn)品設(shè)計中的“細(xì)節(jié)”，并非只是表面的設(shè)計,如顏色、陰影或位置。相反我指在網(wǎng)頁設(shè)計中難以定義的、用戶體驗和潛意識的模式,以及幫助用戶感覺更自在的交互。這些細(xì)節(jié)比如是可能是光標(biāo)的形式、“向下”風(fēng)格的按鈕、或一個有用的動畫。
這些細(xì)節(jié)采取何種形式,我敢打賭,它不是在Photoshop里設(shè)計。注重細(xì)節(jié)是很難的事情，當(dāng)你構(gòu)建一個產(chǎn)品時，需要花費昂貴的時間和技術(shù)開銷，這一切都是為什么細(xì)節(jié)很難把控的原因。我花時間在這些細(xì)節(jié)的追求,我有兩個奢侈品，謝天謝地我能負(fù)擔(dān)得起。
首先,我有能力使用,改善和重復(fù)。我不只是談?wù)撽P(guān)于技術(shù)實現(xiàn)細(xì)節(jié)的能力,我也有時間這樣做。有時一個交互會帶我長50%,僅僅是因為我花了幾個小時困擾的動畫狀態(tài)發(fā)生在0.65秒的時間。這不是一個奢侈品,許多產(chǎn)品可以承受,或愿意建立范圍。這是可以理解的。
第二,我使用我的產(chǎn)品,如果有一個惱人的交互中存在不必要的長篇動畫或一個愚蠢的用戶體驗，那么這個產(chǎn)品是留不住用戶的。網(wǎng)站建設(shè)也是一樣，做不出優(yōu)秀的網(wǎng)站同樣也沒有人愿意找這樣公司做網(wǎng)站。這里推薦專業(yè)建站網(wǎng)站摩恩網(wǎng)絡(luò)。
視覺確認(rèn)交互
很多網(wǎng)站中常常被忽視的細(xì)節(jié)就是——按鈕狀態(tài)。即使在快速網(wǎng)絡(luò)時代,也會有按一個按鈕后有可能會延遲,像一個新頁面加載圖像上傳,或某種類型的事件。然而很少有網(wǎng)站把加載期間后臺發(fā)生的事情用視覺傳到給用戶。如果有，這將是一件新奇的事情。留給用戶掛在那里,沒有確認(rèn)他們的點擊改按鈕所形成的響應(yīng)。每當(dāng)這時用戶可能在考慮你的UI。
解決方案是考慮添加當(dāng)用戶點擊的按鈕樣式,然后另一個風(fēng)格或動畫當(dāng)提交。每一個按鈕都有“下來”狀態(tài),和動畫來確認(rèn)你的點擊。更好的是,如果操作可能需要一段時間,考慮實際告訴用戶發(fā)生了什么。如果你不能通過設(shè)計充分解釋,可以用文本形式寫出來。
使用微妙的動畫
我可以幾天談?wù)搫赢嫷闹匾?以及它在幫助用戶理解一個接口——幸運的是已經(jīng)有很多更好的資源。相反,我只涉及細(xì)節(jié)的重要性,幾乎看不見的動畫。采取以下作為一個例子,拖動圖像文件夾不需要反饋。所以一個小動畫,推斷成功就能減輕不確定性。
動畫反饋
注意“X照片”號碼需要稍微長的時間更新?這是實際的服務(wù)器響應(yīng)時間。在這種情況下,“筆名”動畫幫助用戶繼續(xù)他們的業(yè)務(wù)。動畫還可以幫助顯示上下文和視圖之間的過渡。而不是突然之間移動,冒著失去你的用戶的危險,動畫可以幫助顯示的東西是從哪里來的。
優(yōu)化背景
任何產(chǎn)品包含數(shù)據(jù)、圖像或報告沒有屏幕會看起來是一樣的。然而在網(wǎng)站設(shè)計中,我們很好的優(yōu)化背景,把數(shù)字圖像完全為背景設(shè)計和優(yōu)化。很多網(wǎng)站中利于漂亮的圖片作為背景，是一種明智的選擇，有時候會出現(xiàn)視頻背景這也是非常不錯的選擇。
基調(diào)錯誤消息不是有益的。
為了解除和人類,我寫了上面的消息顯示在罕見的場合,由于服務(wù)器錯誤上傳失敗。當(dāng)用戶耐心等待他們的上傳過程中,應(yīng)用了一種毫無用處的和毫無悔意的反應(yīng)。如果我是一個用戶去客戶端演示,這將是不太理想。在此之前,我接到一個客戶的理由憤怒的電子郵件。當(dāng)然也有一些場合,可以有樂趣,和一點人性化的可以讓原本無聊的用戶體驗增加價值。
細(xì)節(jié)是一個產(chǎn)品最后的1%。他們很難定義范圍,他們絕對沒有替代深入研究偉大的設(shè)計和巧妙的工程。細(xì)節(jié)將幫助你的產(chǎn)品感覺自然、有趣、直觀,甚至讓用戶感覺聰明。這是小事情,這是讓人容易忘記的1%,但它是讓人們愛上你的產(chǎn)品的關(guān)鍵。
文章標(biāo)簽：
網(wǎng)頁設(shè)計
文章評論：