스파르타코딩클럽82 UI/UX 용어 정리 (2) 1. 아코디언 유저가 각 섹션을 펼쳐서 컨텐츠를 확인하고, 필요하지 않으면 축소할 수 있는 인터페이스이다. 많은 양의 정보를 한정된 공간에 담을 때 사용한다. 2. 벤토 메뉴 통칭 벤토(도시락) 메뉴 또는 벤토 박스라고 불리는 이것은 그리드 목록으로 나열되는 메뉴를 의미한다. 3. 도너 메뉴 잘 알려진 햄버거 메뉴의 바리에이션이다. 햄버거 메뉴가 같은 길이의 선들이 쌓여진 형태라면, 도너 메뉴는 다른 길이의 선이 쌓인 형태이다. 주로 아래로 갈수록 선이 짧아지는 형태로 활용된다. 4. 피드 피드는 사용자의 활동을 시간순으로 표시한다. 내용은 다양하며 단순한 텍스트에서 이미지, 비디오에 이르기까지 여러가지 종류로 표현된다. 트위터를 생각해보면 이해가 빠르게 간다. 5. 폼 폼은 사용자가 시스템에 연관된 정.. 2023. 12. 4. 사용자의 마음을 읽는 디자인 주제: 인지 부하를 줄이는 UX 디자인의 비밀 인지부하는 사람의 두뇌가 정보를 처리하고 이해하는 데 드는 정신적 노력의 양을 의미한다. 이 인지부하를 줄이기 위한 디자인 방식은 크게 다섯가지로 요약할 수 있다. 1. 간결함과 명확성: 정보를 최대한 간결하고 명확하게 제공한다. 복잡하고 불필요한 정보는 빼서 속도를 높인다. 2. 질서 부여: 사용자가 나열된 정보를 패턴으로 인식할 수 있게씀 질서를 부여한다. 유저는 정보를 읽는 게 아니라 바르게 이해하고 싶어 한다. 3. 그루핑 활용: 정보를 개별로 나열하지 말고 덩어리로 묶어야 한다. 이를 통해 사용자의 기억력을 증가시킬 수 있다. 4. 단계별 접근: 큰 문제를 작고 단계적으로 나눠 접근하면, 인지 비용을 절약할 수 있다. 한 페이지 스크롤이 너무 길다면.. 2023. 12. 4. 스코클 사전캠프 2주차 후기 이번 주에는 본격적으로 UI적인 결과물을 많이 만들었다. 데일리 미션도 1주차보다 많은 시간이 필요해졌다. 특히 오늘을 포함한 3일, 수,목,금요일에 진행한 데일리 미션은 클론 디자인이었는데 여지껏 했던 미션중에 가장 오래걸렸다. 하지만 직접 결과물을 만들어 낸다는 것에서 오는 재미가 있었다. 얼마나 비슷하게 만드냐에 집중해서 만들어서 나의 창작이라고 할 수 없지만 최신 UI 트렌드나 디자인 감각을 키우는 것에 큰 도움이 되었다. 성장을 하였는가? 물론 성장하였다. 가장 중요한 것은 이제 15시부터 21시까지 공부하는 것이 힘들지 않다는 사실이다. 점점 습관이 되고 일상이 되어 가고 있다. 하지만 이번주에 나는 수면 패턴이 망가졌었다. 힘든 사정이 나를 불면에 빠지게 하였다. 다음주부터는 심화된 클론디자.. 2023. 12. 1. 여기어때 UI/UX 어때? 여기어때는 이번년도(2023년)에 UI/UX를 약 3개월간 카드UI를 플랫폼 통틀어 일관성을 만들어내기 위해 문제 정의부터 AS IS와 TO-BE로 A/B테스트까지 마쳤다. 이 UX 솔루션은 성공적이었고 구매전환율과 매출이 상당한 수치로 올랐다. 여기어때 UX 팀에서는 수 많은 A/B테스트를 통해 "사용자에게 불필요한 정보는 제거하고, 필요한 정보만 강조하면 사용자 구매 경험에 긍정적인 영향을 미쳐 구매전환율과 매출 상승에 도움이 된다."라는 인사이트를 얻었다고 한다. 이를 통해 두 가지 목표를 가지고 선행 프로젝트를 진행하였다. 1. 여기어때 플랫폼의 다양한 서비스를 포용할 수 있는 일관성을 만들어 낸다. 2. 여기어때 카드 UI의 근본적인 사용자 문제 해결을 한다. 이 팀은 벤치마킹을 통해 문제점을 .. 2023. 11. 28. 클릭율에 대한 2가지 꿀팁 오늘은 우디 작가님의 두 개의 글을 읽고 분석하여 인사이트를 뽑아보겠다. 주제는 "사람들의 마음을 이끄는 법"으로 했으며 CTA와 제목 관련 글을 읽을 것이다.1. 완벽한 CTA를 찾아서-요약글●CTA는 Call To Action의 약자로 사람들의 결정을 좌우하는 역할을 한다. 덴마크 회사에서 진행한 CTA A/B테스트 결과 제품의 개요나 설명을 보기 전에 CTA가 먼저 보이는 것보다 충분한 정보를 제공받은 뒤에 CTA가 보이는 형태가 회원가입률이 더 높았다. 회원가입 뿐만 아니라 '더 읽기'나 '구독하기' 등이 포함된다. CTA는 가장 중요한 목적이 무엇인지에 따라 형태가 버튼이나 하이퍼링크 등 여러가지로 달라질 수 있다. ● CTA버튼 중 가장 중요한 버튼의 색상을 강조함으로써 사용자의 주목을 끌 수.. 2023. 11. 27. 스코클 사전캠프 1주차 후기 11월 20일에 시작이 되었던 스파르타코딩클럽의 사전캠프가 어느덧 5일이 지나 24일 되었다. 많은 시간이 지나진 않았지만 갈 길을 방황하던 나에게 방향성을 잡아준 캠프 덕분에 나는 재정비하는데 충분한 시간이 되었다. 각을 잡고 공부를 하는게 오랜만이라 6시간 공부하는 것도 처음엔 꽤나 버거웠다. 같이 시작한 동기들과 매니저님들의 도움 덕분에 5일은 무사히 수강했다. 나의 현재 상태는 어떠한가? Figma 독학을 한 달 정도 하고 캠프에 들어온 것이 나에게는 큰 이점이 되었다. 기초적인 지식에서 막히지 않고 예시를 금방 따라 만들면서 모르던 부분만 쏙쏙 캐치할 수 있었기 때문이다. 그렇기 때문에 1주차만에 4주차 강의까지 완강할 수 있었다. 하지만 5일동안 빠르게 진도를 나갔지만 나의 것이 되었다는 느낌.. 2023. 11. 24. 이전 1 ··· 10 11 12 13 14 다음
