목록으로
UI

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

2024년 01월 10일4 min read
#UI#UX

목차 보기
시리즈 목차 보기1 / 4

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

최근 사이드 프로젝트를 하면서 디자인 지식이 부족해 결과물이 아쉬웠다. 대학생 프로젝트에서는 디자이너 없이 프론트엔드 개발자가 디자인까지 맡는 경우가 많다. 비슷한 상황에서 조금이라도 나은 결과를 만들고 싶어 UX/UI를 공부하기로 했다.

UX(User eXperience)

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

UI(User Interface)

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

UX/UI의 중요성

  • 웹사이트의 사용자 인터랙션은 구매 결정에 영향을 줄 수 있음.
  • 사용자가 구매 과정에서 불편함을 느낀다면, 이는 UX 설계의 문제로 볼 수 있음.

개발 프로세스

Agile 프로세스

  • 기존의 프로세스를 작은 단위로 나누어 반복하여 유연성을 강조.
  • 소규모 팀에 특화된 방식.
  • 단점: 리소스가 적고 완성도가 떨어질 수 있음. 지속적인 업데이트가 필요.
  • IMPACT 과정으로 팀의 피드백을 반복해 Agile 프로세스의 단점을 보완.

이상적인 디자인 프로세스

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

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

    • 프로젝트마다 다른 리서치 방법과 반영.
    • 리서치 결과의 중요도를 프로젝트에서 높게 설정.
  3. 인포메이션 아키텍처

    • 사용자의 흐름과 기능에 따라 시각화 자료를 제작.
  4. 와이어프레임

    • 간단한 그래픽을 사용하여 사용자의 흐름을 확인.
  5. 비주얼 디자인

    • 특정 화면을 디자인하여 전체 디자인 컨셉의 방향을 설정.
  6. 프로토타이핑

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

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

주의사항

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

© 2026 Kim JinWoo. All rights reserved.

검색...

검색...