# 手機版網頁 - Mockflow Mobile WireFrame

## 手機版網頁目標
* 讓業務可以拿出平板/手機與客戶展示
* **用較少步驟讓使用者達到目標**
* **讓使用者能快速找到所需資訊/快速傳達給使用者想傳達的資訊**
* 11月蘇州partner summit是公司年度大型活動，預期會和去年Marketplace創站時一樣會有許多相關campaign或新功能要配合kick-off
* 網站的購買流程和點數兌換機制太複雜不適合在行動裝置上進行，最理想的網站內容的規劃是依使用者的流覽裝置來安排，增加造訪目的性。（等未來的owner加入後一起討論）
* 在網站上新增明顯完整的聯絡資訊，方便使用者直接和聯絡窗口聯繫。（Ｍay的設計團隊在新的畫面裡會規劃進去）
* 行動裝置上的**搜尋及篩選功能再優化**，讓使用者更容易找到有興趣資訊。（等未來的owner加入後一起討論）

## Mockflow Wireframe Solution Page

### 1. **增加進入solution page的流量**:
#### 首頁的solution entrance獨立成一個solution section，一樣以產業作為類別區分

| 現在的版本 | Mockup |
| -------- | -------- |
| | |
|橫向瀏覽 |直式瀏覽方便使用者一目了然快速找到所需類別 |
|直接搜尋 |加入篩選器 |

### 2. **快速找到所需app - 搜尋及篩選功能再優化**:
#### 首頁，solution頁面，product page皆有搜尋篩選器，依照使用者習慣的類別/功能作篩選(再討論)

| 現在的版本 | Mockup |
| -------- | -------- |
| | |
* 現: 首頁solution頁無篩選器，商品頁篩選器不明顯，按照發行商作篩選依據客戶較難得到有效結果
* 改: 加入跟客戶有關的篩選器(再依內容架構作規劃)

### 3. **用較少步驟讓使用者達到目標**:
#### 拿掉第二層(intelligent outpatient/ intelligent ward) 直接進入featured solutions
**要像iFactory metal/electronics 一樣放在首頁直接分類嗎? 架構再討論)**

| 現在的版本 | Mockup |
| -------- | -------- |
|| |

* **現:** 第二層很多介紹性文字，到第三層最重點的兩個solutin容易忘記滑上去看另一個solution
* **改:** 直接進入能提供的solution，比起介紹性文字更能直覺知道能解決的痛點

### 4. 增加成功案例閱讀性
#### solution page success story 只留吸引人的標題(客戶成功解決甚麼問題 量化指標)，加入read more連結

| 現在的版本 | Mockup |
| -------- | -------- |
|| |

* **現:** 整頁資訊過於豐富，字太密可能連標題都不會掃到

### 5. **讓使用者能快速找到所需資訊/快速傳達給使用者想傳達的資訊(找到所需app進入product page)**

| 現在的版本 | Mockup |
| -------- | -------- |
|| |

* **現:** app在頁面太下方，雖然是條列式說明app功能但上面使用者已經看到太多字，到最下面app時可能已沒耐性
* **改:** 將架構圖放在最上面，以圖吸引使用者，條列式說明，並直列app引導使用者點擊進入product page達到最終目標

### 6. 增加潛在客戶資料
#### 新增明顯完整的聯絡資訊，方便使用者直接和聯絡窗口聯繫

| 現在的版本 | Mockup |
| -------- | -------- |
|| |

* **現:** 網頁版某些產品有contact sales的選項，但在很內層也只有特定商品有，手機版沒有聯絡的選項
* **改:** coming soon 的產品也放留資訊欄位(add to wish list? pop up留email欄位)(留下感興趣客戶的資料)，在多數頁面加入顯眼contact us button，右下角一直有對話框可點擊



**pop up 填寫**