Interface

Description

Project Problem Released
Howlin Yang
Mind Map by Howlin Yang, updated more than 1 year ago
Howlin Yang
Created by Howlin Yang over 10 years ago
20
0

Resource summary

Interface
  1. Desktop & Mobile 讀取同一套介面
    1. 為了符合不同平台,寬度都使用百分比
      1. 有條件的使用百分比寬度,Form 會採固定寬度。
      2. 字體要大,15px
        1. 回歸12px,Mobile 介面另外設計
        2. 主畫面必須可被內嵌在mobile上,出現不必要的層級
          1. 扁平化設計,合併層級
          2. 功能被切得過瑣碎,Context 不足,容易迷路
            1. SubMenu輔助,重複最後兩層資訊架構
            2. 進階操作都用popup方式
              1. 可另開新Brower Tab,或内嵌在原網頁內
            3. 便於升級,使用控件
              1. 無法凍結橫向欄位
                1. 雙重Scroll bar
                  1. 指引性差,常讓user不清楚下一步該做甚麼
                    1. 當無資料時,會出現Null 的設計,各式回饋更詳細
                  2. 不同語系使用同一套介面
                    1. 英文 Mega Menu 難用
                      1. 可因應不同閱讀習慣切換Mega menu
                      2. Form只有一行很難用,又會隨著螢幕撐開
                        1. Form 重新設計
                      3. 兩岸分隔
                        1. 溝通成本
                          1. 先Waterfall,後Scrum。
                          2. 缺乏默契
                            1. 已解決
                          3. 對Portal看法
                            1. Portal 不易管理
                              1. Portal 一定要排列在選單上
                                1. 已解決
                                2. 新增門戶頁文章流程怪異
                                3. 只碰GUI,不碰架構
                                  1. 功能零散,缺乏整合
                                    1. Vicky+Windy架構整合,Howlin+Wendy介面整合
                                    2. Mega Menu 不好用,缺乏相關功能連結
                                      1. 新增「自定流程」、「待辦事項」輔助
                                      2. 介面沒有分前後台,權限導致介面混亂。(view=edit)
                                        1. View / edit 針對兩種權限有不同介面
                                        2. Tree menu 設計不佳
                                          1. TreeMenu重新設計,分成組織樹&資料樹兩類
                                        Show full summary Hide full summary

                                        Similar

                                        User Interfaces
                                        Skeletor
                                        Chapter 7 – Designing the User and System Interfaces
                                        Jo Hart
                                        What is an interface?
                                        joannazhang13
                                        Graphical User Interface (GUI)
                                        Skeletor
                                        Command-Line Interface
                                        Skeletor
                                        Interface Example
                                        joannazhang13
                                        Menu-Driven Interface
                                        Skeletor
                                        User Interfaces
                                        Oskar Adamczyk
                                        User Interfaces
                                        Jeanette O'Connor
                                        What is an interface?
                                        boumedyen121
                                        Interface Design
                                        flyingwombat007