UX flow

最後編輯:2017-07-03 建立:2017-07-03 歷史紀錄

RHOZAN此文件路徑:全民除黴計畫hackfoldr / 系統設計 / 這裡

 

記得盡量考慮所有會操作到的功能及相關反應:

  • 元素:按鈕、區塊、圖片、硬體功能按鈕
  • 使用者動作:單點、長按、滑動、停止、硬體感應器*
  • 元素反應:單點、長按、滑動、位置連動

 

    RHOZAN怎麼看這頁資訊

  • RHOZAN此頁存在的目的
  • 大項目 (所有子項目討論定案後勾選)
    • 子項目1 (確定使用,如果計劃在中後期使用也勾此項並註明)
    • 子項目2 (討論後移除)
    • 子項目3 (未討論或未定案,後面註明狀態)

主要區塊:顯示該頁面的主要功能

次要區塊:方便連結到其他功能或頁面但不刻意強調,甚至稍微隱藏起來的區塊

 

    RHOZANI.啟動畫面

  • RHOZAN使用
    • 增加品牌印象
    • 緩衝讀取時間
  • 不使用
    • 原因:

 

    RHOZANII.功能教學頁

RHOZAN相關頁面:

  • 第一次開啟App
  • 第一次進到議題列表
  • 第一次進到評價畫面

連結:下一頁、跳過

按紐:

 

MICHAEL_備註:新聞學的教學影片 <--之後看看獨立出來

 

 

    RHOZANIII.Menu

  • RHOZAN表現形式:螢幕左測滑出
  • 選項
    • 回到首頁
    • 議題列表
    • 新聞列表
    • 追蹤列表 (名稱待訂)
    • 啄木鳥定期報告
    • 設定
    • 快速設定

 

    RHOZAN1.主頁

  • RHOZAN相當於App的門面,基本形象及好感度的出發點
  • NavBar / Tab
    • Logo (顯示logo時盡量只單獨顯示)
    • Title
    • Layout
    • Filter
    • Reload (需討論用按鈕或下拉式更新)
    • Share
    • Setting
  • 主要區塊
    • 焦點議題 (大圖) 連結→ 該議題相關新聞列表
    • 精選議題 ( 連結→ 該項議題相關新聞列表
    • 人工分類後的議題才可被選為精選議題(顯示在首頁)
    • 熱門新聞/使用者自訂新聞(直式,Lazyload) 連結→ 單篇新聞內容
    • 新聞列表:今天最新的20篇
    Rhozan原本規劃直接在主頁空間往下拉就可以看到新聞列表,但是可能會使得app初始載入速度較慢影響使用體驗,另外在議題與新聞的排版平橫上也比較難以兩全。

 

  • 次要區塊
    • 所有議題列表
    • 新聞列表 → 轉換到新聞頁面 or 直接在下面載入&展開?
    Rhozan這項的作用在於讓使用者可以快速進到單一項目列表,除了方便性之外,也是推廣讓使用者習慣用議題來看新聞的柔性行銷。
  • 系統按紐
    • BACK:按一次 → III.Menu, 連按兩次→ <退出App>
    • MENU: 叫出→ III.Menu

 

 

    RHOZAN2.議題列表

  • RHOZAN初期如果無法讓程式自動歸類出議題的話,也許就先不做這個頁面,或是變通為:
    • 開放編輯資格到G0V或新聞相關社群,實驗看看成效好不好(當然還是要有app帳號)
    • 不用全部人工輸入議題名稱,人工做不到的部分就顯示系統自動歸類出來的關鍵字
  • NavBar / Tab (議題類別)
    • Logo (顯示logo時盡量只單獨顯示)
    • Title
    • Layout (快速切換 簡單/完整 瀏覽
    • Filter
    • Reload (需討論用按鈕或下拉式更新)
    • Share
    • Setting
  • 主要區塊
    • 各類別之議題列表 連結→ 該議題相關新聞列表
  • 次要區塊
  • 系統按紐
    • BACK:回上一層
    • MENU: 叫出→ 0.功能選單

 

    RHOZAN新聞列表

  • RHOZAN依據多項參數排序新聞,為此App最常被瀏覽的頁面之一
  • NavBar / Tab (新聞類別)
    • Logo (顯示此項時盡量只單獨顯示)
    • Title
    • Layout (快速切換 簡單/完整 瀏覽
    • Filter
    • Reload (需討論用按鈕或下拉式更新)
    • Share
    • Setting
  • 主要區塊
    • 各類別之議題列表 連結→ 該議題相關新聞列表
  • 次要區塊
  • 系統按紐
    • BACK:回上一層
    • MENU: 叫出→ 0.功能選單

 

    RHOZAN追蹤列表

  • RHOZAN讓使用者能持續關注有興趣/有評論...等等的議題或新聞
  • NavBar / Tab (議題類別)
    • Logo (顯示此項時盡量只單獨顯示)
    • Title
    • Layout (快速切換 簡單/完整 瀏覽
    • Filter
    • Reload (需討論用按鈕或下拉式更新)
    • Share
    • Setting
  • 主要區塊
    • 各類別之議題列表 連結→ 該議題相關新聞列表
  • 次要區塊
  • 系統按紐
    • BACK:回上一層
    • MENU: 叫出→ 0.功能選單

 

 

    RHOZAN新聞頁-內文

RHOZAN連結:

按紐:

 

    RHOZAN評價分析頁

RHOZAN連結:

按紐:

 

    RHOZAN新聞頁-打臉

RHOZAN連結:

按紐:

 

    RHOZAN新聞頁-長文分析

RHOZAN連結:

按紐:

 

    RHOZAN打臉輸入頁

RHOZAN連結:說明頁

按紐:

限制:30~150字、實名登錄

 

    RHOZAN長文輸入頁

RHOZAN連結:

按紐:

 

    RHOZAN設定頁面

RHOZAN連結:

按紐:

 

    RHOZANApp可操作功能

 

  1. RHOZAN瀏覽資訊
  2. 轉貼分享
  3. 投票評價
    • 快評
    • 評價打臉
    • 評價長文
  4. 撰文 (包含附加檔案在內的編輯功能)
    • 抓出違規項目 (打臉)
    • 長文回覆 (分析)
  5. 檢舉
  6. 功能設定 (不照顯示順序) (最好是全域式menu方便快速叫出)
    • 帳號綁定
    • 帳號資訊
    • 顯示風格 (不一定會有)
    • 字型大小調整
    • 螢幕亮度調整 (也考慮和一些常用功能拉出去放外面)
    • 新聞屏蔽設定
    • 新聞轉貼設定
    • 使用說明
    • 關於APP (含常見說明)

 

涉及控制裝置硬體的功能

  • 螢幕亮度控制
  • GPS定位 (顯示附近重要新聞,後期計畫)

 

 

 

 

    RHOZAN以下舊資料, 詳細流程說明

RHOZAN瀏覽資訊

不用特別說明 (應該不用限制吧?)

 

轉貼分享

  • 未綁定使用者:一律轉貼Web網站網址
  • 已綁定使用者:
    • 選擇要轉貼Web或原新聞網站,若是原新聞網站則附加目前分數及警語。

 

投票評價

  • App 介面
    • 未綁定使用者:只能瀏覽
    • 一般使用者:(前略) → 單篇新聞內文 → 拉到底顯示評論案鈕 → 列出選項 → 投票確認 → 完成評價 (送出即不可更改)
    Rhozan可展開看到違規細項但無法選擇。
    • 評論員: (同一般使用者) → 如果有選擇細項就進入評論輸入介面 → 撰寫說明 → 完成打臉。
    • 長文回覆(限評論員):進入議題模式 → 選擇議題 → 選擇發表分析 → 撰寫摘要(超短評)、內文及附加檔案 → 完成。
    Rhozan尚需討論: 評論員評論前是否可以看到其他人的評論

 

  • PC 介面
    • 未綁定使用者:只能瀏覽
    • 一般使用者:如果已有綁定裝置便可評價,形式相同
    • 長文回覆(限評論員):仿照一般論壇發文形式,只是需額外選則「違規分類和違規細項」

 

 

撰文

 

 

檢舉

  • 未綁定使用者:無法檢舉
  • 其它使用者:
    • 進到單一新聞頁面 → menu → 檢舉 → 點選理由、附加說明 → 同意條款 → 送出

 

 

    RHOZANTemplate