💻

[UX/UI] 프로젝트 개발을 위한 UX/UI 개념

2024-01-10
UI
UX

TOC

UX/UI 디자인에 대한 공부의 중요성

최근 사이드 프로젝트를 진행하면서 디자인에 대한 이해가 부족해 아쉬운 결과물을 경험했다. 이로 인해 UX에 대해 더 깊이 공부하고자 한다. 대학생 프로젝트에서는 종종 디자이너를 따로 뽑지 않고, 프론트엔드 개발자가 디자인 작업에도 관여하는 경우가 많기 때문에, 이러한 상황에서 디자인에 대한 기본적인 이해를 통해 더 좋은 결과물을 만들고자 공부하기로 결심했다.

UX(User eXperience)

  • 정의: 사용자가 제품을 구매했을 때의 경험, 예를 들어 휴대폰 박스 디자인으로 인한 경험.

UI(User Interface)

  • 정의: 사용자가 휴대폰을 켜고 보게 되는 인터페이스 디자인.

UX/UI의 중요성

  • 웹사이트에 접속했을 때의 사용자 인터랙션을 통해 구매력을 높일 수 있음.
  • 사용자가 구매 과정에서 불편함을 느낀다면, 이는 UX 설계의 문제로 볼 수 있음.

개발 프로세스

Agile 프로세스

  • 기존의 프로세스를 작은 단위로 나누어 반복하여 유연성을 강조.
  • 소규모 팀에 특화된 방식.
  • 단점: 리소스가 적고 완성도가 떨어질 수 있음. 지속적인 업데이트가 필요.
  • IMPACT 과정을 통해 개선 가능. 이는 인적 자원을 활용한 선순환을 통해 Agile 프로세스의 단점을 극복.

이상적인 디자인 프로세스

  1. 프로덕트 스펙/방향성 설계

    • 팀원과의 대화를 통해 목표와 목표가 아닌 것을 명확히 설정.

  2. 리서치

    • 프로젝트마다 다른 리서치 방법과 반영.
    • 리서치 결과의 중요도를 프로젝트에서 높게 설정.

  3. 인포메이션 아키텍처

    • 사용자의 흐름과 기능에 따라 시각화 자료를 제작.

  4. 와이어프레임

    • 간단한 그래픽을 사용하여 사용자의 흐름을 확인.

  5. 비주얼 디자인

    • 특정 화면을 디자인하여 전체 디자인 컨셉의 방향을 설정.

  6. 프로토타이핑

    • 비주얼 디자인을 기반으로 거의 모든 인터랙션에 대한 프로토타입을 제작하고 테스트.

  7. 데이터 분석

    • 사용자의 사용 데이터를 분석하여 디자인 프로세스를 변경하거나 유지.

주의사항

  • 모든 프로세스는 유동적이며, 필요에 따라 유연하게 대응해야 함.
  • 빠르게 제작할 필요가 있는 경우 일부 과정을 생략할 수 있음.
  • 오픈 마인드를 유지하는 것이 중요.