/
Trading Sentimental Portal
STelligence๏ฝAIใใผใฟใใผใฟใซ๏ฝใฟใคๅคงๆ็ณๆฒนไผๆฅญ๏ฝ2024ๅนด1ๆใ5ๆ
Role & Contribution
ๅฝนๅฒ
ๅ็ฌUX/UIใใถใคใใผ๏ผSTelligenceใจใฎๅ ฑๅๅญฆ็ใใญใธใงใฏใ๏ผ
ๆ้
5ใๆ๏ผ2024ๅนด1ๆใ5ๆ๏ผ
ใใผใ
ๆฌไบบใBA1ๅใ้็บ่ 8ๅใๅคงๅญฆๆๅฐๆๅก1ๅ
ๆดป็จในใญใซ
ๆ ๅ ฑ่จญ่จ (IA๏ผInformation Architecture) / UX็ฃๆป / ใขใธใฃใคใซใใญใปใน๏ผๅๅพฉๆนๅ๏ผ
ไธปใชๆฅญๅ
โข BAใใใณ้็บ่ ใจ้ฃๆบใใใฆใผใถใผใใผใบใจ่ฆไปถใๅฎ็พฉ
โข ๆขๅญใใญใใฟใคใใPOCใใฆใผใถใผใใฃใผใใใใฏใ็ฃๆป
โขๆขๅญใทในใใ ใฎๅ่จญ่จใจใใฆใFigmaใงใใคใใกใคใฏใคใคใผใใฌใผใ ใไฝๆ
โข ในใใผใฏใใซใใผใจใฎๅๅพฉๆนๅใ2ๅๅฎๆฝ
โข ้็บ่ ๅใๅฎๅ จๅผใๆธกใใๅฎๆฝ
Project Details
The Challenge
็ณๆฒนๅธๅ ดใขใใชในใใฏใใใฅใผในๅ้โ่ฆ็ดใปๅ้กโExcelใงใฎใใใฅใผในใใญใผใใผใฟใๅ ฑๅๆธไฝๆใจใใใ1ๆฅ3๏ฝ5ๆ้ใฎๆไฝๆฅญใซ็ด้ขใใฆใใใ
The Existing System
GenAIใใใฏใจใณใใฏใใชใขใซใฟใคใ ใใฅใผในๅๆใ่ฑโใฟใค่ฆ็ดใป็ฟป่จณใๆๆ ๅๆ๏ผ๏ผ๏ผโ๏ผไธญ็ซใปๅฝฑ้ฟๅบฆ่ฉไพกไปใ๏ผใๆฐๅคๆฝๅบใๆขใซๅฎ่ฃ ๆธใฟใ ใฃใใ
TIMELINE
Approach & Process
Step 01
่ฆไปถๆด็
BA interviews: ใใธใในใปใฆใผใถใผใปๆฉ่ฝใฎๅใฌใคใคใผใง่ฆไปถใๆด็
Dev interviews: ๆ่ก็ๅถ็ด๏ผใฌในใใณใทใๅฏพๅฟใๆฅไปใฉใคใใฉใชใๅบๅ้ ็ฎ๏ผ
ไบๆฌก่ชฟๆป: POCใใฃใผใใใใฏ่ณๆใใใณใฆใผใถใผใธใฃใผใใผใใใใๅๆ
ใใธใใน่ฆไปถ
ๆฉ่ฝ่ฆไปถ
้ๆฉ่ฝ่ฆไปถ
Step 02
UX็ฃๆป
ใใผใซใปใณใฎใใฅใผใชในใใฃใใฏใๆ ๅ ฑ่จญ่จใใใผใฟไธญๅฟUIใใฟใผใณใๆดป็จ
่ชฒ้กใฎ็นๅฎ
Step 03
ๅ่จญ่จ
Step 04
Iteration: ใใฃใผใใใใฏโๅ่จญ่จ๏ผใขใธใฃใคใซ๏ผ
DISCOVERY:
Business requirement
ใใฅใผใน่ฆ็ด
ใใฅใผในๅ้ก
ใใฅใผใน็ฟป่จณ
ๆๆ ๅๆ
DISCOVERY:
Functional Requirement
ใฟในใฏใใญใผ
็พ่กใใญใผ
ไบบๆไฝๆฅญ
step 01
ๅ็จฎใตใคใใใใใฅใผในๅ้
step 02
่ชญ่งฃใป่ฆ็ดใปๅ้กใปๅๆ
step 03
ใใผใฟๅ้ใใใณๅ ฑๅๆธไฝๆ
ๆฐใใญใผ
AIใซใใ่ชๅๅ
step 01
ๅ็จฎใตใคใใใใชใขใซใฟใคใ ๅๆ
step 02
็ๆAI
Manual by Human
step 03
ใใฅใผใน็ตใ่พผใฟ
ใใผใฟ้ธๆ
CSVใใกใคใซๅบๅ
ใฟในใฏๆด็
1
็ฎ็
ไฝๆฅญ่ฒ ่ทใใใณๅฆ็ๆ้ใฎๆๅฐๅ
ใใฅใผในใใญใผใใผใฟใฎๅฎนๆใชไฝๆใปๅๅฉ็จ
2
ๅ ฅๅ้ ็ฎ
DISCOVERY:
Nonโfunctional requirement
ๅฏพ่ฑกใฆใผใถใผ
็ณๆฒนใปใฌในๅธๅ ดใขใใชในใ
็ฎๆจใป่ฒฌๅ
ๆฅๆฌกใฎๅๆฒนไพกๆ ผใใผใฟใๅ้ใใใฌใใผใใไฝๆใใๅฐ็จใตใคใใ้ใใฆ็คพๅ ้ขไฟ่ ใธๅ ฑๆ
ไธปใช่ชฒ้ก
ๆ ๅ ฑ้ๅค
ไฝๆฅญๅทฅ็จใ้ทๆ้ๅ
ใฟในใฏๅฎไบใพใงใซ้ซใไฝๆฅญ่ฒ ่ทใ่ฆใใ
ใทใณใใซใใคๅฟ ่ฆๆๅฐ้ใฎๆฉ่ฝ
่ฟ ้ใงๅฎนๆใชๆไฝๆง
ๆฅใ ใฎๅๅพฉๆฅญๅใซ้ฉใใฆใใ
ไฝๆฅญๆ้ใๅฏ่ฝใช้ใๆๅฐๅ
ใใฅใผในใฎไฟๅญใปๅฆ็่ฝๅใๆๅคงๅ
ใใฅใผในใใญใผใใผใฟใใกใคใซใฎๅฎนๆใชไฝๆใปๅๅฉ็จใๅฏ่ฝใซใใ
ไธปใชๅ่จญ่จๆน้
่ชฒ้ก
#1
ๅฏพๅฟๆน้
ๆ ๅ ฑ่จญ่จใฎๅๆง็ฏ
่กจ็คบ๏ผ้่กจ็คบใใใฉใใฐ๏ผใใญใใใซใใไธฆใณๆฟใ
17ๅ
3ๅ
ใใฅใผในใฐใซใผใ
date
title
content
source
summary
country
category
ๆๆ ใฐใซใผใ
topic
overall
reasons
impact rating
ๆฐๅคใฐใซใผใ
topic
context
values
unit
% change
่ชฒ้ก
#2
ๅฏพๅฟๆน้
่ฆ่ฆ็้ๅฑคใฎๆ้ฉๅ
ใฟใคใใฐใฉใใฃ
ๅคชๅญ่ฆๅบใโ้ๅธธๆฌๆโ่ฃๅฉๆ ๅ ฑ๏ผ็ดฐๅญ๏ผ
ๅฏ่ชญๆง๏ผใใฉใณใใตใคใบใป่ก้๏ผ
ไธ่ฒซใใ่ฆ่ฆ้ๅฑค
่ฒ่จญ่จ
้ซใณใณใใฉในใใชใใผใฏใขใผใ๏ผWCAG 4.5:1ๆบๆ ๏ผ
ๆ็ขบใชใฉใใชใณใฐ๏ผไพ๏ผๆๆ ๆๆจใซ็ดๆ็ใช่ฒใไฝฟ็จ๏ผ
ใใใฒใผใทใงใณ
ใฟใ่ฟฝๅ ใซใใๆด็
ๆฆ่ฆ
ใใผใใซ
ๆณจ็ฎ้ ็ฎ
ใใฅใผในๆฏ่ผ
่ชฒ้ก
#3
ๅฏพๅฟๆน้
ๆกๅผตใใฃใซใฟใผ
ๆๆ ๏ผ๏ผ๏ผไธญ็ซ๏ผโ
ไปๆฅ๏ฝไป้ฑ๏ฝใซในใฟใ ๆ้ ๏ผๆฅๅธธ็ใชๅๅพฉไฝๆฅญใๆณๅฎ๏ผ
่กจ็คบใฎใใผใฝใใฉใคใบ
ๅใฎ่กจ็คบ๏ผ้่กจ็คบ
ๅใฎใใฉใใฐ๏ผใใญใใใซใใไธฆใณๆฟใ
ในใใผใๆค็ดข
ๆจๅฅจๆค็ดข๏ผๆค็ดขๅฑฅๆญดใใใณ้ ปๅบ่ชใซๅบใฅใ๏ผ
ๆค็ดขใญใผใฏใผใใฏๅ้คๅฏ่ฝใชใใใๅฝขๅผใซๅคๆใใใ่ฟฝๅ ใป็ทจ้ใปๅ้คใๅฎนๆใซใใ็ฒพๅบฆใฎ้ซใๆค็ดขใๅฏ่ฝใซใใ
็ตๆไปถๆฐ่กจ็คบ๏ผไพ๏ผใ42ไปถไธญ1โ10ไปถใ่กจ็คบใ๏ผ
Crude
Imp/Exp
Prod.
Demand
See More
Country
US
Canada
Mexico
Columbia
Argentina
See More
Cancel
Apply
Category
Reset
Filter
ๆกๅผตๆฉ่ฝ
ใใใฅใผในๆฏ่ผใใใผใธ่ฟฝๅ ๏ผไธฆๅๆฏ่ผๅๆ
ใๆณจ็ฎ้ ็ฎใใใผใธ่ฟฝๅ ๏ผๅฝฑ้ฟๅบฆในใณใขใซใใ่ชๅ้ ไฝไปใ
ใฏใผใใฏใฉใฆใ๏ผไธป่ฆ่ชใฎๅบ็พ้ ปๅบฆๅฏ่ฆๅ
ๅบๅฎใใใใผ๏ผใใงใใฏใใใฏในๅบๅฎ๏ผใฌในใใณใทใๆ้ฉๅ๏ผ
#4
ใใผใฏใขใผใๅฎ่ฃ
WCAGๆค่จผๆธใฟ้ซใณใณใใฉในใ๏ผ4.5:1๏ผ
ในใใผใฏใใซใใผใใฃใผใใใใฏใซๅบใฅใๆนๅ๏ผIteration๏ผ
Iteration #1
BA๏ผ้็บ่ ใฌใใฅใผ
ๅๅบๅฎใๅ้ค๏ผใฌในใใณใทใๅชๅ ๏ผ
ๅบๅฎใใใใผ๏ผใใงใใฏใใใฏในๅบๅฎใฎใฟ็ถญๆ
ๆฅไป้ธๆใฏ้็บๅดๆจๅฅจใฎTailwind๏ผVuetifyใฉใคใใฉใชใไฝฟ็จ
ๅบๅ้ ็ฎๅใใใใฏใจใณใไปๆงใจๅฎๅ จไธ่ด
Iteration #2
ๆค็ดขๆฉ่ฝใฎๆนๅ
่คๅใญใผใฏใผใๆค็ดขๅฏพๅฟ๏ผใRail USใ๏ผใUS Railใ๏ผ
็ตๆไปถๆฐ่กจ็คบ๏ผ่ฉฒๅฝใญใผใฏใผใใใใคใฉใคใ
ๆ่ฟใฎๆค็ดขๅฑฅๆญดใไฟๅญ๏ผGoogleๅฝขๅผ๏ผ
ใซใใดใชๅฅๆจ่ฆ๏ผๅๆฒน๏ผ่ผธๅ ฅ๏ผ่ผธๅบ๏ผ
Iteration #3
ๆ็ต่ชฟๆด
ๆๆ ๆๆจใฎใซใฉใผใๆจๆบๅ๏ผ็ท๏ผใชใฌใณใธ๏ผ่ตค๏ผ
ใใผใซใใใ้่กจ็คบ๏ผๅฐ้ใฆใผใถใผๅๆ๏ผ
ใใผใฏใขใผใใฏWCAGๅบๆบใซๆบๆ ใใฆๆค่จผๆธใฟ
Figmaๅผใๆธกใๆบๅๅฎไบ
Summary
ไธปใชๆๆ็ฉ
1
ๆ็ตUI่จญ่จ๏ผHi-Fi๏ผ๏ผใใถใคใณๅผใๆธกใ
ๅ จไฝใใญใผใใขใคใณใณใใทในใใ ใฌใคใใฉใคใณ
ๅฎ่ฃ ๅฏ่ฝใช้็บ็จใขใปใใๆไพ
2
ใฌใใผใ & ใในใฟใผ็บ่กจ
ๅญฆๆใใญใธใงใฏใๅๆใฌใใผใ
ๅคงๅญฆใงใฎ็บ่กจ
REFLECTION (ๆฏใ่ฟใ)
ๅญฆใณ
ๅฎ่ทต็่จญ่จ
ๆๅฎคๅคใงใฎๅใใญใธใงใฏใใ ใฃใใใใ่จญ่จ็ฏๅฒใๅฎ่ฃ ๅฏ่ฝๆงใซไธๅฎใใใฃใใ็ป้ข่จญ่จใซใจใฉใพใใใไฝฟ็จใในใๆฅไปใฉใคใใฉใชใฎๆๆกใชใฉใๅฎ่ทต็ใชๆฏๆดใ่กใ้่ฆๆงใๅญฆใใ
ใณใใฅใใฑใผใทใงใณในใฟใคใซใฎ้ฉๅฟ
ใขใธใฃใคใซ็ฐๅขใงใฏใๅฎ็งใ็ฎๆใๅใซ่ฟ ้ใซ่ฉฆไฝใใๆฉๆใซใใฃใผใใใใฏใๅพใใใจใ้่ฆใ ใฃใใ็ต็นใ็ฐๅขใซๅใใใฆใณใใฅใใฑใผใทใงใณใ่ชฟๆดใใๅใ่บซใซใคใใ
ๆนๅ็น
็ดๆฅ็ใชใฆใผใถใผ่ชฟๆปใฎๅฎๆฝ
ใจใณใใฆใผใถใผใซ็ดๆฅใขใฏใปในใงใใใไบๆฌก่ณๆใ้ขไฟ่ ใคใณใฟใใฅใผใซไพๅญใใใใใ้่ฆใชๆ่็่ฆ็ด ใ่ฆ่ฝใจใใๅฏ่ฝๆงใใใ
