Lazy loaded image
【直播】關係系統
00 分钟
2021-10-13
截止日
Oct 4, 2021
週幾
週四
行動狀態
已完成
問題&解決
知識培育庫
問題解決
問題解決
2021日記(PAI)
預計🍅
實際🍅
蕃茄鐘差值
實際時長
NaN小時NaN分
預計🍅 & 實際🍅差異
蕃茄鐘時長
30

總結與行動計畫

學習的目的是改變行為與思考
學習的目的是改變行為與思考
  1. 清楚描述每一個區塊的目的與定義。
  1. 根據資料庫視角目的去設計個人頁面。
  1. 考慮到網頁設計動線實驗,去編排自己的內容。

要點回顧

自問自答(Taggle) / 重點精簡
Ctrl + Alt + T 展開 / 關閉折疊
自問自答(Taggle) / 重點精簡 Ctrl + Alt + T 展開 / 關閉折疊
頁面製作思路?
  • 清楚每一個區塊的目的和定義。
資料庫視角與應用?
  • 表格檢視:一覽大量資料時最快與欄位計算。
  • 看板檢視:進度、分類,快速拖拉方便改變屬性。
  • 圖庫檢視:有封面圖預覽、展示用,例如:作品集。
  • 清單檢視:強調頁面主題,最不佔畫面,能夠快速取用。
  • 時間軸檢視:一目了然任務時常對比、先後關係,可以快速拖拉時程。
網頁設計動線?
Z、F
💡
哪些內容最重要,要先給用戶看到。 → 他才有可能留下來
哪些內容要晚一點被看到,他才有可能懂。 → 閱讀體驗才順滑
F 字型動線如何設計?
首先,用戶閱讀一個文章或者網站時候,先水平移動,通常在頂部區域上面,這個動線構成了 F 頂部的那一橫。
其次,他們掃描左側的垂直線,尋找文章中感興趣的點,當他們發現有興趣內容時候,會第二次用水平移動去閱讀。
最後,用戶以垂直移動掃描整個頁面。
總結,越重要的訊息放最上面,先吸引觀看者的注意力,比較詳細的內容可以放下面,等注意力被吸引後才會有動力閱讀。
notion image
 

筆記區域

用自己好理解的話紀錄
用自己好理解的話紀錄

MVP

  • 清楚每一個區塊的目的和定義。
  • 利用公式整合專案 / 行動 / 日期。
🖖
【作業 3:製作知識系統】JarDar #6980

終極作業

  • 整合所學,融會貫通。

三大系統

 
回顧系統 → 享受的事情
  • 熱情:#能量的來源:自己很滿足,卻不被重用。
知識系統 → 擅長的事情
 
  • 專業:別人會付錢請我做:舒適,但感到一些空虛。
關係系統 → 和別人的關係
  • 使命:被需要感:有成就感、開心,但是不太踏實。
→ 人生:世界需要我的出場時機
案例:火影忍者 留下紀錄才能從過去了解自己。 → 回顧系統 挑戰、解決問題 → 知識系統 鳴人吊車尾 → 拚盡全力、毅力、不服輸

個人主頁目的

  • 我的目的:獲得反饋
其他人的目的
  • 讓別人認識自己是什麼樣的人——雲停、YuPei、閣芸、yangchi、Genie Chiu
    • 讓對方快速認識自己——chenyuan、Lucytsai、赤木、Katechang、李畇、Winnie Yen(超人)
    • 行銷自己的想法和邏輯——Kerwin、Taiann、Sherry Chung
    • 展現自我、表達自己的理念和願景——品倫、Hsin Yen Yu
    • 發掘共同興趣的人(尋找連結)——Vanessa
  • 讓自己更瞭解自己——Rupert、Hsiao、arlen、Jason、Ludwig、阿哲、Jerrylin、橘子、俐羽、Vanessa、Patrick Hu、JustinFang便當
    • 打造屬於自己的生活、知識系統——HON、欸利、Paul、Barney
    • 獲得反饋——晉博
    • 整理思緒——Sophia、Crystal、Pei Hua、Flavia、乃誠、霈瑜、Jay Hsiao、UCCA
    • 看清未來目標——賴弘翌
💡
把現象看做系統,把自己當作一個產品經營。

如何跟別人介紹 Notion?

  • :可以將單個系統,關聯成立體的系統
其他人
  1. 創造人生完整閉環(目標-任務執行-回顧),讓下一次的專案可以更好
  1. 很厲害的(no-code)網頁設計軟體
  1. 1. 個人名片 2. 資料庫 3.生活管家

數字小島

  • 個人品牌使命、願景
  • 知識培育庫(首頁)
  • 這週我在幹嘛(回顧系統)

首頁整體架構

  • 知識培育庫 / TTL 日記 → 讓看到的人直接知道自己在關注什麼、經歷什麼

Notion 特色

  • 組織
  • 展示

資料庫視角與應用

表格檢視:一覽大量資料時最快與欄位計算。
notion image
看板檢視:進度、分類,快速拖拉方便改變屬性。
notion image
notion image
→ 跟 Gallery 相比可以顯示完整文字
Gallery 主要是圖 / 看板主要可以顯示文字欄位
圖庫檢視:有封面圖預覽、展示用,例如:作品集。
notion image
清單檢視:強調頁面主題,最不佔畫面,能夠快速取用。
notion image
時間軸檢視:一目了然任務時常對比、先後關係,可以快速拖拉時程。
notion image

網頁設計動線

💡
哪些內容最重要,要先給用戶看到。 → 他才有可能留下來
哪些內容要晚一點被看到,他才有可能懂。 → 閱讀體驗才順滑
Z & N & F 圖片(N 為雜誌閱讀,較不適合網頁)
Design by Jhane Chou
Design by Jhane Chou

Z 字

F 字

用戶動線觀看
首先,用戶閱讀一個文章或者網站時候,先水平移動,通常在頂部區域上面,這個動線構成了 F 頂部的那一橫。
其次,他們掃描左側的垂直線,尋找文章中感興趣的點,當他們發現有興趣內容時候,會第二次用水平移動去閱讀。
最後,用戶以垂直移動掃描整個頁面。
notion image
 

雷蒙分類思路

  • 知識是跟著問題和場景走,所以不會做分類。
 
 
 
 
notion image
notion image
上一篇
读书盘点|2022年世界读书日
下一篇
第三周刊_No.34|母女之间:阿克曼、波伏瓦、费兰特,她们这样书写母亲