跳至主要内容
阿昇
Software Engineer
檢視所有作者

Designing with Data - 第四章 定義階段 Part 2

· 閱讀時間約 6 分鐘
阿昇
Software Engineer

前言

最近我在讀 Designing with Data|善用數據幫你打造好設計 這本書,因此有一系列的記錄,想直接參考這系列所有文章請看系列文連結

這篇文章接續前篇文章,這一章剛好有官方的線上資源可以參考,連結在這

章節簡介

第三章提到了試驗框架的基礎,包含定義、執行、分析三個階段,而這接下來的章節就是談論各個階段的細節。

這一章是講解 定義階段 的內容,我們會框定試驗的目標以及發想測試中使用的假設。

定義階段

Designing with Data - 第四章 定義階段 Part 1

· 閱讀時間約 6 分鐘
阿昇
Software Engineer

前言

最近我在讀 Designing with Data|善用數據幫你打造好設計 這本書,因此有一系列的記錄,想直接參考這系列所有文章請看系列文連結

這一章剛好有官方的線上資源可以參考,連結在這

章節簡介

第三章提到了試驗框架的基礎,包含定義、執行、分析三個階段,而這接下來的章節就是談論各個階段的細節。

這一章是講解 定義階段 的內容,我們會框定試驗的目標以及發想測試中使用的假設。

定義階段

Designing with Data - 第三章 試驗的框架

· 閱讀時間約 4 分鐘
阿昇
Software Engineer

前言

最近我在讀 Designing with Data|善用數據幫你打造好設計 這本書,因此有一系列的記錄,想直接參考這系列所有文章請看系列文連結

章節簡介

這一章節簡單介紹實務上的作法,實務上會運用框架來進行收集數據並分析,主要包含三個階段:

  1. 定義
  2. 執行
  3. 分析

此章節會概略介紹框架,而之後的章節會更深入介紹這些階段的細節。

另外,這篇開頭也提到,數據和設計其實不應該完全區分開來,設計師應該參與收集數據、解讀數據以及應用數據,並且不斷地應用 測試 來優化產品,持續迭代來去除不好的體驗。

Designing with Data - 第一章 數據思維入門

· 閱讀時間約 4 分鐘
阿昇
Software Engineer

前言

最近和我們公司的設計師組了小型的內部讀書會,我負責分享的是由碁峰資訊翻譯的 Designing with Data|善用數據幫你打造好設計 這本書。

接下來會以這本書的各章節摘要及心得為內容來寫一系列的文章,想直接參考這系列所有文章請看 系列文連結

Designing with Data

這本書集中在應用數據來設計產品的相關討論,其中又以 A / B Test 為主要方法。

A / B Test:用來比較兩種或多種體驗的方法論,方便設計師找出使用者行為的改變與設計變動之間的因果關係。

透過思考以下幾點,進而學習如何善用數據來設計:

  • 如何定義及量測目標?
  • 如何看到使用者?(現有使用者及潛在的新使用者)
  • 如何設計體驗,並進行試驗以及從中學習,以精進自己的專業?

建立技術 Blog 前的比較

· 閱讀時間約 10 分鐘
阿昇
Software Engineer

前言

建立個人網站(部落格)一段時間了,這次來說說為什麼我用 Gatsby 來建個站。

釐清

在開始動手前總要先釐清問題(需求)是什麼?

動機

原本我所學和從事的領域不是資訊產業,後來轉到資訊產業是由於對 UX 產生興趣,而注意到 UX 是因為看了 Kaiting 的文章。受到前輩們的影響,所以有了建立個人網站的念頭。

相關領域的作品越看越多,開始注意到許多設計師會用個人網站呈現自己的作品,有個人網站似乎才顯得專業,於是在心中埋下了想要建立個站的種子。

不過呢...現在建立個人網站有很多簡單的工具/服務,所以 個人網站 = 專業 是不成立的。

話雖如此,還是喜歡做個網站放自己的東西,所以學了網頁開發之後還是花了點時間處理它。

比對兩個 array 的 element

· 閱讀時間約 3 分鐘
阿昇
Software Engineer

問題描述

工作上遇到的問題,狀況是使用者有個管理顧客資料的頁面,可以在那裡編輯顧客的 tag,所以在更新資料的時候要比對新的 tag list 和舊的 tag list 兩者內容,以傳遞正確的資訊回去給資料庫。

height: 100% 在 Safari 失效

· 閱讀時間約 2 分鐘
阿昇
Software Engineer

前言

以這篇文章作為開始,隨意記錄開發時遇到的坑。

問題描述

最近負責公司產品的一個 UI 切版,其中一部分的排版出了問題。

我在 CSS 設置 height: 100%;,在 Chrome 瀏覽器看到的狀況是這樣

但是在 Safari 上看到的卻是這樣

很明顯下面那三塊(渠道資訊、訂閱狀態、國家)的下緣沒有貼齊,顯然是不同瀏覽器出現的差異。

開站首波(舊站)

· 閱讀時間約 4 分鐘
阿昇
Software Engineer

(2026/08/18 更新內容)

以下內容都是舊網站的開站心得,已經放棄營運了,本文留存作為記錄。

前言

剛做完這個網站,寫這篇文記錄一下心得,這個網站是大概花了我三個禮拜的時間處理,實際時間大概是 2021/02/14 到 2021/03/07。

最開始是從 2021 的農曆春節開始學習 Gatsby 和 GraphQL,之後再從 Gatsby Advanced Starter 的基礎模板開始刻,到了今天 2021/03/07 算是處理完自己覺得最必要的內容了。

半年學習成為前端工程師

· 閱讀時間約 17 分鐘
阿昇
Software Engineer

同步發佈於個人 Medium 半年學習成為前端工程師

原本只是想盡量客觀地描述自己的學習心得,後來轉念決定多描述自己的狀況還有主觀的想法,讓所有學習程式語言或網頁開發的人更了解無經驗學程式的心路歷程。

更重要的是,這篇文章也是寫給自己看的,透過寫文章好好回味過去半年的學習時光,也方便未來的我回憶起此時此刻的想法/感受。

再次重申,這篇主要描寫心得而不是要學什麼,如果想知道要學什麼,可以參考 Learn to become a modern frontend developer程式導師實驗計畫第四期

按慣例(?,先來首歌吧 Bon Jovi - Livin' On A Prayer