1、界面元素的需求
在Web前端開(kāi)發(fā)中,簡(jiǎn)單這個(gè)原則是很重要的。在任何時(shí)候,你在屏幕上顯示越多的控制,您的用戶將不得不花費(fèi)更多的時(shí)間去搞清楚如何使用界面。當(dāng)選擇變少時(shí),可用的功能變得更加明顯更容易被發(fā)現(xiàn)。簡(jiǎn)化的界面雖然是不容易的,尤其是如果你不想限制應(yīng)用程序的功能的時(shí)候。
當(dāng)你點(diǎn)擊 Kontain 搜索框的搜索鏈接時(shí),會(huì)出現(xiàn)一個(gè)類似于下拉菜單的層。所以,如果您需要來(lái)縮小搜索范圍,您可以選擇菜單中你所需要的類型。這些選項(xiàng)的聚合簡(jiǎn)化了搜索框。
隱藏或者掩蓋高級(jí)功能 是使事情更加簡(jiǎn)單的一種方法。找出最常用的功能,并且把剩下的藏起來(lái)。你可以用彈出式菜單和操作來(lái)做這件事,這在桌面軟件中很常見(jiàn)。例如,如果您的搜索欄擁有高級(jí)過(guò)濾器,把它們放在尾部的一個(gè)特別的下拉菜單中。如果用戶需要使用這些過(guò)濾器,他們只需幾下點(diǎn)擊便可以開(kāi)啟這些功能。決定該保留什么隱藏什么不是一個(gè)簡(jiǎn)單的任務(wù),也會(huì)取決于重要性和操作時(shí)的頻繁程度。當(dāng)你點(diǎn)擊 CollabFinder 的搜索鏈接時(shí)你不需要打開(kāi)不同的頁(yè)面,相反,搜索框的控制菜單下拉下來(lái),允許你能夠直接開(kāi)始搜索。
2、專門(mén)操作
根據(jù)情況選擇合適的界面控件 是很重要的。不同情況下可以用不同的方式處理,而且某些控件會(huì)比其他控件能夠更好地完成他們的目標(biāo)工作。
Backpack 里有一個(gè)緊湊的日歷和時(shí)間選擇器選擇提醒日期。例如,你可以通過(guò)一個(gè)下拉列表來(lái)選擇年月日,但是和日歷選擇器相比下拉列表不是非常高效的,在日歷里你可以直接通過(guò)點(diǎn)擊選擇你想要的某一天。日歷選擇器也會(huì)讓你更容易看到日期、周期和月份(特別是工作日和休息日),因此能夠讓你比用簡(jiǎn)單的下拉列表更快地做出更明智的選擇 。
3、禁用按下按鈕
在web應(yīng)用程序的表單問(wèn)題中有一個(gè)就是提交過(guò)程,非常簡(jiǎn)單的表單,如果你快速地點(diǎn)擊兩次或者更多次“提交”按鈕,這個(gè)表單會(huì)被多次提交。這顯示是個(gè)問(wèn)題,因?yàn)樗鼤?huì)重復(fù)創(chuàng)建相同的項(xiàng)目 。防止重復(fù)提交的不是很難,而且對(duì)于大多數(shù)Web應(yīng)用程序來(lái)說(shuō)做到這一點(diǎn)是非常必要的。
它有兩層維護(hù):客戶端和服務(wù)器端 。我們不會(huì)通過(guò)服務(wù)器端維護(hù)是因?yàn)檫@將取決于您使用的編程語(yǔ)言和你的后端架構(gòu)。基本上你應(yīng)該做的就是在提交過(guò)程中添加一個(gè)檢測(cè)機(jī)制,去檢查被提交的內(nèi)容是否重復(fù),并且是否需要阻止提交。