UX & UI(2)
-
모달과 팝업의 차이점
매번 기획하면서 쓰는 용어인데 할 때 마다 헷갈리는 것 같다. 이번 기회에 정리해서 꼭 기억해 두도록 해야겠다. 공통점모달창과 팝업창 모두 사이트의 현재 열려있는 페이지를 가리며 그 위에 새로운 창이 더 뜨는 형태 차이점 1. 팝업팝업창은 방문자가 페이지에 도착함과 동시에 자동으로 창이 뜸 (단, 사용자의 브라우저 옵션 설정에 따라 팝업창이 열리지 않을 수 있습니다.)팝업창은 방문자가 한 번 닫으면 다시 열리지 않도록 설정 가능2. 모달모달창은 방문자가 버튼이나 이미지를 클릭했을 때만 나타납니다.모달창은 현재 페이지 위에 나타나므로 다른 페이지로 이동하는 것보다 새로 열리는 창의 내용을 쉽게 접할 수 있고, 닫기 버튼을 누르면 모달창이 닫기므로 다시 원래의 페이지를 둘러보기 쉽습니다.
2025.01.22 -
Figma를 활용해 유튜브 뮤직 Wireframe 만들기
Figma를 활용해 유튜브 뮤직의 재생 목록 정렬을 바꾸어보자사용자는 음악 서비스를 들을 때, 재생 목록을 커스텀하는 User Story가 있을 수 있다. 유튜브 뮤직은 사용해본 사람은 알겠지만 재생목록을 유튜브 뮤직 알고리즘에 따라 자동으로 생성해준다. 그렇기 때문에 재생목록을 커스텀 하지 않는 케이스도 있겠지만, 자동으로 생성되는 플레이리스트에서 사용자가 재생목록을 커스텀 할 수 있고 그 방식은 매우 쉽고 직관적이다. 나는 유튜브 뮤직의 이러한 UX/UI가 재생목록을 커스텀하는 사용자의 '재생목록 커스텀할 때의 불편함'이라는 문제를 해결했다고 생각하고, 이에 대한 User story를 Figma tool을 이용해 작성하고자 한다. '재생목록 커스텀할 때의 불편함'(User Story)이라는 문제를 해..
2021.07.11