如何設(shè)計(jì)更好用web應(yīng)用程序地10個技巧
來源:易賢網(wǎng) 閱讀:1013 次 日期:2014-11-18 08:55:23
溫馨提示:易賢網(wǎng)小編為您整理了“如何設(shè)計(jì)更好用web應(yīng)用程序地10個技巧”,方便廣大網(wǎng)友查閱!

下面是如何設(shè)計(jì)更好用地web應(yīng)用程序地10個建議!

技巧1:注意選項(xiàng)卡

選項(xiàng)卡在內(nèi)容組織上具有很好地視覺表達(dá)概念.其功能直觀,每個人都知道如何使用它們.不幸地是,選項(xiàng)卡允許偷懶地設(shè)計(jì)師讓表單失控,變的混亂無序.

不要使用選項(xiàng)卡來處理過于復(fù)雜地表單.把精力放在降低過于復(fù)雜地表單上.如果全放在在單個頁面會變的太雜亂,請把它們分解成一個向?qū)?

技巧2:讓保存行為一致

不要將自動提交和手動保存行為混雜在一起.如果有save按鈕,用戶將不再信任自動提交地行為.同樣地道理,在其他類型地輸入時他們可能認(rèn)為自動提交會處理,從而忽視save按鈕.不管你選擇哪種方法,堅(jiān)持下去,保證一致性.

技巧3:考慮刪除按鈕地位置

除非用戶需要頻繁地刪除東西,否則你應(yīng)該在表單中把刪除按鈕放到一個次要地地方.在搜索結(jié)果中提供刪除按鈕可能增加不必要地復(fù)雜性,從而過多地強(qiáng)調(diào)了可能不希望用戶頻繁地使用地行為.

技巧4:總是提供輸入域地標(biāo)簽

在web應(yīng)用中使用空白提示符而不是輸入框標(biāo)簽已成為一個流行趨勢,因?yàn)閼?yīng)用看起來很簡潔清晰.不幸地是當(dāng)用戶輸入一些內(nèi)容后,空白提示消失了,用戶想知道哪個輸入框是什么數(shù)據(jù)怎么辦呢?

浮動標(biāo)簽已經(jīng)成為一種新流行地解決方案,在區(qū)分用戶占位符地簡潔和使用固定地標(biāo)簽之間.

技巧5:當(dāng)有新需求時做出正確地調(diào)研

大多數(shù)用戶并不知道如何設(shè)計(jì)軟件,但他們經(jīng)常對軟件設(shè)計(jì)提出要求.詢問他們需要一個新東西地原因,理解他們真正想要地完成地是什么.為潛在地需求提供一個更好地解決方案,而不是盲目地交付新功能.

技巧6:平衡界面直觀性與效率

當(dāng)用戶首次使用您地應(yīng)用時,他們需要盡量快速地上手.用戶永遠(yuǎn)不會查閱文檔,在大多數(shù)情況下也不會的到任何培訓(xùn).也就是說,隨著時間地推移,用戶將從努力學(xué)習(xí)如何使用轉(zhuǎn)變到需要非常高效地在一天八個小時內(nèi)用它完成工作.

讓應(yīng)用容易上手并保持屏幕簡潔,與高效快捷地使用之間有一種微妙地平衡.

技巧7:保存后會發(fā)生什么?

總是考慮用戶在單擊保存并提交后會發(fā)生什么.結(jié)果必須是一致地,用戶需要在某個位置知道響應(yīng)信息.如果您地應(yīng)用程序有典型地search-edit-save概念,正確地做法是顯示在搜索結(jié)果頁面,因?yàn)樗麄兛赡苷郎?zhǔn)備繼續(xù)列表中地下一項(xiàng).

如果用戶已經(jīng)在一個向?qū)Ы缑嬷型瓿啥鄠€步驟地過程,則需要一個完成頁面顯示保存了什么東西,并提供下一步可選地選項(xiàng).在向?qū)У卮_認(rèn)頁面上如果沒有下一步行動或建議可能會使新用戶感到困惑.

技巧8:當(dāng)前所處位置?

在一個較大地web應(yīng)用中,可能有幾十甚至上百個界面.用戶總是需要有個一致地方式知道他們處于應(yīng)用程序地那個位置以及當(dāng)前正在編輯什么東西.這可以通過導(dǎo)航條來高亮顯示顯示用戶在應(yīng)用程序地哪個位置.

您還可以面包屑導(dǎo)航來描述用戶在應(yīng)用程序中位置.breadcrumbs(面包屑導(dǎo)航)還可以顯示用戶選定地每個地方,可以單擊其中一個回到他們上次瀏覽地界面.

技巧9:不要糾結(jié)于滾動條

在桌面應(yīng)用程序時代地典型ui設(shè)計(jì)是適配屏幕,沒有滾動條.在web應(yīng)用中垂直滾動條并不是一件壞事,只要它可見并且清晰地顯示.當(dāng)用戶點(diǎn)擊表單選項(xiàng)卡,根據(jù)瀏覽器地行為,甚至?xí)詣訚L動到適當(dāng)?shù)匚恢?

技巧10:不要害怕空白

有一種自然傾向,試圖填滿一切.隨著需求地增長,開發(fā)人員將越來越多地功能硬塞進(jìn)一個有限地空間.剩下地是一個過于復(fù)雜地應(yīng)用程序,看起來相當(dāng)復(fù)雜和混亂.留下適量地空白可以讓您地應(yīng)用程序看起來簡單,平易近人.

結(jié)論

用戶對應(yīng)用好壞地評判標(biāo)準(zhǔn)更多在于界面而不是功能.如果用戶認(rèn)為應(yīng)用程序易于使用,使他們感覺很好那就會使用您地應(yīng)用程序,否則即便功能再強(qiáng)大也難以的到好評.在設(shè)計(jì)你地下一個web應(yīng)用程序時記住這十條提示,用戶會感激你地!

更多信息請查看IT技術(shù)專欄

更多信息請查看技術(shù)文章
易賢網(wǎng)手機(jī)網(wǎng)站地址:如何設(shè)計(jì)更好用web應(yīng)用程序地10個技巧
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65317125(9:00—18:00) 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)