這次的範例程式是在網頁要編輯的每個組件上,配置編輯按鈕,使用者可以馬上視覺化的找到自己想要編輯的網頁區塊,如果還是採用傳統的web form編輯方式->先輸入完資料->按預覽按鈕->然後才跳到新的頁面,看自己編輯的網頁資料是否正確.......這樣就 "蝦" 掉了,而且一個網頁可能有20~30個區塊需要填入圖文影音資料,使用者光是要找到(認出)自己編輯的區塊,可能就要花上一段時間。
從DEMO影片中可以看到,使用者能立即找到自己要上文稿的網頁區塊位置,然後,一邊編輯資料,一邊即時預覽網頁的圖文影音內容是否符合自己的構想,並立即看到整體的網頁畫面及其功能,省去了一直按下一步才能看到最後結果的不人性UI~~~