把控這些細節(jié)，你將會做出一個漂亮的網(wǎng)頁設(shè)計！

2015-10-01    分類： 網(wǎng)站建設(shè)

雖然我不承認我了解架構(gòu),產(chǎn)品設(shè)計的另一個相同的共性是最容易忘記細節(jié)。但這些小事情,微小的細節(jié),最終促使美麗的產(chǎn)品,和漂亮的房子。當然，我提到的產(chǎn)品設(shè)計中的“細節(jié)”，并非只是表面的設(shè)計,如顏色、陰影或位置。相反我指在網(wǎng)頁設(shè)計中難以定義的、用戶體驗和潛意識的模式,以及幫助用戶感覺更自在的交互。這些細節(jié)比如是可能是光標的形式、“向下”風格的按鈕、或一個有用的動畫。
這些細節(jié)采取何種形式,我敢打賭,它不是在Photoshop里設(shè)計。注重細節(jié)是很難的事情，當你構(gòu)建一個產(chǎn)品時，需要花費昂貴的時間和技術(shù)開銷，這一切都是為什么細節(jié)很難把控的原因。我花時間在這些細節(jié)的追求,我有兩個奢侈品，謝天謝地我能負擔得起。

首先,我有能力使用,改善和重復(fù)。我不只是談?wù)撽P(guān)于技術(shù)實現(xiàn)細節(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)站創(chuàng)新互聯(lián)。

視覺確認交互

很多網(wǎng)站中常常被忽視的細節(jié)就是——按鈕狀態(tài)。即使在快速網(wǎng)絡(luò)時代,也會有按一個按鈕后有可能會延遲,像一個新頁面加載圖像上傳,或某種類型的事件。然而很少有網(wǎng)站把加載期間后臺發(fā)生的事情用視覺傳到給用戶。如果有，這將是一件新奇的事情。留給用戶掛在那里,沒有確認他們的點擊改按鈕所形成的響應(yīng)。每當這時用戶可能在考慮你的UI。

解決方案是考慮添加當用戶點擊的按鈕樣式,然后另一個風格或動畫當提交。每一個按鈕都有“下來”狀態(tài),和動畫來確認你的點擊。更好的是,如果操作可能需要一段時間,考慮實際告訴用戶發(fā)生了什么。如果你不能通過設(shè)計充分解釋,可以用文本形式寫出來。
使用微妙的動畫

我可以幾天談?wù)搫赢嫷闹匾?以及它在幫助用戶理解一個接口——幸運的是已經(jīng)有很多更好的資源。相反,我只涉及細節(jié)的重要性,幾乎看不見的動畫。采取以下作為一個例子,拖動圖像文件夾不需要反饋。所以一個小動畫,推斷成功就能減輕不確定性。
Click-Recognition
動畫反饋

注意“X照片”號碼需要稍微長的時間更新?這是實際的服務(wù)器響應(yīng)時間。在這種情況下,“筆名”動畫幫助用戶繼續(xù)他們的業(yè)務(wù)。動畫還可以幫助顯示上下文和視圖之間的過渡。而不是突然之間移動,冒著失去你的用戶的危險,動畫可以幫助顯示的東西是從哪里來的。
Button-Colour-Change
優(yōu)化背景

任何產(chǎn)品包含數(shù)據(jù)、圖像或報告沒有屏幕會看起來是一樣的。然而在網(wǎng)站設(shè)計中,我們很好的優(yōu)化背景,把數(shù)字圖像完全為背景設(shè)計和優(yōu)化。很多網(wǎng)站中利于漂亮的圖片作為背景，是一種明智的選擇，有時候會出現(xiàn)視頻背景這也是非常不錯的選擇。

基調(diào)錯誤消息不是有益的。

為了解除和人類,我寫了上面的消息顯示在罕見的場合,由于服務(wù)器錯誤上傳失敗。當用戶耐心等待他們的上傳過程中,應(yīng)用了一種毫無用處的和毫無悔意的反應(yīng)。如果我是一個用戶去客戶端演示,這將是不太理想。在此之前,我接到一個客戶的理由憤怒的電子郵件。當然也有一些場合,可以有樂趣,和一點人性化的可以讓原本無聊的用戶體驗增加價值。

細節(jié)是一個產(chǎn)品最后的1%。他們很難定義范圍,他們絕對沒有替代深入研究偉大的設(shè)計和巧妙的工程。細節(jié)將幫助你的產(chǎn)品感覺自然、有趣、直觀,甚至讓用戶感覺聰明。這是小事情,這是讓人容易忘記的1%,但它是讓人們愛上你的產(chǎn)品的關(guān)鍵。

當前名稱：把控這些細節(jié)，你將會做出一個漂亮的網(wǎng)頁設(shè)計！
瀏覽路徑：http://www.bm7419.com/news/32952.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、搜索引擎優(yōu)化、關(guān)鍵詞優(yōu)化、做網(wǎng)站、微信小程序、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護公司