-
交互設(shè)計(jì)實(shí)用指南系列(4)—簡(jiǎn)潔清晰,自然易懂
2012-12-19我們生活在信息繁雜的社會(huì),尤其是在互聯(lián)網(wǎng)時(shí)代,人們開(kāi)始通過(guò)網(wǎng)絡(luò)開(kāi)始接觸越來(lái)越多的信息,那么,如何獲取/傳遞有效而準(zhǔn)確的信息將非常重要。在網(wǎng)頁(yè)交互設(shè)計(jì)中,我們提出: 信息獲取和傳達(dá)的過(guò)程必須是簡(jiǎn)潔清晰,自然易懂。這樣用戶才能夠有效的獲取這些信息,并迅速 -
交互設(shè)計(jì)實(shí)用指南系列(3)—適時(shí)幫助
2012-12-19任何一個(gè)交互過(guò)程的操作,對(duì)于用戶來(lái)說(shuō)都有學(xué)習(xí)成本,誰(shuí)也不能保證所有人都可以準(zhǔn)確無(wú)誤地走完一個(gè)流程。交互設(shè)計(jì)師在設(shè)計(jì)時(shí)應(yīng)該考慮適時(shí)地給用戶相應(yīng)的幫 助,這一點(diǎn)非常重要。適時(shí)幫助,是指在用戶使用流程中,在需要的時(shí)候能及時(shí)地得到幫助;反之,在不需要幫助的時(shí) -
交互設(shè)計(jì)實(shí)用指南系列(2) –可及
2012-12-19可及,通俗的說(shuō)是“可以達(dá)到”,加上主語(yǔ)和賓語(yǔ),在“交互設(shè)計(jì)”這個(gè)大的語(yǔ)境下,含義應(yīng)該是“用戶可以達(dá)到自己的操作目標(biāo)”,這不是和“有效性用戶的操作是有效的”重復(fù)了嗎?其實(shí),在交互設(shè)計(jì)實(shí)用指南中,“可及”是一個(gè)狹義的概念,是放在有效性下面的,具體解釋為 -
交互設(shè)計(jì)實(shí)用指南系列(1) – 操作入口明確
2012-12-19“操作入口明確” ,就是指產(chǎn)品的任何一個(gè)功能都要有明確、合理的入口。 “操作入口” ,指的是產(chǎn)品內(nèi)部不同模塊之間的轉(zhuǎn)接元素,例如在Web產(chǎn)品中,按鈕控件、輸入框、文字鏈等都屬于操作入口; “明確” 指的是入口的視覺(jué)感是清晰的、可識(shí)別的; “合理” 是指入口的 -
交互設(shè)計(jì)實(shí)用指南系列(0) – 我們眼中的交互設(shè)計(jì)
2012-12-19交互設(shè)計(jì)(Interaction Design, 縮寫(xiě) IxD 或者 IaD),是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域。人造物,即人工制成物品,例如,軟件、移動(dòng)設(shè)備、人造環(huán)境、服務(wù)、可佩帶裝置以及系統(tǒng)的組織結(jié)構(gòu)。交互設(shè)計(jì)在于定義人造物的行為方式(the “interaction”,即人工制品在特定場(chǎng) -
網(wǎng)頁(yè)界面設(shè)計(jì)速成
2012-12-19 -
網(wǎng)頁(yè)設(shè)計(jì)中的的驗(yàn)證碼漫談
2012-11-19驗(yàn)證碼(CAPTCHA)是Completely Automated Public Turing test to tell Computers and Humans Apart(全自動(dòng)區(qū)分計(jì)算機(jī)和人類的圖靈測(cè)試)的縮寫(xiě),是一種區(qū)分用戶是計(jì)算機(jī)和人的公共全自動(dòng)程序。 摘自百度百科 不知道你是否有過(guò)本文標(biāo)題那樣的想法? 在填寫(xiě)了一長(zhǎng)串表單,最 -
簡(jiǎn)單的設(shè)計(jì)
2012-11-01什么是簡(jiǎn)單?很多時(shí)候我們把簡(jiǎn)單和簡(jiǎn)潔混淆成一個(gè)概念,以為簡(jiǎn)單就是使用盡量少的視覺(jué)元素。其實(shí)不然。簡(jiǎn)潔和簡(jiǎn)單關(guān)注的角度不同。簡(jiǎn)潔強(qiáng)調(diào)的是“潔”,是干凈;而簡(jiǎn)單強(qiáng)調(diào)的是“單”,是不復(fù)雜、容易—容易獲 -
頁(yè)面構(gòu)建和js前端不得不說(shuō)的那點(diǎn)事兒
2012-10-30作為微博的頁(yè)面構(gòu)建工程師,主要職責(zé)就是利用htmlcss,高質(zhì)量的完成靜態(tài)頁(yè)面的制作,保證項(xiàng)目的按時(shí)完成。而頁(yè)面需要的js效果則交給下游的js前端工程師去做。在微博,這兩個(gè)崗位是分開(kāi)的。但在大家的思維定勢(shì)里可能覺(jué)得這兩個(gè)崗位應(yīng)由一個(gè)人來(lái)完成最好,畢竟,頁(yè)面構(gòu)建 -
網(wǎng)頁(yè)設(shè)計(jì)的8個(gè)趨勢(shì)
2012-10-30本文譯自網(wǎng)站設(shè)計(jì)公司weavora.com,介紹了在他們眼里8個(gè)Web網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì):?jiǎn)雾?yè)面、用照片做背景、色塊設(shè)計(jì)、超大號(hào)的圖片、聚焦簡(jiǎn)潔、響應(yīng)式設(shè)計(jì)、視差滾動(dòng)、強(qiáng)調(diào)字體,每個(gè)趨勢(shì)后面都附了數(shù)個(gè)案例,相信對(duì)網(wǎng)站設(shè)計(jì)師會(huì)有一定的參考價(jià)值。 單個(gè)長(zhǎng)頁(yè)面的設(shè)計(jì)一度不受人 -
7步改善網(wǎng)頁(yè)設(shè)計(jì)和用戶體驗(yàn)!
2012-10-17本文從7個(gè)方面教一些網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者迅速改善網(wǎng)站的頁(yè)面設(shè)計(jì)和用戶體驗(yàn)。 你是否會(huì)經(jīng)常搜索一些網(wǎng)頁(yè),但是發(fā)現(xiàn)無(wú)法找到所需要的信息時(shí)便隨即退出? 你是否會(huì)經(jīng)常睜大眼睛去讀取一些網(wǎng)站很小的字? 當(dāng)一個(gè)網(wǎng)頁(yè)需要讓你拖動(dòng)水平滾動(dòng)條才能閱讀完文字時(shí),你有多沮喪? 設(shè)計(jì) -
人人都“懂”交互設(shè)計(jì)
2012-08-12近些年來(lái),隨著交互設(shè)計(jì)概念越來(lái)越為人們所熟知,交互設(shè)計(jì)師這個(gè)職位,也已經(jīng)在互聯(lián)網(wǎng)公司里得到廣泛并且專業(yè)化的應(yīng)用對(duì)于交互設(shè)計(jì)的定義、目標(biāo)和作用,人們或多或少,都能說(shuō)出個(gè)八九不離十。即便是行業(yè)外的人,如果跟他說(shuō)起交互設(shè)計(jì)是做什么的,得到的反饋往往會(huì)是: -
說(shuō)說(shuō)那些有意思的“返回頂部”
2012-08-06筆者在這里收集了一些網(wǎng)站的有意思的返回頂部按鈕,并做簡(jiǎn)單的賞析,包括極客公園、欣欣旅游網(wǎng)、豬八戒網(wǎng)等知名網(wǎng)站。筆者猜想,有多少人會(huì)去用返回頂部按鈕呢?這是一個(gè)設(shè)計(jì)、體驗(yàn)的細(xì)節(jié),但表現(xiàn)出的意義卻是這個(gè)功能真的是用戶需求嗎?那我們就來(lái)說(shuō)說(shuō)那些有意思的返回 -
HTML絕對(duì)路徑和相對(duì)路徑
2012-08-05HTML初學(xué)者會(huì)經(jīng)常遇到這樣一個(gè)問(wèn)題,如何正確引用一個(gè)文件。比如,怎樣在一個(gè)HTML網(wǎng)頁(yè)中引用另外一個(gè)HTML網(wǎng)頁(yè)作為超鏈接(hyperlink)?怎樣在一個(gè)網(wǎng)頁(yè)中插入一張圖片? -
設(shè)計(jì)師如何與產(chǎn)品經(jīng)理一起合作
2012-08-04與專業(yè)的設(shè)計(jì)師在一起工作,發(fā)現(xiàn)與客戶、程序員等角色相比,與設(shè)計(jì)師合作需要特別考慮才能產(chǎn)生驚人創(chuàng)作。這里留下一些想法,供參考。 設(shè)計(jì)不僅僅是界面 產(chǎn)品經(jīng)理要清楚的知道,設(shè)計(jì)絕不僅僅是界面。許多人把設(shè)計(jì)師當(dāng)美工來(lái)用,這僅僅只調(diào)用到了設(shè)計(jì)師極少部分的智力資 -
網(wǎng)頁(yè)設(shè)計(jì)-柵格規(guī)范制作
2012-08-04 -
只需五步!增強(qiáng)網(wǎng)站的用戶黏度!
2012-07-31在社交媒體還沒(méi)出現(xiàn)之前,衡量網(wǎng)站的一個(gè)標(biāo)準(zhǔn)就是點(diǎn)擊量。然而隨著新數(shù)字媒體的出現(xiàn),新的衡量標(biāo)準(zhǔn)也應(yīng)運(yùn)而生黏著度。 如今,單看網(wǎng)頁(yè)點(diǎn)擊量是看不出網(wǎng)頁(yè)上內(nèi)容的好壞的,需要對(duì)網(wǎng)頁(yè)進(jìn)行更深層次的挖掘。為了讓人們改變對(duì)點(diǎn)擊量的看法,GoSquared網(wǎng)站創(chuàng)始人對(duì)自己的網(wǎng) -
讀書(shū)筆記:《用戶體驗(yàn)的要素》筆記
2012-07-27關(guān)于用戶體驗(yàn) 用戶體驗(yàn)并不是指一件產(chǎn)品本身是如何工作的(雖然這有時(shí)對(duì)用戶體驗(yàn)具有很大的影響)。用戶體驗(yàn)是指產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用的,也就是人們?nèi)绾谓佑|和使用它。 網(wǎng)站的用戶體驗(yàn)比任何其它產(chǎn)品都重要。因?yàn)樗且粋(gè)自助式的產(chǎn)品。沒(méi)有事先閱讀的說(shuō)明 -
網(wǎng)頁(yè)設(shè)計(jì):交互組件微創(chuàng)新
2012-07-25縱觀交互設(shè)計(jì)發(fā)展史,就是創(chuàng)新的交互模式被廣為接受后成為標(biāo)準(zhǔn),舊的交互模式不斷被淘汰的歷史。所以交互模式發(fā)展也是一個(gè)物競(jìng)天擇,優(yōu)勝劣汰的過(guò)程。本文是09年在碳酸飲料會(huì)上做過(guò)的一次分享,當(dāng)時(shí)創(chuàng)新的東西現(xiàn)在已經(jīng)被廣泛應(yīng)用了。因?yàn)橹黝}跟現(xiàn)在UX平臺(tái)鼓勵(lì)創(chuàng)新的目 -
Pinterest為何這樣火? 為何“瀑布流”能激發(fā)人們的興趣?
2012-07-25
網(wǎng)頁(yè)設(shè)計(jì)教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)設(shè)計(jì)教程推薦
- 創(chuàng)意教程第一期——廣告的構(gòu)成
- 提高網(wǎng)頁(yè)轉(zhuǎn)化率的16種UI秘訣
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬(wàn) 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來(lái)
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫(kù)導(dǎo)入mysql數(shù)據(jù)庫(kù)
- ACCESS數(shù)據(jù)庫(kù)轉(zhuǎn)ORACLE數(shù)據(jù)庫(kù)分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
猜你也喜歡看這些
- 網(wǎng)站重構(gòu)CSS的優(yōu)化技巧
- 無(wú)延遲翻滾的圖形/CSS混合風(fēng)格的按鈕
- 用CSS floats創(chuàng)建三欄頁(yè)布局
- 相冊(cè)的自動(dòng)播放效果SlideShow
- 一個(gè)簡(jiǎn)單又不簡(jiǎn)單的Css設(shè)計(jì)實(shí)例
- 深入CSS結(jié)構(gòu):合理運(yùn)用div和span
- 深入CSS結(jié)構(gòu):div再議以及對(duì)span的迷惑
- 談?wù)剎html的結(jié)構(gòu)標(biāo)簽
- CSS中expression使用簡(jiǎn)介
- 從GMail認(rèn)識(shí)的W3C網(wǎng)頁(yè)標(biāo)準(zhǔn)和Ajax
- 相關(guān)鏈接:
- 欄目說(shuō)明:
網(wǎng)頁(yè)設(shè)計(jì)教程:提供大量網(wǎng)頁(yè)設(shè)計(jì)教程,是您學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)與制作的最佳選擇。