如何使用UI設(shè)計(jì)模式

2014-05-06    分類: 網(wǎng)站建設(shè)

設(shè)計(jì)模式是常見的設(shè)計(jì)問題的最優(yōu)解。至于常見的問題是圍繞社區(qū)和扔得到解決,共同解決經(jīng)常出現(xiàn)。最終,這些興起喧囂以上的,自我認(rèn)同,并直至達(dá)到設(shè)計(jì)模式的狀態(tài)變得精致。我不會(huì)把設(shè)計(jì)...

成都網(wǎng)站設(shè)計(jì)不會(huì)把設(shè)計(jì)百通在網(wǎng)頁設(shè)計(jì)趨勢(shì),設(shè)計(jì)模式似乎更多著眼于如何共同設(shè)計(jì)分類回想起來,而不是建立新的領(lǐng)地或?qū)ふ业绞虑樨?fù)責(zé)。
如何使用UI設(shè)計(jì)模式
你應(yīng)該如何辦法UI設(shè)計(jì)模式?
我們使用設(shè)計(jì)模式的時(shí)候,如果你不熟悉他們,你可能還沒有意識(shí)到他們是在你的周圍。
怎么樣有太多的內(nèi)容顯示在一個(gè)頁面上的經(jīng)典例子?我們把我們的注意“標(biāo)簽”,一個(gè)設(shè)計(jì)模式,使我們能夠?yàn)樗形覀兿胍膬?nèi)容,而不讓用戶在鏈接的海洋消失。
使用設(shè)計(jì)模式的典型優(yōu)勢(shì)包括:
顯示初學(xué)者如何使用網(wǎng)頁設(shè)計(jì)的好做法;
不斷學(xué)習(xí)才能適應(yīng)設(shè)計(jì)師的集體理解;
允許更好的溝通,減少與陌生的選擇所帶來的風(fēng)險(xiǎn);
減少了所需的時(shí)間和成本的工作流程,以執(zhí)行特定任務(wù);
避免在構(gòu)建的之前已建成的東西浪費(fèi)的時(shí)間;
給用戶,他非常熟悉,并與(設(shè)計(jì)模式的本質(zhì))經(jīng)歷了經(jīng)驗(yàn)。

如何使用UI設(shè)計(jì)模式

在上面的例子中,我們看到使用兩個(gè)非常流行的設(shè)計(jì)模式今天Clicky媒體:
Navicon - 菜單的通用符號(hào),也被稱為網(wǎng)站導(dǎo)航,正在成為現(xiàn)代網(wǎng)頁設(shè)計(jì)越來越流行,但已經(jīng)完全適應(yīng)移動(dòng)設(shè)備。
視差滾動(dòng) - 一個(gè)獨(dú)特的設(shè)計(jì)模式,使單頁的網(wǎng)站,有一個(gè)易于使用的滾動(dòng)機(jī)制,而且還包括背景精靈,讓該頁面的活潑的感覺名單。
即使兩個(gè)Navicon菜單,頁面共享類似的選擇之上常規(guī)菜單 - 這將是非常分散,包括所有相同的標(biāo)題欄上的鏈接 - 它變得清晰,小選擇可以有很大的不同。
這里有您需要考慮評(píng)估設(shè)計(jì)模式,使之適應(yīng)自己的需要時(shí),什么:
問題摘要:你有什么解決用戶的問題?保持專注,和詞組它像一個(gè)用戶故事 - 在只有一句話。

如何使用UI設(shè)計(jì)模式
解決方案:怎么會(huì)有別人解決了這個(gè)問題?有幾件事情的細(xì)節(jié)包括用戶導(dǎo)航(包括快捷方式),讓用戶輸入,處理數(shù)據(jù)和集成與其他服務(wù)或應(yīng)用程序,并顯示信息和內(nèi)容(包括違約)。
例如:偉大的,你能告訴我嗎?有時(shí)候,屏幕截圖或樣機(jī)就足夠了;其他時(shí)候,用戶流量和/或附加說明是必要的,清楚地傳達(dá)格局。
用法:應(yīng)這種模式(不)使用?有幾件事情的細(xì)節(jié)包括產(chǎn)品架構(gòu),界面布局,設(shè)備(S),編程語言,缺乏或其他設(shè)計(jì)模式存在的用戶類型,主要用例。
這需要實(shí)踐,紀(jì)律思考模式以這種方式,如果你還沒有這樣做?;〞r(shí)間設(shè)計(jì)自己的產(chǎn)品時(shí)回答這些問題,因?yàn)樗梢詭椭?jié)省大量時(shí)間重構(gòu)下來時(shí),你的用戶和團(tuán)隊(duì)的要求類似的細(xì)節(jié)之路。

如何使用UI設(shè)計(jì)模式

UI工具包的興起
UI設(shè)計(jì)模式一直是有關(guān)使它更容易為用戶瀏覽您的網(wǎng)站,應(yīng)用程序或系統(tǒng)。如果用戶學(xué)會(huì)如何提交意見的第一次,沒準(zhǔn)他會(huì)立即知道怎么給你發(fā)送郵件使用的聯(lián)系方式的電子郵件,這是信息輸入的相同重復(fù)的概念。
近年來,我們看到的UI工具包市場(chǎng)的巨大增長(zhǎng)。一個(gè)UI工具包可以簡(jiǎn)單地理解為一組,讓你從頭開始構(gòu)建一個(gè)完全圖形化應(yīng)用程序的窗口小部件。 Twitter的引導(dǎo)是一個(gè)成功的UI工具包的一個(gè)很好的例子。這些天來,網(wǎng)頁設(shè)計(jì)師的一個(gè)大比例將依靠引導(dǎo)功能,以減輕自己的工作流程。從某種意義上說,沒有必要推倒重來!
如何使用UI設(shè)計(jì)模式

3 UI設(shè)計(jì)模式REMEMBER
總之,設(shè)計(jì)模式是反復(fù)出現(xiàn)的問題的解決方案。通過利用模式,我們可以克服簡(jiǎn)單的用戶界面問題。如果我們密切關(guān)注,我們注意到模式是在我們身邊。沒有什么特殊之處,具體的設(shè)計(jì),這是它已被應(yīng)用,你是興奮的樣子!
水晶清晰的通話-TO-ACTION
最簡(jiǎn)單的Web表單(也是最常見的),通常會(huì)有只是一個(gè)單一的可操作按鈕:在這種情況下,“創(chuàng)建網(wǎng)站”。這是不言自明,這是一點(diǎn)。
如何更容易可以得到它,對(duì)嗎?總是去容易的選擇,不推倒重來只是在人群中脫穎而出。


面包屑救援
面包屑顯示來自現(xiàn)場(chǎng)在網(wǎng)站的頁面層級(jí)的用戶的當(dāng)前位置的前方頁的路徑。他們是二級(jí)導(dǎo)航的一種形式,幫助用戶了解網(wǎng)站的層次和結(jié)構(gòu)。面包屑開始與主頁和一端與當(dāng)前正被查看的頁面。
在這個(gè)例子中通過票價(jià)爾漢,我們可以看到他是如何利用兩個(gè)UI設(shè)計(jì)模式,在同一時(shí)間。首先,他已經(jīng)得到了在底部在頂部的選項(xiàng)卡模式,第二面包屑導(dǎo)航模式。通過讓結(jié)合在一起他們,他是個(gè)非常愉快的瀏覽體驗(yàn)。
如何使用UI設(shè)計(jì)模式
注冊(cè)應(yīng)該很容易
除非你一直生活在一塊石頭,你會(huì)意識(shí)到社會(huì)登記。注冊(cè)一個(gè)網(wǎng)站是做一個(gè)平常的事,所以必須作出輕松愉快。
這是目前我最喜歡的注冊(cè)頁面之一。這是GitHub的主頁,你可以在截圖的一切,公司表示,在不到一百個(gè)字,提出看看。您還可以在旅途中注冊(cè)的能力,這一過程需要不到一分鐘即可完成。您會(huì)收到一封電子郵件,以確認(rèn)您的帳戶,但是這是什么,我們已經(jīng)習(xí)慣了呢!

如何使用UI設(shè)計(jì)模式

最后的話
我已經(jīng)建立了網(wǎng)站,做了八年,并且在這8年我已經(jīng)意識(shí)到,簡(jiǎn)單是關(guān)鍵,許多設(shè)計(jì)問題。
我得出一個(gè)結(jié)論,雜亂的設(shè)計(jì),臃腫不必要的元素和形式是最令人沮喪的經(jīng)歷,你可以在網(wǎng)上找到。是的,設(shè)計(jì)是完全的東西是如何工作的,為什么不讓它正常工作?用戶界面(UI)是您的企業(yè)或企業(yè)的成功非常重要。
以確保您設(shè)計(jì)成功的網(wǎng)站,辦法是學(xué)習(xí)和利用現(xiàn)有的設(shè)計(jì)模式。

分享文章:如何使用UI設(shè)計(jì)模式
網(wǎng)站地址:http://www.muchs.cn/news/19923.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、網(wǎng)站建設(shè)、云服務(wù)器網(wǎng)站內(nèi)鏈、手機(jī)網(wǎng)站建設(shè)

廣告

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

成都定制網(wǎng)站建設(shè)