File Maker是資料庫,不是一般的網站型態,因此輸入資料時,預設都是修改即輸入。對於不懂的操作的人而言,都會很擔心不小心改到,而且改到後,還無法返回上一步,如果是數字類的資料,哪會記得住原來的數字是什麼,很容易就因此鑄下大錯,那時只能大喊「瑞凡,我回不去了!」況且很多時候只是想要瀏覽資料,滑鼠點到資料還會變成輸入型態,這對於單純瀏覽的人而言,都是一種困擾。

那麼如何設計來巧妙避免這樣的困擾呢?這就得用到多個版面來搭配應用囉。

以一個記錄「學生成績」的資料庫為例,我們有一個「學生成績」的表格。再來我們為同一個表格建立兩個頁面,一個做為純瀏覽專用,我們將版面名稱取為「學生成績瀏覽」,讓只需要瀏覽的人,可以不用顧慮不小心改到資料的問題,且不用有不小心點到輸入框的瀏覽不順感。再建立一個版面用於修改與輸入資料之用,我們將版面名稱取為「學生成績編輯」。

來到「學生成績瀏覽」版面內的所有欄位的行為標籤中的欄位輸入中的模式設定,將其中的瀏覽模式的打勾取消掉,如此可將所有欄位設定為不可輸入。

在版面的上方,我們設置一個跳轉頁面的按鈕,名稱為「編輯」。將按鈕行為設置為跳轉頁面,讓他可以跳轉到「學生成績編輯」版面。因此當使用者需要修改頁面時,就先點選「編輯」按鈕即可。

為了讓使用者流暢使用,不會有視覺上兩個版面的感覺,因此製作上,可以以複製的形式來建立「學生成績編輯」版面,確保欄位位置與大小皆與「學生成績瀏覽」版面相同。

來到「學生成績編輯」版面,此時確保版面中的所有欄位維持預設的可編輯狀態即可。

將「學生成績編輯」上方的按鈕,名稱修改為「完成」。並將按鈕行為設置跳轉版面回到「學生成績瀏覽」版面。

如此,當使用者平常瀏覽時,就會在「學生成績瀏覽」版面瀏覽,而當需要編輯時,透過「編輯」按鈕,就可以來到「學生成績編輯」版面進行編輯,並再透過「完成」按鈕回到「學生成績瀏覽」版面繼續正常瀏覽。由於兩個版面長得一樣,只差在按鈕字樣不同,因此使用者不會察覺是在兩個版面中跳動,不會讓使用者感到複雜或困擾。

   

那即便是在「學生成績編輯」版面時,我仍然擔心使用者會不小心編輯到不該編輯的欄位內容時,又該怎麼辦呢?這時候可以到版面設定中,將「自動儲存記錄變更」的勾勾取消掉,那麼當每次你修改版面中的任何欄位時,File Maker都會不厭其煩的跳出對話框,問你是否確認修改囉。不過老實說,如果要修改比較多資料時,一直跳出對話框也是一種困擾啊,所以這個功能應謹慎使用,才會有良好的使用者體驗。

 

那麼有沒有更進階的設計呢?當然,File Maker千變萬化,透過各種版面、按鈕、腳本的組合,最重要是加上設計者的創意,其實都可以達成很多想像不到的使用者體驗喔。

在「學生成績瀏覽」版面下,我們可以為每一條記錄額外加上一個按鈕,為了美觀,這個按鈕可以另外以一張圖片來替代,這樣避免整個畫面一直重複出現很多個內建的按鈕,讓畫面太多雜亂了。同樣,我們將按鈕設置跳轉到「學生成績編輯」版面,並且設定為彈出新的視窗的方式,注意,我們為了希望讓整個操作如同一般網站的概念,也就是編輯後,要按下完成才將編輯送出的概念,因此我們要將該新視窗的關閉功能給取消掉,避免使用者以關閉視窗的方式來結束編輯動作,那就不符合一般的網頁操作習慣了。畢竟File Maker本身還是個資料庫,我們只是透過模擬的方式,取巧的將他操作邏輯進行了改變而已,

同時這次我們將「學生成績編輯」版面設定為「表單檢視」,也就是版面中,一次只會出現一筆記錄。因此,當使用者按下圖片按鈕後,會彈出一個新的小視窗,同時顯示該筆記錄。

在這個視窗中,除了可以修改該筆記錄的每個欄位外,我們再增加兩個按鈕。一為「完成」,一為「刪除」按鈕。編輯完資料後,一般網站編輯完成後都會是點選完成之後,資料才會正式存入,但,因此File Maker概念不是如此,因此我們也只能夠是用模擬的形態,我們在這邊將「完成」按鈕設定為關閉視窗的按鈕動作。搭配前述的到這個新視窗的版面設定中,將「自動儲存記錄變更」的勾勾取消掉,每當按下完成後,你還可以選擇是否保存記錄的修改,所以如果使用者不打算儲存修改的話,在這一步就選擇還原記錄即可。這樣整個操作流程對於使用者來說,就很雷同一般網站填寫資料的概念了。別忘了,同時我們還需要將「刪除」按鈕設定一個刪除資料的的按鈕動作喔。

   

最後,這些編輯與修改與否,都可以在搭配上資料庫的安全性設置,針對每個版面進行權限的控管,這樣我們甚至可以達到只能修改自己所創建的紀錄而已,或者是某些群組沒有編輯的權力等等,更加具限制的資料保護。

這樣整個下來是不是讓你的File Maker資料庫更加親民好用了呢? 大家也可以來試試看吧。

創作者介紹

大雄寶殿

Shoung 發表在 痞客邦 PIXNET 留言(0) 人氣()