THA
เทคโนโลยี

GCOO UX ทีมของความลับ - ตอนที่ 1

GCOO UX ทีมของความลับ - ตอนที่ 1

การวางแผน, ออกแบบ, และพัฒนาเป็นพื้นฐานของการเดินทางที่ยิ่งใหญ่

การวางแผน, ออกแบบ, และพัฒนาเป็นพื้นฐานของการเดินทางที่ยิ่งใหญ่

Wednesday, August 23, 2023

Wednesday, August 23, 2023

Wednesday, August 23, 2023

Wednesday, August 23, 2023

สวัสดีครับ, ผมคือ kkobi ผู้นำทีม UX ของ GCOO วันนี้ผมอยากจะมาแบ่งปันเรื่องราวเล็กๆ กับเพื่อนร่วมโปรเจคที่ได้คิดและเติบโตไปด้วยกันครับ.

ช่วงเวลาที่ต้องรอให้หมึกบนโครงการแห้งสนิท, การที่สีของการออกแบบเริ่มจางลงจนถึงขั้นยอมรับไฟล์ที่ได้รับการยืนยันเท่านั้น. และความรู้สึกเสียดายเมื่อเกือบ 6 เดือนผ่านไปและเริ่มต้นการพัฒนาแต่โครงการและการออกแบบไม่ตรงกับสถานการณ์ปัจจุบัน... 😢

ขณะที่ขออัปเกรด MacBook ผมได้กลับมาทบทวนเครื่องมือและภาษาที่ได้ใช้งานใน 6 เดือนที่ผ่านมา มันน่าตกใจว่ามันหลากหลายเกินกว่าที่ผมคิดไว้. ประสบการณ์นี้คือจุดเริ่มต้นของบทความบนบล็อกนี้.

เครื่องมือและภาษาเหล่านี้ไม่เพียงแต่เป็นเพียงเทคนิคที่ใช้งาน แต่การ 'ทำไม' และ 'ยังไง' ที่จะใช้เครื่องมือเหล่านี้ให้ได้ประสิทธิภาพคือสิ่งที่สำคัญ. และมากกว่านั้นคือการตัดสินใจเลือกใช้เครื่องมือที่เหมาะสมในระยะเวลาที่ดีที่สุด. การเลือกที่เหมาะสมในช่วงเวลาที่เหมาะสมนั้นคือกุญแจสำคัญที่จะดึงดูดคุณภาพของผลลัพธ์.

ดังนั้น ตอนนี้ผมให้ความสำคัญกับการใช้เครื่องมือและเทคโนโลยีให้เหมาะสมกับวงจรชีวิตของโปรเจค. ตลอดจนพยายามที่จะแน่ใจว่าทีมและตัวผมเองสามารถพัฒนาและเติบโตอย่างต่อเนื่องแม้จะอยู่ในตลาดและสภาพแวดล้อมทางเทคโนโลยีที่เปลี่ยนแปลงอยู่เสมอ นี่คือส่วนที่สำคัญที่สุดของงานผม. และผมก็อยากจะมาแบ่งปันประสบการณ์นี้กับทุกท่านที่เติบโตไปด้วยกันครับ.


เครื่องมือออกแบบ: เครื่องมือที่ทำให้จินตนาการและความคิดสร้างสรรค์เป็นจริง

Figma (ฟิกมา): แพลตฟอร์มที่ออกแบบให้นักออกแบบและผู้วางแผนได้ร่วมมือกันวาดภาพจินตนาการและทดสอบการใช้งานเป็นต้นแบบ. เป็นเครื่องมือที่ช่วยให้สามารถรับรู้ไอเดียต่างๆ และพัฒนาศักยภาพในการวางแผนและความคิดสร้างสรรค์ของคุณให้เติบโตขึ้นได้.

Framer (เฟรมเมอร์): เครื่องมือที่ใช้สำหรับการออกแบบปฏิสัมพันธ์และการสร้างต้นแบบ ทำให้สามารถเลียนแบบประสบการณ์ของผู้ใช้แบบเร่งด่วนและช่วยเพิ่มความสามารถในการใช้งาน. สิ่งที่น่าสนใจของเฟรมเมอร์ที่ผมใช้จนทุกวันนี้คือ สามารถทำการวางแผน ออกแบบ และพัฒนาไปพร้อมกันได้ และก่อนที่จะเขียนสคริปต์ สามารถจัดการ UX ให้เหมาะสมอย่างดีที่สุด.

Photoshop (โฟโต้ช็อป): เครื่องมือช่วยให้สามารถเปลี่ยนจินตนาการของคุณเป็นภาพได้อย่างง่ายดายโดยมีการปรับใช้ AI ล่าสุด. ลดความซับซ้อนของกระบวนการทำงานและทำให้เสร็จสิ้นได้แค่คลิกเพียงไม่กี่ครั้ง.

Illustrator (อิลลัสเตรเตอร์): เครื่องมือออกแบบกราฟิกที่ใช้ฐานข้อมูลของเวคเตอร์ ช่วยในการสร้างงานศิลปะที่ชัดเจนและปราณีตได้อย่างดีเยี่ยม.

MidJourneyAI (มิดเจอร์นีย์ AI): เครื่องมือออกแบบที่ช่วยให้คุณสร้างดีไซน์ตั้งแต่ไอคอน โลโก้ ไปจนถึงภาพตัวละครในสไตล์ที่คุณต้องการได้ง่ายดาย ด้วยอินเตอร์เฟซที่ใช้งานง่าย.

Stable Diffusion (สเตเบิลดิฟฟิวชัน): เครื่องมือที่ช่วยให้คุณสร้างการออกแบบที่ต้องการได้โดยไม่มีขีดจำกัด เป็นเครื่องมือที่ทรงพลังในการแสดงความคิดสร้างสรรค์ของคุณ.


เครื่องมือ 3D: เครื่องมือทำความรู้จักและสร้างโลกสามมิติ

Blender (เบล็นเดอร์): ซอฟต์แวร์ทั้งหมดสำหรับการออกแบบ 3D รวมถึงการสร้างภาพเคลื่อนไหวและการเรนเดอร์ เป็นการสร้างโลก 3D ที่แสดงสภาพแวดล้อมที่เหมือนจริง.

Spline (สไปน์): เครื่องมือที่ใช้งานง่ายสำหรับการออกแบบและสร้าง 3D เหมาะสำหรับมือใหม่ที่จะทำการสร้างและศึกษา 3D ได้อย่างง่ายดาย ซึ่งเรียกกันว่า "Figma ของโลกสามมิติ" สไปน์ทำให้ทุกคนสามารถสัมผัสประสบการณ์การออกแบสามมิติได้.

KeyShot (คีย์ชอต): เครื่องมือที่ใช้ออกแบบให้มีความสมจริงซึ่งช่วยให้ผู้ใช้งานสามารถปรับทุกรายละเอียดเพื่อสร้างผลลัพธ์ที่น่าประทับใจ.


เครื่องมือพัฒนา: การเดินทางที่ไม่มีขีดจำกัดเพื่อสร้างสรรค์และประสิทธิภาพ

ภาษา: พื้นฐานและพื้นฐานที่มุ่งมั่น   

React: ไลบรารี่ที่แนะนำสำหรับการสร้างหน้าต่างผู้ใช้ ด้วยสถาปัตยกรรมที่พึ่งพาอาศัยตัวประกอบ ช่วยขยายการบำรุงรักษาและการปรับขยาย.

React Native: เฟรมเวิร์กที่ใช้สำหรับการพัฒนาแอพมือถือ ช่วยให้สามารถทำการพัฒนาหนึ่งครั้งแล้วรันได้บนแพลตฟอร์มหลายแห่ง.

Typescript: การขยายแนวคิดสนับสนุนการกำหนดประเภทคงที่สำหรับ JavaScript ช่วยเพิ่มความมั่นคงและการปรับขยาย.

Python: ภาษาโปรแกรมมิ่งประสงค์ทั่วไปแบบง่ายๆ มีประสิทธิภาพที่ใช้สำหรับการวิเคราะห์ข้อมูล การพัฒนาเว็บไซต์และการอัตโนมัติ.

Node.js: สภาพแวดล้อมการดำเนินการ JavaScript บนเซิร์ฟเวอร์ มีความสามารถในการประมวลผล I/O แบบไม่ต้องรอต่อ ทำให้สามารถสร้างเซิร์ฟเวอร์ได้อย่างมีประสิทธิภาพ.

เฟรมเวิร์กและเครื่องมืออื่นๆ: การทำงานที่นำสมัยและเกิดประสิทธิผล   

Next.js: เฟรมเวิร์ก React ที่รองรับการเรนเดอร์ที่เซิร์ฟเวอร์ ช่วยให้สามารถปรับปรุงประสบการณ์ผู้ใช้และประสิทธิภาพภายพร้อมภายพร้อม.

Vercel: แพลตฟอร์มบนคลาวด์ที่ทำให้การพัฒนาไปยังการปล่อยผลัพธ์ง่ายขึ้น ช่วยเพิ่มผลผลิต.

Postgres Database: ฐานข้อมูลที่มีความสัมพันธ์กับอ็อบเจ็ค มีความมั่นคงและปรับขยายได้ดี.

redis: ที่เก้บข้อมูลในหน่วยความจำ ทำให้สามารถตอบสนองได้เร็วและมีโครงสร้างที่ยืดหยุ่น.

GPT4 + Chainlink (Python, JavaScript): การผสมผสานที่ทรงพลังสำหรับการประมวลผลภาษาธรรมชาติและการเรียนการสอนของเครื่อง ช่วยให้สามารถสร้างบริการที่มีความฉลาด.

tailwindcss: เฟรมเวิร์ก CSS ที่พึ่งพาความสามารถใช้งานได้ ช่วยให้สามารถสร้างการออกแบบที่ตอบสนองรวดเร็ว.

ประสบการณ์ผู้ใช้ UX ออกแบบ พัฒนา การใช้เครื่องมือ ประสิทธิภาพ นวัตกรรม การทำงานร่วมกัน การพัฒนาเทคโนโลยี
ประสบการณ์ผู้ใช้ UX ออกแบบ พัฒนา การใช้เครื่องมือ ประสิทธิภาพ นวัตกรรม การทำงานร่วมกัน การพัฒนาเทคโนโลยี

หัวหน้าฝ่าy UX Kkobi

UX และแบรนด์ที่พาดผ่านกันเพื่อมอบประสบการณ์ที่ดีที่สุดให้กับผู้ใช้

หัวหน้าฝ่าy UX Kkobi

UX และแบรนด์ที่พาดผ่านกันเพื่อมอบประสบการณ์ที่ดีที่สุดให้กับผู้ใช้

หัวหน้าฝ่าy UX Kkobi

UX และแบรนด์ที่พาดผ่านกันเพื่อมอบประสบการณ์ที่ดีที่สุดให้กับผู้ใช้