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

2015-10-01    分類: 網(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)品時,需要花費(fèi)昂貴的時間和技術(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)站創(chuàng)新互聯(lián)

視覺確認(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ù)搫赢嫷闹匾?以及它在幫助用戶理解一個接口——幸運(yùn)的是已經(jīng)有很多更好的資源。相反,我只涉及細(xì)節(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ù)器錯誤上傳失敗。當(dāng)用戶耐心等待他們的上傳過程中,應(yīng)用了一種毫無用處的和毫無悔意的反應(yīng)。如果我是一個用戶去客戶端演示,這將是不太理想。在此之前,我接到一個客戶的理由憤怒的電子郵件。當(dāng)然也有一些場合,可以有樂趣,和一點人性化的可以讓原本無聊的用戶體驗增加價值。

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

當(dāng)前標(biāo)題:把控這些細(xì)節(jié),你將會做出一個漂亮的網(wǎng)頁設(shè)計!
轉(zhuǎn)載注明:http://m.kartarina.com/news2/32952.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)關(guān)鍵詞優(yōu)化云服務(wù)器網(wǎng)站策劃品牌網(wǎng)站建設(shè)自適應(yīng)網(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)

h5響應(yīng)式網(wǎng)站建設(shè)
主站蜘蛛池模板: 久久精品亚洲中文字幕无码麻豆| 成在人线AV无码免费| 亚洲av无码天堂一区二区三区| 免费一区二区无码视频在线播放 | 亚洲国产AV无码一区二区三区| av区无码字幕中文色| 无码精品人妻一区二区三区影院| 久久久久久国产精品无码下载| 亚洲中文无码线在线观看| 少妇中文无码高清| 欧洲精品久久久av无码电影| 国产成人无码免费视频97| 手机永久无码国产AV毛片| 影院无码人妻精品一区二区| 久久久久久无码Av成人影院| 亚洲综合av永久无码精品一区二区| 97久久精品无码一区二区天美| 狠狠躁狠狠爱免费视频无码| 亚洲av永久无码天堂网| 久久无码人妻精品一区二区三区| 中文字幕日产无码| 午夜亚洲AV日韩AV无码大全| 亚洲av无码成人精品区在线播放| 无码人妻丰满熟妇区五十路 | 亚洲综合无码一区二区| 小泽玛丽无码视频一区| 精品人妻无码一区二区三区蜜桃一| 无码aⅴ精品一区二区三区浪潮| 国产午夜无码片免费| 国产丝袜无码一区二区视频| 无码国产激情在线观看| 无码少妇丰满熟妇一区二区| 在线看片福利无码网址| 一夲道dvd高清无码| 无码性午夜视频在线观看| 久久久无码精品国产一区| 无码人妻一区二区三区免费n鬼沢 无码人妻一区二区三区免费看 | 精品无码综合一区| 日韩精品无码永久免费网站| 午夜无码人妻av大片色欲| 无码无套少妇毛多18PXXXX|