[計算機(jī)]淺談webapp前端設(shè)計原則-在線瀏覽
2025-03-05 07:16本頁面
【正文】 體現(xiàn)出分層的思想。 前端設(shè)計的目標(biāo)想要設(shè)計出合理且易于讓用戶使用的Web App界面，讓用戶獲得最好的體驗，從而更好地使用應(yīng)用來完成所需要的功能。接下來讓我依次對其進(jìn)行說明。l不需要學(xué)習(xí)——不需要復(fù)雜的培訓(xùn)，所有的功能遵循操作的習(xí)慣，直接上手可以使用。想要達(dá)到這樣的標(biāo)準(zhǔn)，我們需要怎么做呢？首先，界面上的元素要少，放置太多只會讓用戶覺得不知所措，需要仔細(xì)觀察和思考之后，才知道對哪些元素進(jìn)行操作才能夠達(dá)到自己的目的。其次，要讓應(yīng)用的后臺做更多的工作，盡可能地把更多的操作自動化，而不是把所有的任務(wù)都交給用戶完成。接下來我們以Google翻譯為例，來理解一下上述的內(nèi)容，如圖1所示。當(dāng)我們在輸入框中輸入內(nèi)容的時候，應(yīng)用的后臺功能就開始顯示威力了，它會自動地幫我們識別出語言的種類，然后自動地把翻譯出來的結(jié)果放在結(jié)果顯示的位置。試想一下，如果沒有達(dá)到簡單的效果的話，我們會怎么做呢？首先我肯定需要選擇“源語言”和“目標(biāo)語言”，輸入完所要翻譯的內(nèi)容之后，再點擊“翻譯”按鈕，然后才能夠看到結(jié)果。上述的簡單更多關(guān)注的是界面元素，其實還有另一個方面的簡單，那就是操作上的簡單。（當(dāng)然還有觸摸屏的方式，而且已經(jīng)在手機(jī)和平板電腦上的應(yīng)用越來越廣泛，但暫時不在我們討論的范圍之內(nèi)。在此我依然用Google的產(chǎn)品作為例子，請看圖2中Google日歷輸入活動的界面。比方我們現(xiàn)在要創(chuàng)建的活動是“到會議室開會”，時間在上午7點，那么我們在Google日歷中所要做的操作就是：點擊日期（鼠標(biāo)點擊一次）→輸入內(nèi)容“上午7點到會議室開會”（鍵盤輸入）→確定（回車一次）。如果是在Outlook中做同樣的一件事，需要什么樣的步驟呢？圖3顯示的是Outlook“新建約會”的界面。不需要再做過多說明，一切都已經(jīng)很清楚了。和Google日歷相比，操作復(fù)雜了很多。原則之二：美觀對于任何一個應(yīng)用的界面來說，美觀都是非常重要
法律信息相關(guān)推薦
鄂ICP備17016276號-1