logo

Wireframe的優點

某日在會議室,設計師跟工程師開會討論新專案,設計師拿出已完稿的介面圖跟工程師說明客戶的需求,遇到一個需同時讀取多筆系統的頁面,工程師:「這裡不能這樣設計,這樣做APP會當掉。」 設計師:「可是這些介面我都跟客戶確認過了,你要我怎麼辦? 」工程師:「你當初也沒有來問過我啊!」於是兩邊便開始起了爭執。

其實上述狀況是可以避免的,如果設計師在設計視覺稿之前能夠先提出Wireframe給工程師看過,讓工程師了解整個頁面的規劃及流程,確認步驟後再繼續往後續進行,便可避免掉許多時間上的浪費及不必要的爭執。

Wireframe顧名思義是一個框架大綱,主要目的是顯示頁面會具有那些元素,以及某些元素會連到哪邊。優點是可以先讓客戶以及工程師知道這頁功能性會是甚麼以及頁面上會規劃那些物件,若有錯誤或不當的設置可及時修正。雖然說做Wireframe會花上一些時間,但是總比都設計好了再回來修正所花的時間少,而且一旦動線錯誤有時候影響的頁面會不只一頁。也因此許多國外的專案都需要廠商先提供Wireframe,省下彼此的時間也可以進而增加專案完成的效率。(示意圖如下)

← 擴增實境在APP的應用愈來愈多元
程式碼也可以環保化 →

Warning: require(../footer2.php) [function.require]: failed to open stream: No such file or directory in /raid/vhost/arshire.com/www/zh/blog/wireframe.php on line 85

Warning: require(../footer2.php) [function.require]: failed to open stream: No such file or directory in /raid/vhost/arshire.com/www/zh/blog/wireframe.php on line 85

Fatal error: require() [function.require]: Failed opening required '../footer2.php' (include_path='.:/usr/local/php5/lib/php') in /raid/vhost/arshire.com/www/zh/blog/wireframe.php on line 85