操作流程與使用介面評估

分別從管理者(建商)與一般使用者(客戶)兩種不同角度的使用情境，探討本系統與 Photoshop 彼此間在達成同功能之操作上差異，以情境模式個別說明，提出「管理者建 立新建案模組」與「客戶挑選建材元件之備選視覺物件」兩種系統主要使用情境，並針 對使用介面優缺點分析比較。

情境 A：

管理者(建商)有一新建案其名稱為第一大廈，該案例的客廳和廚房兩空間有建材可供承 購戶挑選，就廚房而言，供應兩種不同樣式的壁磚及三種不同顏色的廚具選項。

單用

由於每個子頁面代表不同視覺空間，而不同個案其供應建材選項不一，若要同時瀏 覽並開啟所有建案其視覺空間，則必須採用「建案名稱_視覺空間名稱」之命名方 式，就本情境案例來說，視覺空間有客廳和廚房，所以開啟兩空間底圖照片依序命 名為「第一大廈_客廳」與「第一大廈_廚房」，才能識別該子頁面影像所代表內涵，

再逐一開啟與該照片拍攝條件相同且含有建材的照片，使用選取功能鍵將照片上建 材圖像圈選後拷貝圖層並複製圖層至相對的子頁面且給予圖層適當名稱，由於使用 者只能依照其名稱與縮圖來辨識圖層之影像，所以該命名應採用「建材元件名稱_

備選視覺物件名稱」作為區別關鍵，比如說三種不同顏色的廚具中有一水藍色，該 圖層名稱可命名為「廚具_水藍色」，待所有視覺空間頁面中以存在其備選視覺物件 的圖層影像，即完成建檔程序。

混搭

需藉由 Photoshop 製作系統所需視覺空間底圖與備選視覺物件之圖檔，使用選取功 能鍵將可替代的建材一一圈選後個別拷貝圖層並複製圖層至文件目的地名為「新增」

且給予適當的建材名稱，再依照「建案模組\視覺空間\建材元件\備選視覺物件」的 層級方式，將其所有圖檔放置到相對的資料夾內，再將建案模組資料夾移至與執行 系統同一資料夾內的 image 資料夾底下，同圖 5-6 所示，前置作業即大功告成。

接下來只需拖曳最上層的建案模組資料夾置入系統主畫面的建案模組管理視窗中，

如圖 6-1 將圖中反白資料夾拖曳至系統的建案模組管理視窗上，系統將會自動產生 所有相關資料之預設值，並像圖 6-2 顯示建案名稱在於其視窗中，管理者可透過資 料檔修改建案與建材資料，也能增加風格樣式，或者使用預設值修改建材元件之建 材預設值。

圖 6-1 拖曳置入 P1 建案前(新增前)

圖 6-2 拖曳置入 P1 建案後(新增後) +

情境 B：(客戶角度)

在建商舉辦設備選色活動上，承購戶於現場挑選建材，同樣以情境 A 的第一大廈建案模 組之廚房視覺空間為例，客戶最後選擇 B 紋路的內牆與藍色系統廚具。

單用

開啟「第一大廈_廚房」文件如圖 6-3 所示，並依序拖拉圖中右下視窗內圖層名稱 為「系統廚具－藍色」與「內牆－B 紋路」至其同一視覺物件群組中最上層位置，

產生客戶挑選最後組合，即可從圖 6-3 變為圖 6-4，或者建商預存各種建材組合之 步驟，讓消費者可直接點選步驟記錄，如圖 6-5 所示，就像本系統之風格模組可快 速產生不同組合效果。

混搭

點二下建案模組名稱可查閱旗下視覺空間最後修改組合影像，若初次使用則產生預 設建材組合照，點一下視覺空間再按右鍵選擇修改，變換主畫面視窗，在圖 4-7 畫 面下可挑選風格模組直接進行大規模更換，再針對細項建材元件做修正，使用者全 程只需執行點選動作，或者移動視覺物件上下位置來改變圖層順序，就可產生各式 建材組合效果，確認後切回主畫面並儲檔。本系統額外還填加報表功能，客戶最後 可開啟確認單查看無誤按確定送出，將自動記錄各戶訂單內涵。

圖 6-3 變更前(建材預設值)

圖 6-4 變更後(採用圖層方法)

圖 6-5 變更後(採用步驟記錄)

針對 A、B 兩情境，表 6-3 說明各情境下使用混搭與單用 Photoshop 之優缺點，以 情境 A 來說，本系統無修改影像彈性，需要先透過其他軟體，像是 Photoshop 先行編修 後才有意義，而 Photoshop 並不需要依賴其他軟體就可完成建檔，但卻無權限控管，檔 案有被客戶修改的風險。再者，快速變換與直覺呈現方式為本系統優勢，所以在情境Ｂ 中，本系統整體而言優於 Photoshop，但少了影像放大縮小功能，仍無法滿足重視細節 的承購戶。

圖檔資料必須使用 Photoshop 等編輯 軟體製作產生，無修改影像功能。