UX

웹 사이트의 발전

  • User Interaction 의 중요성 증가 + 웹 서비스의 복잡성 증가 + 사용자 수, 데이터의 양 증가
  • 이전에 겪지 못한 두 가지 문제 - 1. 동시 접속자 수, 2. 데이터의 양 → System architecture 의 발전 -웹 사이트/서비스들이 엄청나게 발전되고 규모가 커짐에 따라 시스템 구조도 훨씬 더 복잡하고 커지게 됨

SPA + SSR + CSR

  • SPA(Single Page Application) :페이지가 하나인 어플리케이션 SPA로 렌더링 할 경우 서버에서 제공하는 페이지가 한 페이지이기 때문에 로딩을 한 번 하고나서 페이지를 이동할 때마다 서버에 새로운 페이지를 요청하는 것이 아닌 새 페이지에서 필요한 데이터만 받아와서 다른 종류의 뷰를 보여주는 것

  • SSR(Server Side Rendering)
    서버에서 렌더링을 작업하는 것 장점) 초기 렌더링 속도가 매우 빠르며 SEO를 사용할 수 있음 단점) 간단한 데이터 수정에도 서버를 거쳐야하는 불편함이 따르기 때문에 초기 렌더링 수행은 빠르지만 연속적으로 렌더링 수행을 할 경우 서버에 과부하가 올 수 있음
  • CSR ( Client Side Rendering)
    렌더링에서 사용자에게 필요한 부분만 서버로부터 로딩하는 방식 주고받게 되는 데이터의 양이 현저히 줄어들고 연속된 렌더링으로 인한 과부하를 줄일 수 있음

UX(User Experience) - 사용자 경험

사용자 규칙

  • 사용자는 웹페이지를 읽지 않고, 단지 훑어본다.
  • 사람들은 사용법을 스스로 알아낼 수 없는 웹사이트는 사용하지 않는다.
  • 사용자는 흔히 ‘정보의 냄새’라고 부르는 자취를 따라가며, 목표를 분명히 보여주는 링크는 사용자가 따라갈 수 있는 강력한 냄새를 뿜어낸다.
  • 창의적이고 혁신적인 방법은 사용자의 편의성이 확실히 보장된 상태에서 해야한다.
  • 명료성이 일관성보다 중요하다.
  • 클릭할 수 있는 요소를 명확히 표시해야한다.

UI - UX

✨ UX를 고려한 웹사이트는 사용자의 경험을 예측하여 시각적인 피로도를 낮추고 더불어 사이트의 접근성도 높힌다!