網(wǎng)站設(shè)計(jì)
盤點(diǎn):12個(gè)常見的網(wǎng)站交互設(shè)計(jì)錯(cuò)誤
()好的交互設(shè)計(jì)可以區(qū)分開有質(zhì)量的網(wǎng)站和其他普通網(wǎng)站。然而,如果有明顯的設(shè)計(jì)錯(cuò)誤,它只會(huì)給予你本來想打動(dòng)的用戶以刺激和挫敗感。下面是Speckyboy上總結(jié)的讓人最不喜歡的交互設(shè)計(jì)錯(cuò)誤列表,來看看你中槍了沒!1,缺乏對(duì)比當(dāng)瀏覽網(wǎng)站時(shí),我們喜歡看頁面設(shè)計(jì)展示出干凈、清爽的對(duì)比。對(duì)比達(dá)到了一個(gè)重要的目的——它使內(nèi)容可讀,并毫不費(fèi)力地在頁面上指導(dǎo)用戶。這是一個(gè)最基本的設(shè)計(jì)概念,只是很奇怪,有些網(wǎng)站似乎就是不明白。沒有足夠的對(duì)比度的話,不管是顏色或整體展示,一個(gè)網(wǎng)站看起來,在最好的情況下,也會(huì)讓你覺得有點(diǎn)兒丈二和尚摸不著頭腦,在最壞的情況下,將會(huì)使頁面完全不可讀?!咐痉?,瘋狂的導(dǎo)航無論你用的是什么跳出框架的導(dǎo)航創(chuàng)意,先考慮好你的用戶。這并不是令人無聊的,而是深思熟慮并且務(wù)實(shí)的。好好利用導(dǎo)航設(shè)計(jì)的最佳實(shí)踐和原則:清晰、簡(jiǎn)單性、一致性和相關(guān)性?!咐痉?,非響應(yīng)式的或者不良的觸摸目標(biāo)響應(yīng)式網(wǎng)站在現(xiàn)在是至關(guān)重要的,我們沒有借口去創(chuàng)建一個(gè)在你的智能手機(jī)上很難用的網(wǎng)
盤點(diǎn):50個(gè)優(yōu)秀的國(guó)外移動(dòng)網(wǎng)站設(shè)計(jì)案例
()移動(dòng)互聯(lián)網(wǎng)正高速發(fā)展中,預(yù)計(jì)到2014年,移動(dòng)互聯(lián)網(wǎng)的用戶訪問量將超過傳統(tǒng)的PC互聯(lián)網(wǎng)。目前,越來越多的用戶通過手機(jī)上網(wǎng)沖浪,對(duì)于設(shè)計(jì)師來說,他們需要去優(yōu)秀的移動(dòng)網(wǎng)站以吸引更多的用戶。為了幫助大家學(xué)習(xí)移動(dòng)網(wǎng)站設(shè)計(jì),我從網(wǎng)上收集了50個(gè)優(yōu)秀的國(guó)外移動(dòng)網(wǎng)站設(shè)計(jì)案例分享給大家。(來源:夢(mèng)想天空 編選:中國(guó)電子商務(wù)研究中心)
盤點(diǎn):令網(wǎng)站看起來不專業(yè)的十個(gè)設(shè)計(jì)誤區(qū)
()在這個(gè)奶茶店都有個(gè)響應(yīng)式網(wǎng)站的時(shí)代,你沒有網(wǎng)站似乎是一件說不過去的事情。不過當(dāng)你考慮到自己可能僅僅只是個(gè)人名而非名人,你的店鋪也算不得什么知名大廠,隨便開個(gè)網(wǎng)站再說,等影響力擴(kuò)展到前面十字路口的時(shí)候再找個(gè)美工什么的做5塊錢的設(shè)計(jì)。是吧,你就這么想的?我就不深入吐槽了,實(shí)際的情況可能比你想象的要稍微……復(fù)雜一些。不管你是不是一個(gè)羽翼未豐企業(yè)的領(lǐng)導(dǎo),專業(yè)的網(wǎng)站能為你帶來的東西比你想象的多很多。退一萬步來說,“考慮到我們是一個(gè)小廠”,粗糙的網(wǎng)站也許能被用戶理解,但是不一定能接受。每天大家所瀏覽的大量的網(wǎng)站,已經(jīng)從頭到腳為用戶灌輸了“一個(gè)正常的/好的網(wǎng)站應(yīng)該是什么樣子”的概念。再進(jìn)一步。不夠好的網(wǎng)站會(huì)讓用戶分心,猶豫,糾結(jié)。大家相信大品牌,或者說看起來夠?qū)I(yè)的網(wǎng)站。如果你所提供的網(wǎng)站無法在幾分鐘內(nèi)吸引到他們,就算是失敗。用戶怎么會(huì)在這種情況下突然開始信任你呢?總而言之,盡量做專業(yè)的設(shè)計(jì),打磨好每一個(gè)微小的細(xì)節(jié),將網(wǎng)站的作用發(fā)揮到最大。尤其是當(dāng)你要建立一個(gè)值得信賴的品牌,你需要仔細(xì)確認(rèn)每一個(gè)細(xì)節(jié)。即使你的設(shè)計(jì)能力有限,如果你能注意
分析:這么設(shè)計(jì)網(wǎng)站導(dǎo)航怎能不出彩?
()簡(jiǎn)單有效的導(dǎo)航欄設(shè)計(jì)能夠極大的提高用戶體驗(yàn),不僅能讓用戶更快找到他們想要的內(nèi)容,還能適當(dāng)分擔(dān)搜索引擎的壓力。常見的導(dǎo)航設(shè)計(jì)我想大家都已經(jīng)非常熟悉了,今天我們要分享的一些有趣的、原創(chuàng)的、甚至具有一定開創(chuàng)性的導(dǎo)航欄設(shè)計(jì)方案,這些優(yōu)秀的設(shè)計(jì)非常引人注目,令人難忘。這些網(wǎng)站的導(dǎo)航欄設(shè)計(jì),比起傳統(tǒng)的導(dǎo)航會(huì)相對(duì)更復(fù)雜一些,但是絕對(duì)會(huì)令你眼界大開。當(dāng)然,我們推薦這些網(wǎng)站并不只是因?yàn)閷?dǎo)航欄設(shè)計(jì),這些優(yōu)秀的網(wǎng)站通常在技術(shù)使用和信息呈現(xiàn)上也做得非常突出。和很多酷站一樣,只要你深入探究,一定會(huì)獲益匪淺。JovaJova的網(wǎng)站設(shè)計(jì)非常清爽,導(dǎo)航欄的設(shè)計(jì)均衡并且結(jié)構(gòu)妥帖。設(shè)計(jì)師使用細(xì)線構(gòu)成的線框柵格來構(gòu)建網(wǎng)站導(dǎo)航,經(jīng)典的黑白配色,加上清晰銳利的英文字體,構(gòu)建出優(yōu)雅迷人的外觀,在柔和的背影映襯之下,給人深刻的印象。BeloesuhoeBeloesuhoe的設(shè)計(jì)團(tuán)隊(duì)巧妙地使用布景構(gòu)建出了一個(gè)獨(dú)一無二的網(wǎng)頁導(dǎo)航,非常抓人眼球。這個(gè)網(wǎng)站乍一看好象就是一個(gè)背景圖,但是實(shí)際上,網(wǎng)頁上脈動(dòng)的小紅點(diǎn)會(huì)提示你導(dǎo)航的存在,它并不是看起來那
使用ASP.NET技術(shù)開發(fā)高校二級(jí)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)(圖文)
論文導(dǎo)讀:ASP.NET是一個(gè)統(tǒng)一的Web開發(fā)模型,它是幾乎完全基于組件和模塊化的。在高校二級(jí)網(wǎng)站的開發(fā)中充分采用ASP.NET技術(shù),加快了開發(fā)進(jìn)度,使得網(wǎng)站易于開發(fā)和更新維護(hù),提升了校園網(wǎng)的水平。 關(guān)鍵詞:ASP.NET,WEB程序,高校二級(jí)網(wǎng)站,網(wǎng)站開發(fā) 1.引言 互聯(lián)網(wǎng)時(shí)代的到來加速了我國(guó)高校信息化、網(wǎng)絡(luò)化的發(fā)展步伐。高校網(wǎng)站建設(shè)與發(fā)展倍受師生員工的關(guān)注,它不僅架起了高校與外界網(wǎng)絡(luò)信息溝通的橋梁,而且開辟了高校走向世界的通道。如果說學(xué)校主頁是高校網(wǎng)站的框架,那么學(xué)校二級(jí)網(wǎng)站才是主體,二級(jí)網(wǎng)站建設(shè)的水平和內(nèi)容豐富程度直接決定了學(xué)校網(wǎng)站的建設(shè)水平。 院系網(wǎng)站作為相對(duì)獨(dú)立的二級(jí)機(jī)構(gòu), 既要兼顧高校主網(wǎng)站的綜合功能, 又需保持二級(jí)網(wǎng)站的獨(dú)有特色,發(fā)布院系網(wǎng)絡(luò)用戶更為關(guān)注的最新專業(yè)、學(xué)術(shù)、管理動(dòng)態(tài), 這些要求的提出, 使現(xiàn)時(shí)傳統(tǒng)的二級(jí)網(wǎng)站相對(duì)滯后。我們應(yīng)該采用更為理想的ASP1NET 和多種流行動(dòng)態(tài)技術(shù)對(duì)網(wǎng)站進(jìn)行開發(fā)與維護(hù), 使其成為更加電子化、規(guī)范化、流程化、實(shí)時(shí)化、全面化、共享化的高校二級(jí)網(wǎng)站[1 ] 。 2.ASP.NET簡(jiǎn)介[2] ASP.NET 是一個(gè)統(tǒng)一的Web 開發(fā)模
盤點(diǎn):2015年網(wǎng)站設(shè)計(jì)我們將看到這十大趨勢(shì)
:每年,網(wǎng)站設(shè)計(jì)都在快速進(jìn)步,每天幾乎都有新的設(shè)計(jì)出現(xiàn)。我可以想象得到,2015年將出現(xiàn)最好的網(wǎng)站,包括2014年已經(jīng)預(yù)測(cè)到的許多趨勢(shì)。隨著這些趨勢(shì)在2015年左右實(shí)現(xiàn),現(xiàn)在該是時(shí)候讓我們預(yù)測(cè)2015年可能出現(xiàn)的新趨勢(shì)了。每個(gè)人都在反思2014年,并展望2015年,下面就讓我們看看2015年可能出現(xiàn)的網(wǎng)站設(shè)計(jì)趨勢(shì)。▲滾動(dòng)翻頁更流行今天出現(xiàn)的大多數(shù)新網(wǎng)站傾向于更長(zhǎng)的頁面,并通過滾動(dòng)方式翻頁。隨著移動(dòng)設(shè)備越來越受歡迎,以滾動(dòng)方式瀏覽顯示器上的內(nèi)容變得越來越常見,正代替點(diǎn)擊方式,特別是在設(shè)備的主頁面上。對(duì)于用戶來說,以滾動(dòng)翻頁的方式獲得信息顯然比不斷地點(diǎn)擊按鈕更簡(jiǎn)單。主頁并非滾動(dòng)翻頁越來越流行的唯一地方。隨著超長(zhǎng)滾動(dòng)網(wǎng)站(即一頁式網(wǎng)站)日益變得熱門,滾動(dòng)帶來的好處也更多,除主頁面外的其他許多地方也開始出現(xiàn)這種模式,比如有關(guān)網(wǎng)頁以及產(chǎn)品網(wǎng)頁等,它們都已成為展示各種內(nèi)容的簡(jiǎn)單顯示方式。比如,蘋果iPhone 6的滾動(dòng)翻頁方式已經(jīng)擴(kuò)展到許多地方,可以展示該產(chǎn)品各種特點(diǎn)和性能。此外,iPhone 6網(wǎng)站也增加了一些流暢的動(dòng)畫,讓滾動(dòng)體驗(yàn)在視覺上變得更具
電子商務(wù)網(wǎng)站設(shè)計(jì)分析:面包屑導(dǎo)航
:網(wǎng)站中的面包屑導(dǎo)航(Breadcrumb Navigation)導(dǎo)航是一種作為輔助和補(bǔ)充的導(dǎo)航方式,它能幫助用戶明確當(dāng)下所在的網(wǎng)站內(nèi)位置,并快捷返回之前的路徑。面包屑的由來出自一個(gè)童話,兩個(gè)孩子為了不在森林里迷路,于是沿途灑下了面包屑作為標(biāo)記,幫助自己能夠原路返回。通過這個(gè)故事我們可以看出,之所以被稱為面包屑導(dǎo)航,正是因?yàn)樗诰W(wǎng)站中也起了相同的作用,讓用戶既能看清自己在網(wǎng)站中所處的位置,也能快速的找到其他同類型產(chǎn)品。一個(gè)小小的面包屑是最能體現(xiàn)網(wǎng)站用戶體驗(yàn)的部分之一。電商網(wǎng)站的子頁面數(shù)不勝數(shù),而面包屑是指引用戶的一盞明燈,由此可見面包屑導(dǎo)航對(duì)于用戶瀏覽的重要性。1.關(guān)鍵詞統(tǒng)一,避免用詞重復(fù)面包屑導(dǎo)航的存在就是為了讓用戶能最直觀的了解自己所處的位置,因此,用詞精簡(jiǎn)直接并且唯一,是面包屑必須遵守的原則。也就是說,每一個(gè)產(chǎn)品頁面都有屬于它的唯一導(dǎo)航,這樣能減少用戶在購(gòu)物時(shí)產(chǎn)生的疑問。在用詞方面也要盡量避免有歧義的用詞,京東的面包屑導(dǎo)航在這方面做的就不夠好(如下圖)。一級(jí)分類和二級(jí)分類分別為“家用電器”和“生活電器”,
盤點(diǎn):網(wǎng)站設(shè)計(jì)靈感的十個(gè)來源
()不僅僅是網(wǎng)頁方面的設(shè)計(jì),這個(gè)世界上圍繞在我們身邊的所有東西都可以激發(fā)我們的網(wǎng)站設(shè)計(jì)靈感。你永遠(yuǎn)不會(huì)知道創(chuàng)意的火花什么時(shí)候會(huì)撞擊到你。在項(xiàng)目過程中,我經(jīng)常發(fā)現(xiàn)一些最平常的事物可以讓我用一種新的或不同的方式進(jìn)行思考。這里有10個(gè)除了網(wǎng)站以外的我最喜歡的設(shè)計(jì)靈感資源?!盎ヂ?lián)網(wǎng)的一些事”推薦此文,向讀者分享一些優(yōu)秀的網(wǎng)站設(shè)計(jì)。1、大自然思考設(shè)計(jì)最好的其中一個(gè)地方就是戶外。看一看大自然中所有神奇的形狀和顏色的組合。個(gè)人而言,我最喜歡花朵那種像調(diào)色盤一樣的靈感。這個(gè)秋天的三色紫羅蘭將成為新項(xiàng)目調(diào)色板的基礎(chǔ),這些花朵結(jié)合了流行的亮色和對(duì)比色。2、音樂很多設(shè)計(jì)師都會(huì)同意一點(diǎn),那就是聽音樂是一種很好的讓設(shè)計(jì)豐富多彩的方式,同時(shí)音樂還有很多其他作用。想一下當(dāng)你聽不同類型的音樂時(shí),它們總會(huì)讓你感覺到混合而復(fù)雜的情緒。你可以收聽一段與你的項(xiàng)目氛圍相匹配的旋律,它會(huì)為你的項(xiàng)目增加一點(diǎn)靈感。聽音樂的同時(shí),讓你的思緒隨之而動(dòng),并且將在聽歌過程中你腦海中浮現(xiàn)的畫面作為產(chǎn)品的基礎(chǔ)輪廓。我也很喜歡在音樂藝術(shù)蘊(yùn)含的創(chuàng)造力和想象力。專輯封面(即使是數(shù)字形式的)
成功網(wǎng)站三要訣:內(nèi)容、設(shè)計(jì)、營(yíng)銷
:你的網(wǎng)站是不是也充滿了有意思的內(nèi)容,但是訪問量卻慘不忍睹?的確,內(nèi)容為王,但是還有其他的因素會(huì)影響網(wǎng)站的發(fā)展。所以,在擁有豐富內(nèi)容的同時(shí),你還需要足夠優(yōu)秀的設(shè)計(jì)和精準(zhǔn)到位的市場(chǎng)營(yíng)銷讓你的內(nèi)容價(jià)值最大化。通過學(xué)習(xí),你可以深入了解互聯(lián)網(wǎng)商業(yè)中這三個(gè)方面,明白如何讓一個(gè)網(wǎng)站在我們這個(gè)虛擬的時(shí)代茁壯成長(zhǎng)。內(nèi)容為王高質(zhì)量的內(nèi)容會(huì)促使網(wǎng)站走向成功。首先,用戶有需求,他們需要被感動(dòng),被娛樂,被有料的內(nèi)容和產(chǎn)品所吸引。漂亮的背景和亮騷的特效可能會(huì)有所助益,但終究只是輔助手段。設(shè)計(jì)再怎么升級(jí),也改變不了內(nèi)容為王的事實(shí),因?yàn)樾畔⒉攀亲x者的首要需求。處理網(wǎng)站內(nèi)容的時(shí)候,需要把握好節(jié)奏和搭配。在為讀者奉上干貨之后,還有必要為他們提供新鮮熱辣的資訊和輕松有趣的文章。當(dāng)然,這些有趣的內(nèi)容只有吸引足夠多的受眾才能產(chǎn)生價(jià)值和利潤(rùn)。當(dāng)我們?yōu)檫@些內(nèi)容注入機(jī)智和幽默的基因,它們的粘性和娛樂性還會(huì)再上一層臺(tái)階。目前比較能帶來利潤(rùn)的內(nèi)容,多是娛樂信息、評(píng)論和時(shí)政。如果可能的話,適當(dāng)?shù)貏?chuàng)建榜單和專題,能夠幫助你提高內(nèi)容的粘性,產(chǎn)生利潤(rùn)。諸如Top 10榜單常常能夠讓
盤點(diǎn):日本最好的設(shè)計(jì)網(wǎng)站分享
()日本最好的設(shè)計(jì)網(wǎng)站分享www.ndc.co.jp原研哉www.hiranostudio.com平野敬子www.visualogue.comwww.gandd.co.jpwww.idcn.jpwww.okumura-akio.comwww.jdf.or.jpwww.g-mark.orgwww.jidpo.or.jpwww.sandaworld.comwww.lightpublicity.co.jpwww.ss-studio.comwww.scatto.co.jpwww.sun-ad.co.jpwww.shinn.co.jpwww.susumu-endo.comwww.epok.tvwww.ken-miki.netwww.e-ltd.co.jp/www.takahashi-design.comwww.ta
盤點(diǎn):網(wǎng)站四條設(shè)計(jì)原則
()最新的comScore數(shù)據(jù)顯示,英國(guó)《每日郵報(bào)》的網(wǎng)絡(luò)版網(wǎng)站流量增長(zhǎng)幅度高達(dá)27%,這使得它當(dāng)之無愧成為全球第二大英文媒體。一家網(wǎng)絡(luò)媒體為何使得這么多網(wǎng)民上癮,美國(guó)科技博客作者凱爾西·坎貝爾-多拉哈(Kelsey Campbell-Dollaghan)給出了她的分析。以下是文章全文:每天上班的時(shí)候,我允許自己上幾次網(wǎng),放松一下。Tumblr、Gawke對(duì)我的吸引力就像糖果對(duì)孩子的誘惑。有一家網(wǎng)站是我從來都不會(huì)錯(cuò)過的,那就是《每日郵報(bào)》的網(wǎng)絡(luò)版Mail Online。這家英國(guó)小報(bào)的網(wǎng)絡(luò)版充斥著各種明星緋聞和道德敗壞新聞的報(bào)道。當(dāng)然,這家媒體吸引的不僅僅是我。目前,在獨(dú)立訪問用戶方面,Mail Online已經(jīng)超過《紐約時(shí)報(bào)》、《衛(wèi)報(bào)》等其他網(wǎng)絡(luò)媒體。去年的營(yíng)收達(dá)到4000萬美元,比2008年增長(zhǎng)500%。我經(jīng)常思考,為這么這家既不十分漂亮又不因深度報(bào)道知名的網(wǎng)站擁有如此強(qiáng)大的魔力。有分析人士指出,Mail Online打破了教科書任何一項(xiàng)有關(guān)網(wǎng)站設(shè)計(jì)的原則。不過網(wǎng)站的流量也說明這樣的設(shè)計(jì)不無道理。是什么原因讓我們一次又一次
實(shí)戰(zhàn):電商網(wǎng)站CTA設(shè)計(jì)的七個(gè)建議
:在電子商務(wù)中,人們將更多的注意力放在如何最好的吸引流量和訪客上面,而對(duì)轉(zhuǎn)化率的優(yōu)化卻常常被忽略。在Adobe的營(yíng)銷優(yōu)化報(bào)告中,我們發(fā)現(xiàn)53%的電子商務(wù)行業(yè)受訪者在優(yōu)化方面的預(yù)算不到5%,雖然這些小小的提升都可能帶來數(shù)以百萬的收入。下面這些內(nèi)容試圖就在轉(zhuǎn)化率優(yōu)化方面給大家一些啟發(fā),主題是跟喚起用戶行動(dòng)(CTA)有關(guān)的。當(dāng)然沒有一個(gè)通用的優(yōu)化法則,你需要不斷的嘗試和測(cè)試。用詞使用正確的詞匯來讓用戶行動(dòng)是一個(gè)相對(duì)簡(jiǎn)單的事情,你只需要將用戶的那種行動(dòng)欲望轉(zhuǎn)變?yōu)楹?jiǎn)單的詞匯。但是在詞匯中你也需要諸如緊急和慫恿用戶去采取特定的行為。在購(gòu)物網(wǎng)站的產(chǎn)品頁面,標(biāo)準(zhǔn)的用詞是“Buy now(現(xiàn)在購(gòu)買)”,或“Add to basket(添加到購(gòu)物車)”,這些詞匯已經(jīng)被廣為采用和接受,不確定采用新的字眼會(huì)不會(huì)讓用戶迷惑。Spotify是另一個(gè)場(chǎng)景下的很好案例,“Get spotify for free”一個(gè)簡(jiǎn)單名了,顯然的喚起行動(dòng)按鈕無疑是個(gè)很好的銷售驅(qū)動(dòng)器。顏色理想情況下,CTA需要顯眼,需要使用抓人眼
實(shí)戰(zhàn):網(wǎng)絡(luò)教育機(jī)構(gòu)的網(wǎng)站互動(dòng)設(shè)計(jì)初探
這是一篇拋磚引玉的文章,網(wǎng)校網(wǎng)在實(shí)施產(chǎn)品設(shè)計(jì)的時(shí)候,研究了國(guó)內(nèi)網(wǎng)絡(luò)教育機(jī)構(gòu)的眾多模式,同時(shí)與終端用戶交流頗多,積累了一些設(shè)計(jì)心得。如今網(wǎng)絡(luò)教育產(chǎn)品設(shè)計(jì)的重要性已經(jīng)成為業(yè)內(nèi)的共識(shí),作為第三方平臺(tái)的運(yùn)營(yíng)者,希望把一些感受與業(yè)內(nèi)人士探討分享,以期與眾位高人探討。特別指出的是,本文在這里只探討作為網(wǎng)絡(luò)教育機(jī)構(gòu)存在的在線教育網(wǎng)站,那些以單點(diǎn)突破的網(wǎng)絡(luò)學(xué)習(xí)網(wǎng)站(例如背單詞,課程表,習(xí)題)不在此列。網(wǎng)校網(wǎng)首頁設(shè)計(jì)一 在無創(chuàng)新中求創(chuàng)新想必很多朋友閱讀此文的時(shí)候,都會(huì)看一下網(wǎng)校網(wǎng)做成了什么樣子,由于本文的心得皆從網(wǎng)校網(wǎng)設(shè)計(jì)中總結(jié),所以還真得先解釋一下網(wǎng)校網(wǎng)的模式。前幾天有位撰稿人朋友采訪了我。他提到一個(gè)問題:“網(wǎng)校網(wǎng)定位是解決網(wǎng)絡(luò)學(xué)習(xí)孤獨(dú)癥的學(xué)習(xí)社區(qū),但為什么從首頁看不出來?!边@的確是一個(gè)信息量很大的問題,后來那位朋友寫了稿子,名字叫《從無創(chuàng)意處大創(chuàng)意》,其實(shí)這就是我想分享的最大的心得,即“有些產(chǎn)品設(shè)計(jì)可以完全顛覆性創(chuàng)新,有些行業(yè)因用戶習(xí)慣所致,還真得依從現(xiàn)有用戶群體的使用習(xí)慣入手,哪怕看起來土些”。中國(guó)的教育培訓(xùn)
網(wǎng)絡(luò)教育機(jī)構(gòu)的網(wǎng)站互動(dòng)設(shè)計(jì)初探
()這是一篇拋磚引玉的文章,網(wǎng)校網(wǎng)在實(shí)施產(chǎn)品設(shè)計(jì)的時(shí)候,研究了國(guó)內(nèi)網(wǎng)絡(luò)教育機(jī)構(gòu)的眾多模式,同時(shí)與終端用戶交流頗多,積累了一些設(shè)計(jì)心得。如今網(wǎng)絡(luò)教育產(chǎn)品設(shè)計(jì)的重要性已經(jīng)成為業(yè)內(nèi)的共識(shí),作為第三方平臺(tái)的運(yùn)營(yíng)者,希望把一些感受與業(yè)內(nèi)人士探討分享,以期與眾位高人探討。特別指出的是,本文在這里只探討作為網(wǎng)絡(luò)教育機(jī)構(gòu)存在的在線教育網(wǎng)站,那些以單點(diǎn)突破的網(wǎng)絡(luò)學(xué)習(xí)網(wǎng)站(例如背單詞,課程表,習(xí)題)不在此列。網(wǎng)校網(wǎng)首頁設(shè)計(jì)一在無創(chuàng)新中求創(chuàng)新想必很多朋友閱讀此文的時(shí)候,都會(huì)看一下網(wǎng)校網(wǎng)做成了什么樣子,由于本文的心得皆從網(wǎng)校網(wǎng)設(shè)計(jì)中總結(jié),所以還真得先解釋一下網(wǎng)校網(wǎng)的模式。前幾天有位撰稿人朋友采訪了我。他提到一個(gè)問題:“網(wǎng)校網(wǎng)定位是解決網(wǎng)絡(luò)學(xué)習(xí)孤獨(dú)癥的學(xué)習(xí)社區(qū),但為什么從首頁看不出來?!边@的確是一個(gè)信息量很大的問題,后來那位朋友寫了稿子,名字叫《從無創(chuàng)意處大創(chuàng)意》,其實(shí)這就是我想分享的最大的心得,即“有些產(chǎn)品設(shè)計(jì)可以完全顛覆性創(chuàng)新,有些行業(yè)因用戶習(xí)慣所致,還真得依從現(xiàn)有用戶群體的使用習(xí)慣入手,哪怕看起來土些”。中國(guó)的教育培
全球最受歡迎網(wǎng)站最初的設(shè)計(jì)
1月15日消息,從谷歌到Y(jié)ouTube,從Craigslist到Flickr,這些今天最大的網(wǎng)站在剛剛問世時(shí)是怎樣的?多虧有互聯(lián)網(wǎng)檔案館,我們現(xiàn)在還可以看到Web 1.0和Web2.0時(shí)代的眾多先驅(qū)最初的模樣。用現(xiàn)在網(wǎng)站設(shè)計(jì)的技術(shù)以及審美傾向來看,這些全球最受歡迎的網(wǎng)站初始設(shè)計(jì)都略顯簡(jiǎn)陋粗糙,與他們現(xiàn)在的樣子相去甚遠(yuǎn)。不過亞馬遜的網(wǎng)站設(shè)計(jì)倒是變化不大。(來源:中關(guān)村在線 編選:免費(fèi)論文下載中心)一起來看看:Google.com:1996年推出圖01Facebook.com:2004年推出圖02Myspace.com:2003年推出圖03Yahoo.com:1994年推出圖04Youtube.com:2005年推出圖05Wikipedia.org:2001年推出圖06Msn.com:1995年推出圖07Apple.com:1987年推出圖08</p
【設(shè)計(jì)信息圖】重新思考你的網(wǎng)站了嗎
()為什么要建立自己的站點(diǎn)??jī)?nèi)容和結(jié)構(gòu)如何安排?網(wǎng)站設(shè)計(jì)能否脫穎而出?你的技術(shù)支持是否足夠聰明和穩(wěn)定?小圖在末日來臨之際帶來重磅大禮:用一張決策圖來重新思考你的網(wǎng)站!(來源:圖說)
【設(shè)計(jì)信息圖】網(wǎng)站數(shù)據(jù)監(jiān)測(cè)系統(tǒng)
()網(wǎng)站數(shù)據(jù)能夠反映一個(gè)網(wǎng)站大大小小、方方面面的情況,數(shù)據(jù)反映事實(shí)的同時(shí),也難免看起來雜亂無章。要達(dá)到信息集中、核心提煉的效果,每天應(yīng)該觀察哪些數(shù)據(jù)并進(jìn)以統(tǒng)計(jì)呢?天下網(wǎng)商視覺團(tuán)隊(duì)設(shè)計(jì),圖說網(wǎng)站數(shù)據(jù)監(jiān)測(cè)系統(tǒng)。 (來源:天下網(wǎng)商)
網(wǎng)站表單設(shè)計(jì)與轉(zhuǎn)化率的提升
()怎樣將表單設(shè)計(jì)的讓盡量多的訪問者更愿意完成填寫,這是設(shè)計(jì)師們必須面對(duì)的挑戰(zhàn)。站在用戶的角度,我們可以將問題分為四個(gè)方面。我能得到什么?一提到“轉(zhuǎn)化”,設(shè)計(jì)師們首先想到的往往是一些相關(guān)操作的細(xì)節(jié)問題,包括按鈕的顏色、標(biāo)題的字號(hào)、對(duì)比度、對(duì)其方式等等。當(dāng)然,這些是必須考慮的,但最最首要的問題是:作為網(wǎng)站的訪問者,我為什么要填寫表單?我能得到什么?訪問者不會(huì)簡(jiǎn)單的因?yàn)槟闾岢隽讼嚓P(guān)要求而把自己的個(gè)人信息透露給你;你要讓他們看到這樣做的好處在哪里。不妨把這件事看作一種交易,你的訪問者提供他們的名字與郵箱地址,從而換取到一些他們需要的東西,例如享受服務(wù)、免費(fèi)試用軟件、下載PDF文檔等等。除了讓瀏覽者知道他們能得到什么東西以外,你最好還能告訴他們這東西為什么是他們所需要的。要聚焦在產(chǎn)品的價(jià)值上,如果你能用最簡(jiǎn)單的介紹文字描述出你的產(chǎn)品能幫用戶解決怎樣的問題,喚起他們的共鳴,那么即使表單本身稍微復(fù)雜些,他們也會(huì)愿意完成填寫;否則,即使字段最少的表單也不會(huì)引起他們的興趣。我憑什么相信你?當(dāng)人們第一次訪問你的網(wǎng)站或接觸到你的產(chǎn)品時(shí),他們確實(shí)
多案例淺談網(wǎng)站反饋式交互設(shè)計(jì)
出色的設(shè)計(jì)源于生活,那么我們就從生活中說起,我們依照用戶生活的使用情景來設(shè)計(jì)一款產(chǎn)品,我們不需要重新培養(yǎng)的用戶的使用習(xí)慣,用戶可以在第一次使用你的產(chǎn)品來完成自己的目標(biāo),并且不需要他人的指導(dǎo)。比如說蘋果公司在設(shè)計(jì)第一代iMac的過程中,喬納森及其團(tuán)隊(duì)前往日本,曾向日本某糖果行業(yè)的人請(qǐng)教,如何在生產(chǎn)糖果顏色的電腦外殼的同時(shí),保持其一貫的半透明度。(某網(wǎng)站購(gòu)物車)以安裝軟件為例,通常來說軟件的文件較大,安裝文件加載的時(shí)間會(huì)稍微長(zhǎng)一點(diǎn),軟件界面沒有任何反饋提示,想象一下你置身于中的情景,是不是非常容易讓人感到煩躁不安,原因是由于安裝軟件過程是由用戶主導(dǎo)的,用戶安裝軟件目的是為了完成他自身目標(biāo),而此時(shí)界面無任何提示,用戶對(duì)此突然失去了控制,導(dǎo)致目標(biāo)中斷無法完成。此時(shí)此刻戶關(guān)閉軟件重新安裝,如果較長(zhǎng)時(shí)間還沒有響應(yīng),用戶會(huì)選擇離開。我們通過什么方法來避免或徹底解決這些問題呢?我們前面提到了兩種機(jī)制,分別是“正面反饋和負(fù)面反饋。”我們是不是可以在安裝的過程的界面增加一個(gè)安裝進(jìn)度條,數(shù)值和進(jìn)度同時(shí)變化,這樣不會(huì)偏離用戶把控范圍,如安裝進(jìn)度條,郵箱表單賬號(hào)輸
淺議在線圖書銷售網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)
: 論文關(guān)鍵詞:信息時(shí)代 在線圖書銷售網(wǎng)站 JSP SQLServer2000論文摘要:本論文系統(tǒng)地闡述了整個(gè)在線圖書銷售網(wǎng)站的功能及實(shí)現(xiàn)。實(shí)現(xiàn)了從圖書管理,圖書分類和查詢,到購(gòu)物車實(shí)現(xiàn),用戶訂單處理,再到管理員系統(tǒng)?;旧蠈?shí)現(xiàn)了電子商務(wù)的功能流程,能夠?qū)崿F(xiàn)用戶與商家在網(wǎng)上進(jìn)行圖書交易。一、概述(一)設(shè)計(jì)背景及目的。在線圖書銷售網(wǎng)站的建立,可以將大量的圖書信息發(fā)布到網(wǎng)上,更便于顧客根據(jù)自己的需求進(jìn)行圖書的購(gòu)買,從銷售運(yùn)營(yíng)者方面,對(duì)于圖書的銷售情況也可以進(jìn)行及時(shí)的了解,從而更加快速的、高效的完成網(wǎng)上書店的圖書銷售工作[1]。在線圖書銷售網(wǎng)站的設(shè)計(jì)目的是為了滿足消費(fèi)者只要通過互聯(lián)網(wǎng)就可以足不出戶的購(gòu)買自己喜歡的圖書,改變傳統(tǒng)商品交易方式,利用互聯(lián)網(wǎng)這個(gè)平臺(tái)進(jìn)行交易,從而實(shí)現(xiàn)網(wǎng)上購(gòu)買圖書的目的。(二)設(shè)計(jì)思想。在線圖書銷售網(wǎng)站是使用JSP語言進(jìn)行編寫的,運(yùn)用Microsoft SQLServer2000數(shù)據(jù)庫進(jìn)行后臺(tái)連接系統(tǒng),通過編寫JavaBeans對(duì)后臺(tái)業(yè)務(wù)進(jìn)行邏輯控制,即JSP +JavaBeans + SQL
搜索框設(shè)計(jì)技巧分享 幫助優(yōu)化網(wǎng)站性能
()在瀏覽整個(gè)網(wǎng)站中,搜索框通常是通向用戶使用的最后一道關(guān)卡。如果你的網(wǎng)站內(nèi)容很多,包含了詳盡的特色,功能,設(shè)計(jì)元素,產(chǎn)品和服務(wù)等等,那么搜索框就成為了網(wǎng)站不可或缺的一部分。網(wǎng)站的成長(zhǎng)往往需要時(shí)間。當(dāng)然,從整個(gè)網(wǎng)站設(shè)計(jì)和開發(fā)過程來看,設(shè)計(jì)肯定要簡(jiǎn)潔,有文章和評(píng)論,以及非正式的網(wǎng)站通知,特色內(nèi)容和服務(wù)等等。不過,隨著網(wǎng)站層次不斷提升和更新,與網(wǎng)站相關(guān)的內(nèi)容的只是起到了裝飾作用。因此,搜索框?qū)W(wǎng)站的性能優(yōu)化起到了至關(guān)重要的作用。優(yōu)質(zhì)的職能和運(yùn)作對(duì)網(wǎng)站開發(fā)確實(shí)很重要,但與此同時(shí),我們也不可忽視網(wǎng)站的前端性能。你的網(wǎng)站也許在特色內(nèi)容,功能以及內(nèi)容質(zhì)量等方面都很出眾,但是,如果網(wǎng)站前端性能令人不滿意,并且沒有以用戶為中心,那么網(wǎng)站其它方面做得再好,也起不到任何作用。錯(cuò)誤觀念:搜索框不需要設(shè)計(jì)在整個(gè)網(wǎng)站設(shè)計(jì)中,搜索框的外觀要顯眼,方便用戶快速找到。網(wǎng)站站長(zhǎng)普遍認(rèn)為搜索框只是一個(gè)輸入和提交內(nèi)容的按鈕而已,因此他們根本不需要花時(shí)間設(shè)計(jì)。但是由于錯(cuò)誤觀念泛濫,站長(zhǎng)們也錯(cuò)失了一些潛在的機(jī)會(huì)。由于設(shè)計(jì)上的缺失以及亮點(diǎn)不突出,用戶通常會(huì)被搜索框的位
電商書籍推薦:《網(wǎng)站UI設(shè)計(jì)之道》
眾妙之門——網(wǎng)站UI設(shè)計(jì)之道(The Smashing Book)購(gòu)買推薦免費(fèi)論文下載中心圖書分析師龐敏麗認(rèn)為該書是知名設(shè)計(jì)網(wǎng)站Smashing Magazine上線以來的精華總結(jié),來自全球的知?jiǎng)?wù)設(shè)計(jì)師無私地分享了他們多年積累的寶貴經(jīng)驗(yàn),,適合網(wǎng)站設(shè)計(jì)人員閱讀。通過對(duì)生意寶旗下比購(gòu)寶(Boogle.cn)——“網(wǎng)絡(luò)購(gòu)物第一站”收錄的博庫書城、淘寶網(wǎng)、京東商城、亞馬遜、當(dāng)當(dāng)網(wǎng)、拍拍網(wǎng)、文軒網(wǎng)、中國(guó)互動(dòng)出版網(wǎng)、99網(wǎng)上書城等眾多含圖書銷售的網(wǎng)站,價(jià)格搜索顯示,目前,亞馬遜該書為最低價(jià),推薦購(gòu)買。目錄第一章現(xiàn)代網(wǎng)絡(luò)應(yīng)用程序中的用戶界面設(shè)計(jì) 第二章CSS布局的藝術(shù)和科學(xué) 第三章排版:原則、方針和常見錯(cuò)誤 第四章現(xiàn)代網(wǎng)站的可用性原則 第五章網(wǎng)站設(shè)計(jì)、可用性和用戶體驗(yàn)中超炫色彩終極使用指南 第六章網(wǎng)站優(yōu)化 第七章為銷售而設(shè)計(jì)——提高訪客轉(zhuǎn)化率 第八章把網(wǎng)站變成非凡的品牌 第九章向?qū)<覍W(xué)習(xí)——名家訪談與真知灼見 第十章幕后故事
電商書籍推薦:《網(wǎng)站設(shè)計(jì)網(wǎng)頁配色》
網(wǎng)站設(shè)計(jì)網(wǎng)頁配色:經(jīng)典網(wǎng)頁設(shè)計(jì)800例購(gòu)買推薦免費(fèi)論文下載中心圖書分析師龐敏麗認(rèn)為該書書從網(wǎng)站設(shè)計(jì)最基本的內(nèi)容一步一步地講解設(shè)計(jì)理論、設(shè)計(jì)組成、設(shè)計(jì)方法,引導(dǎo)進(jìn)行設(shè)計(jì)規(guī)劃和制作,分析色彩規(guī)律,指導(dǎo)色彩實(shí)戰(zhàn)應(yīng)用,講述設(shè)計(jì)心理學(xué)、用戶體驗(yàn),全面、完善、系統(tǒng)地講述網(wǎng)站設(shè)計(jì)與網(wǎng)頁配色。通過對(duì)生意寶旗下比購(gòu)寶(Boogle.cn)——“網(wǎng)絡(luò)購(gòu)物第一站”收錄的博庫書城、淘寶網(wǎng)、京東商城、亞馬遜、當(dāng)當(dāng)網(wǎng)、拍拍網(wǎng)、文軒網(wǎng)、中國(guó)互動(dòng)出版網(wǎng)、99網(wǎng)上書城等眾多含圖書銷售的網(wǎng)站,價(jià)格搜索顯示,目前,當(dāng)當(dāng)網(wǎng)該書為最低價(jià),推薦購(gòu)買。目錄1網(wǎng)頁設(shè)計(jì)概述 1.1網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí) 1.1.1網(wǎng)頁設(shè)計(jì)的概念 1.1.2網(wǎng)頁設(shè)計(jì)的定位 1.1.3網(wǎng)頁設(shè)計(jì)所屬的范疇 1.1.4網(wǎng)頁設(shè)計(jì)的準(zhǔn)則 1.2用戶的閱讀習(xí)慣 1.2.1人機(jī)交互的概念 1.2.2用戶習(xí)慣分析 1.2.3易用性設(shè)計(jì) 1.3網(wǎng)站類型 1.3.1綜合(門戶)類網(wǎng)站 1.3.2新聞?lì)惥W(wǎng)站 1.3.3交易類網(wǎng)站 1.3.4 IT類網(wǎng)站 1.3.5教育類網(wǎng)站 1.3.6生活?yuàn)蕵奉惥W(wǎng)站 1.
電商書籍推薦:《高黏度社會(huì)化網(wǎng)站設(shè)計(jì)秘訣》
筑巢引鳳:高黏度社會(huì)化網(wǎng)站設(shè)計(jì)秘訣不論你是在建立什么樣的網(wǎng)站或web應(yīng)用,讓用戶之間產(chǎn)生良好交互都是成功的關(guān)鍵所在。你的目標(biāo)在于讓用戶熱烈談?wù)撃愕膽?yīng)用,邀請(qǐng)好友訪問它,抱怨它,贊美它,從方方面面來分析它。設(shè)計(jì)階段就要牢記這些目標(biāo),讓社會(huì)交互幫你引導(dǎo)用戶注冊(cè),吸引他們不斷地回頭光顧,并主動(dòng)介紹其他人也來使用它。社會(huì)化web設(shè)計(jì)不只是增添新功能,還必須深入理解用戶的社會(huì)交互,從而有針對(duì)性地進(jìn)行設(shè)計(jì),為方便這種交互鋪平道路。這是決定網(wǎng)站成敗的關(guān)鍵因素之一。購(gòu)買推薦免費(fèi)論文下載中心圖書分析師龐敏麗認(rèn)為該書適合網(wǎng)站設(shè)計(jì)者閱讀,通過對(duì)生意寶旗下比購(gòu)寶(Boogle.cn)——“網(wǎng)絡(luò)購(gòu)物第一站”收錄的博庫書城、淘寶網(wǎng)、京東商城、亞馬遜、當(dāng)當(dāng)網(wǎng)、拍拍網(wǎng)、文軒網(wǎng)、中國(guó)互動(dòng)出版網(wǎng)、99網(wǎng)上書城等眾多含圖書銷售的網(wǎng)站,價(jià)格搜索顯示,目前,當(dāng)當(dāng)網(wǎng)該書為最低價(jià),推薦購(gòu)買。目錄第1 章 社會(huì)化web 崛起 1.1 亞馬遜效應(yīng) 1.2 社會(huì)化web 1.3 小結(jié) 第2 章 社會(huì)化web 設(shè)計(jì)框架 21 2.1 aof