| Invalid Date
字数 0阅读时长 1 分钟
作業狀態
一次迭代完成
哪一次作業
作業週次
負責批改助教
作業評語(助教)
一次迭代 老K點評 整體高級作業是初級作業的優化版,加入了更多完整的資訊,也有更多版面上的變化。 因為更換了主體,因此可能比較難串接前幾週原有的系統。不過在我的想像中 回顧系統 可以作為「里程碑」的資料來源,而「知識系統」也許也能成為那些遊戲說明內容的來源。 整體頁面看起來挺完整的,但還是有點期待能有更進階的應用,如果想要做出手機與桌機版不同的操作優化,可以參考 的這份作業設計方式哦! 整體我會給予優秀評級,但也會覺得這個頁面肯定能設計得更精細更強大的!(也覺得真的能上線作為桌遊的 Notion 版本資訊頁了!) 初次繳交 老K點評 Erich 的作業是我批改到第一份不是使用「自己」當作主體,而是使用「產品」的!整體作業別有一番風味,每個區塊的轉變運用都恰到好處,尤其是下方的個人使用說明書,可能是因為你得桌遊本身非常有料,所以填寫的內容非常的詳細好看! 作業思路也有點出尚有不足缺少之處,期待你在高級作業做出更好的整合!朝高級作業去挑戰吧!
批改狀態(助教)
一次迭代批改完成
作業評級(助教)
⭐️ 優秀作業
作業是否完成(舊)
⚠️
記得先寫上 頁面名稱,格式:【作業 4:Notion 個人主頁(關係系統)】你的名字 #Discord 代號,修改後可刪除此區塊。
作業頁面說明(瞭解後可刪除)
  1. 每週直播課後,助教會替你開每週作業的作業頁面(最晚在週二助教日前新增完畢)
  1. 此為本週專屬的作業頁面,以下分成「初次作業撰寫區」「高級作業撰寫區」兩個區域。
  1. 初次撰寫請在初次作業撰寫區裡;若要進行高級挑戰,則寫在高級作業撰寫區。
  1. 初次撰寫與迭代作業時,都要寫下 迭代思路,幫助自己思考,也讓助教更好知道你是如何製作和優化作業的。
  1. 本次作業若要建立資料庫關聯,建議先修改資料庫名稱,才不會搜尋到其他同學的資料庫造成混亂唷! 例如:專案項目庫(P) 可改名為 雷蒙的專案項目庫(P)

初次作業撰寫區


請先在此運用底下提供的空白模版,完成初級作業,再到右側挑戰高級作業
請先在此運用底下提供的空白模版,完成初級作業,再到右側挑戰高級作業
按照作業批改要點,完成初級作業練習,並記錄作業思路撰寫。 完成初級作業後,再到高級作業撰寫區挑戰高級作業(初級作業請保留)。
台灣妖怪鬪陣桌遊-關係系統練習模版
台灣妖怪鬪陣桌遊-關係系統練習模版
 
💭
初次作業的思路撰寫
  1. 選擇主題:因為第一週作業已經是以自己做主題了,因此想要挑戰一下用產品-台灣妖怪鬪陣來做主題。
  1. 給誰看:給對於喜歡獨特台灣插畫風格和故事的朋友,給喜歡🎲桌遊的玩家。
  1. 用途:產品的展示和介紹,進而銷售(但絕版,所以進而讓大家想去二手市場買絕版品好了,捧高價格?)。
  1. 頁面結構:
    1. 主角不是人而是產品,其實開頭的三個關鍵字已經很清楚的說明了這個產品跟什麼有關。這三個關鍵字是我覺得是關係系統很重要的一個部分。就像銷售產品的網站,要很快的讓觀者快速知道這產品的特點
    2. 在產品圖下方,我認為還少了點資訊,因此我將之前桌遊的介紹貼到產品圖下方。先讓不知道這產品的人有一點點基本的概念。
    3. 里程碑:使用簡單的條列式說明遊戲設計歷程。不希望使用者太多的點選展開動作。
    4. 右側是跟遊戲相關的資料庫展示:第一個是桌遊內容物的照片,第二個是桌遊相關的文檔,第三個是桌遊的照片紀錄。桌遊內容物讓人在了解這遊戲前能先一覽整個桌遊視覺風格,圖我覺得比較好看,因此我用小圖展示六張。測試和試玩的照片,這部分圖片比較雜,因此我用篩選功能只秀出三張。
  1. 使用說明書:
    1. 使用說明書不就是遊戲規則書嗎?如果是就好了..,在這邊我覺得應該要更像是DM的說明(說真的,沒人想讀規則)。所以我把以人為觀點的喜好厭惡等,改成“誰適合這遊戲和誰可能不適合”,但我覺得還不夠,如果有一個桌遊的影片更好(更吸晴),所以我把當初的募資影片嵌入,先讓觀者看到影片後能對於此產品更感到好奇。
    2. 產品會有設計者,因此我在這邊也擺了設計者的名字。本來是用清單方式呈現,但這個我決定換成Toggle List,先把設計者隱藏起來,讓人去探索一下背後的藏鏡人。
    3. 多了一個這遊戲是什麼?簡單敘述一下這是什麼樣的桌遊。
    4. 把和我如何溝通拿掉。“因為這邊都是我在說,如果換成別人的看法,應該更有說服力吧?” 有了這樣的想法,就用類似一些銷售網站的方式,列出使用者見證,把一些玩家的見證列出來,就差沒有放一個現在購買的按鈕了(因為絕版了)
  1. 我沒有去修改太多整個頁面的結構,主要還是用填空的方式做初級作業,在高級作業,我會針對資料庫呈現的位置去做調整。
  1. 缺少了什麼?
    1. 目前的內容,我覺得少了設計師日記,雖然說專案已經結束,但我覺得如果能有設計師日記放在產品的頁面當中,可以讓人更了解設計的思路。把TTL的簡單版結合給訪者觀看,會是我想要在高級作業嘗試的部分。
    2. 活動的公告,也是目前所欠缺的。(雖然說已絕版,但假設是仍在販售的遊戲,有持續的活動或行事曆,應該能讓有興趣的人更有機會去參與互動)
 
 
 
 
寫完初次作業後,怎麼繳交?
  1. 將【作業狀態】從 💬 正在撰寫中 修改為 🙌🏼 初次完成
  1. 到 Discord 小隊群中 @助教,告知助教你完成了。
  1. 若批改前想先迭代,請查看【批改狀態(助教)】,確認助教尚未批改,並將【作業狀態】改回 💬 正在撰寫中
  1. 等自行迭代完成後,請再執行一次 1、2 點步驟!

高級作業撰寫區


若想挑戰優秀作業,請將舊的作業複製(Duplicate)一份到這
若想挑戰優秀作業,請將舊的作業複製(Duplicate)一份到這
先完成後完美,記錄下來,我們才知道自己哪邊改善更好了, 助教也更能有效批改你的作業哦!
(請拷貝一份你的初級作業到此,進行高級挑戰。)
台灣妖怪鬪陣桌遊(高級作業)
台灣妖怪鬪陣桌遊(高級作業)
 
💭
高級作業的思路撰寫
第1次迭代 思路也有複製一份在作業最下方。
  1. 給誰看 & 用途 :仍然跟初級作業一樣,給對於喜歡獨特台灣插畫風格和故事的朋友,給喜歡🎲桌遊的玩家。主要仍是產品的展示和介紹,進而推廣桌遊(活動和講座),
  1. 我希望給別人什麼價值:我希望來看的人能夠因此對於台灣本土插畫和台灣本土桌遊有更大的興趣,並且讓喜愛插畫的朋友去認識桌遊,又或者讓喜愛桌遊的朋友,進而透過台灣妖怪鬪陣這樣的桌遊,而去瞭解更多的台灣的傳說故事。
  1. 理想中的閱讀流程:(以桌機版來舉例,因為行動裝置版視線是沒有選擇的,完全只能照Notion的區塊順序,但我也有針對手機版把重要度低的區塊調整位置。)
    1. 內容較多,請展開閱讀:
      1. 讓讀者先知道這個產品跟什麼有關,因此仍維持三個關鍵字破題,但是將標題稍微修改一下,用“問句”的方式呈現。
      1. 接著視線往下,由左到右,由上到下的順序。通常會先看到桌遊的盒封照片,接著會有一部分視線注意到右側(然後再往下排掃),先秀出設計的發展歷程,直接用條列式方式列出,不採用toggle list,然後最右邊放2-3個設計師日誌,這邊是把設計師用日記的方式去呈現一些玩家平常看不到的“思路”,或者是設計師測試的過程或結果。
      1. 桌遊盒子照片的下方,放一些輔助性的選單或資訊連結。
      1. 讓視線掃到”認識台灣妖怪鬪陣”,應該會被影片區塊先吸引住目光,並點開影片。看完影片後,再深入瞭解這是什麼遊戲。(像是適合誰或不適合誰)
      1. 下一個區塊就是一堆照片,像是遊戲內容物或活動的照片,這部分有預覽,讓讀者自行點選。
      1. 再往下要開始收尾,先秀出這遊戲在國內外的評價,玩家們有什麼想法等等,加深對這遊戲的好感度。(畢竟有外人的加持)
      1. 活動放在最下面,因為到這區塊差不多上面的都看過了一些內容,想要親身去體驗遊戲的,就可以看行事曆的活動去參與。
      1. 遊戲相關的文檔或內容,放在最下方,因為這塊屬於已經擁有遊戲,或更想深入的玩家去看的。以一個宣傳為主要目的的網站,這塊資訊重要度是最低,但仍需要存在。
  1. 初級作業遇到的問題:在初級作業的部分問題不多,頂多是一些區塊覺得需要調整位置或資訊展示多寡,在高級作業加入了日記區塊(但沒有到TTL,因為這邊比較沒有反思的部分),整個頁面比較像是產品展示,所以也比較不是專案任務管理系統。
  1. 如何搭配前後台:在這次作業裡面,我許多資料庫是用checkbox的方式,去讓後台操作是否顯示在前台網頁。前台的連結資料庫再加上篩選就能夠把有勾選的項目顯示出來呈現。Notion的好處是他的前後台的差別很小,你可以在前台就做到許多後台的功能,所以對於這樣產品展示型的網頁非常方便,真正的所見即所得。
  1. 完成作業心得:之前就發現Notion在筆記上或專案任務管理等都很強,現在發現根本能直接作產品行銷網站了,隨著大家對Notion的依賴,我有點擔心未來notion學Evernote開始變相收費,且限制更多流量和檔案大小,逼使用者不得不開始付費。
 

 
優化了什麼
迭代思路
1. 排版上的調整
1. 把設計師日誌加到裡面後,我放到發展歷程的右側,把日誌那個欄位一分為二。但下方的照片區仍維持一整個區塊,因此必須用之前所學到的將Page (在page裡面做出兩欄) 轉換成文字的方式,才能去做出這樣1:2欄位的設計。
2. 關鍵字的加強
2. 除了關鍵字外,加上小圖增加視覺吸引力
3. 誰做的?位置調整
3. 這個區塊我認為比起產品,不是那麼的重要,因此放在左側欄位用toggle list去隱藏起來。
4. 公開的內容篩選
4. 網頁中有少部分可以是隱藏的內容,這邊需要用篩選的方式去隱藏沒勾選的項目,這樣share to web時,別人才不會看到。一開始有幾個地方沒有注意到,直到我用網頁檢視才發現隱藏內容仍然會出現。(桌遊活動或設計師日誌)
5. 設計師日誌
5. 這邊希望能分享設計師設計過程的一些思路和故事,但沒有TTL那樣有反思感謝或任務的部份。參照上一週的方式,用卡片顯露出內容讓讀者預覽,進而點擊去閱讀。
6. 新增留言版
6. 我使用typeform做留言區,不過因為權限問題我無法直接嵌入在網頁中,因此改成用連結的方式仿在導覽選單當中。
7. 玩家評論
7. 這邊因為文字比較多,所以改用toggle list去做展開或隱藏。
8. 一起來參加
8. 這邊我後來決定先簡化成用清單模式做活動的展示。我覺得月曆比較適合在專案管理的情境下面,在這邊需要簡潔一點,並且要一目瞭然。
9. 相關內容
9. 相關內容,被移到最下方,因為是屬於低重要度的內容,可以從左側選單直接去看或者看完產品資訊後在頁面最下面去讀取的資訊,對於只是想瞭解商品概念的朋友,這不是一個必看選項。
10. 快速挑轉
10. 因為內容增加,所以在一些區塊斷點,新增了幾個可以快速回到上方畫面的連結。
 
 
寫完迭代作業後,怎麼繳交?
  1. 將【作業狀態】從 🔄 正在迭代中 修改為 一 or 二 or 三次迭代完成
  1. 到 Discord 小隊群中 @助教,告知助教你完成迭代了。
  1. 若批改前想自行迭代,請查看【批改狀態(助教)】,確認助教無正在批改,並將【作業狀態】改回 🔄 正在迭代中
  1. 等自行迭代完成後,請再執行一次 1、2 點步驟!
 
Loading...
目录