---
title: สร้างความเข้าใจเกี่ยวกับ UX / UI และการทำงานที่แตกต่าง
description: UX/UI เป็นการทำงานของเว็บไซต์ที่ใครหลาย ๆ คนมักเข้าใจผิดว่ามันคือการทำงานอย่างเดียวกัน แต่แท้จริงมีความแตกต่างกัน และการทำงานที่แตกต่างนั้นมีอะไรบ้าง
---

[Digital Blog - Ourgreenfish ](https://blog.ourgreenfish.com)

# [สร้างความเข้าใจเกี่ยวกับ UX / UI และการทำงานที่แตกต่าง](https://blog.ourgreenfish.com/build-understanding-of-ux-ui-and-how-they-work)

 เขียนโดย [สุพัตรา อัมรานนท์](https://blog.ourgreenfish.com/author/สุพัตรา-อัมรานนท์) - 27 ส.ค. 2020, 3:00:00

เว็บไซต์ เป็นอีกหนึ่งสิ่งที่ช่วยให้ธุรกิจสามารถทำการตลาดออนไลน์ที่ดีได้ และส่วนประกอบที่ขาดไม่ได้เลยของเว็บไซต์ก็คือ UX/UI เพราะการใช้งานกับความสวยงามของเว็บไซต์นั้นเป็นเรื่องที่ต้องควบคู่กันไป และด้วยความที่ชื่อคล้ายกัน ส่งผลให้เกิดความเข้าใจผิดเกี่ยวกับการทำงานของตัวมันเอง บางคนที่ไม่ได้ทำงานทางด้านนี้โดยเฉพาะ อาจจะเกิดความสับสนและทำให้ออกแบบมาไม่ตรงกับความต้องการของผู้ใช้งานเหล่านั้น วันนี้ เราเลยจะพาไปทำความรู้จักกับ UX/UI และการทำงานที่แตกต่างกัน จะเป็นยังไง มาดูกันเลย…

## **UX คืออะไร**

****

UX (User Experience) หรือ ประสบการณ์ของผู้ใช้งาน ซึ่งเป็นส่วนที่ออกแบบการใช้งานเพื่อให้ผู้ใช้งานได้รับประสบการณ์ที่ดีต่อเว็บไซต์ ต้องศึกษาผู้ใช้งานว่าเขาเหล่านั้น ต้องการอะไร ประทับใจอะไรบ้าง สิ่งที่กำลังทำอยู่นั้นจะตอบสนองผู้ใช้งานได้อย่างไรบ้าง ออกแบบมาเพื่อให้เข้าถึงกลุ่มเป้าหมาย ครอบคลุมถึงบริการของธุรกิจ คำนึงถึงประโยชน์ในการใช้งานมากกว่าความสวยงาม 

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

## **UI คืออะไร**

****

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

ซึ่งนอกจากนี้ UI จะถูกออกแบบมาเพื่อให้สามารถเติมเต็ม UX ให้สมบูรณ์แบบ พร้อมใช้บริการ สร้างความประทับใจให้แก่ผู้ใช้งานตั้งแต่แรกเห็นและมีประสิทธิภาพในการใช้งานอย่างมากที่สุด

## **การทำงานที่แตกต่างของ UX / UI**

****

ถึงแม้ว่า ชื่อเรียกของทั้งสองการทำงานนี้จะคล้ายกัน แต่การทำงานไม่คล้ายกันเลย เพราะถูกออกแบบให้ทำงานคนละส่วนกัน ในส่วนของ UX จะให้ความสำคัญกับความรู้สึกและอารมณ์ของผู้ใช้งาน ต้องมีการออกแบบฟังก์ชันพื้นฐานของเว็บไซต์และฟังก์ชันเสริมที่เฉพาะสำหรับเว็บไซต์นั้น ๆ ถูกออกแบบมาเพื่อแก้ไขปัญหาของผู้ใช้งานโดยเฉพาะ ซึ่งรวม ๆ ก็คือมองการใช้งานมากกว่าความสวยงามนั่นเอง

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

ซึ่งความสำคัญของ UX และ UI นั้น มีดังนี้

- ถ้าออกแบบ UX ให้ดี จะทำให้เว็บไซต์ของคุณนั้นใช้งานได้ง่ายมากขึ้น สะดวกและได้รับประสบการณ์ดี ๆ ต่อเว็บไซต์
- เว็บไซต์จะมีความสวยงาม น่าใช้งาน พร้อมดึงดูดให้คนเข้ามาใช้เว็บไซต์มากขึ้น
- เว็บไซต์ของคุณมีความน่าเชื่อถือและมีผู้ใช้งานมากขึ้น
- เข้าถึงข้อมูลได้มากขึ้น จากการสร้างฟอร์มหรือช่องการค้นหาที่ดีกว่าเดิม

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

ที่มา : [[1](https://adaddictth.com/knowledge/What-is-difference-between-UX-UI)]

[ดูโพสต์ฉบับเต็ม](https://blog.ourgreenfish.com/build-understanding-of-ux-ui-and-how-they-work)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "สุพัตรา อัมรานนท์"
  },
  "dateModified" : "2020-08-27T03:00:00.508Z",
  "datePublished" : "2020-08-27T03:00:00Z",
  "headline" : "สร้างความเข้าใจเกี่ยวกับ UX / UI และการทำงานที่แตกต่าง",
  "image" : {
    "@type" : "ImageObject",
    "height" : 800,
    "url" : "https://blog.ourgreenfish.com/hubfs/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1-OGF-aug-2020-8.png",
    "width" : 1200
  },
  "mainEntityOfPage" : "https://blog.ourgreenfish.com/build-understanding-of-ux-ui-and-how-they-work",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Digital Blog"
  }
}
```