만약 인스타그램에서 ‘좋아요’를 눌렀을 때, 버튼이 바로 활성화되지 않고 0.5초 동안 로딩 스피너가 돈 뒤에야 하트가 채워진다면 어떨까요? 혹은 메신저에서 메시지를 보냈는데, 서버 응답이 올 때까지 아무 변화도 없다면요? 아마 많은 사용자는 “앱이 느린데?”, “인터넷이 끊겼나?” 라고 느낄 것입니다. 하지만 우리가 실제로 사용하는 대부분의 서비스는 그렇지 않습니다. 버튼을 누르는 순간 화면은 즉시 반응하죠 사실 이 반응은 서버의 결과가 아니라, 성공할 것이라고 ‘낙관적으로 가정’하고 먼저 보여주도록 의도적으로 설계된 UX 입니다. 이처럼 사용자의 체감 속도를 개선하기 위해 사용하는 인터페이스 설계 방식이 바로 ‘옵티미스틱 UI(Optimistic UI)’ 입니다. 옵티미스틱 UI..

일한당/조금 아는 거로 있어 보이기 2026. 5. 26. 18:18

들어가기기획을 하다 보면 ‘데이터가 완벽하게 흐를 때’의 시나리오만 그리기 쉽습니다. 이상향을 바라보고 기획하니까요. 하지만 현실에서는 서비스의 네트워크 장애, 데이터 누락, 예외적인 사용자 행동 등의 예외 케이스들이 존재합니다.이때 서비스의 품격을 결정하는 것이 바로 Default와 Fallback입니다.✔️ Default : 사용자가 처음 진입했을 때, 빈 공간 대신 어떤 화면을 보여줄래?✔️ Fallback : 만약 API 호출이 실패하거나 데이터가 0건이라면, 유저는 어디로 가야해?DefaultDefault : 기본값Default는 사용자가 별도의 선택을 하지 않을 때 시스템이 미리 설정해둔 기본값으로, 사용자의 인지 부하를 줄이기 위해 존재합니다. Default값이 없어 사용자가 모든 것을 선택..

일한당/조금 아는 거로 있어 보이기 2026. 5. 7. 10:43

화면을 빠르고, 안정적으로 렌더링하는 웹사이트를 우리는 건강한 웹사이트라고 할 수 있어요. 친절하게도 구글에서 건강한 웹사이트가 무엇인지 체크할 수 있는 정량적 지표를 제공해주고 있는데요. 바로 그 지표가 되는것이 Web Vitals 입니다. Web Vitals은 사용자가 웹사이트를 경험할 때 ‘건강 상태’가 어떤지를 구체적 수치로 보여주는 지표로크게 LCP(처리시간), INP(응답시간), CLS(시각적 안정성)로 구성되어있어요.LCP : 화면의 로딩 시간을 측정INP : 브라우저가 사용자의 행위에 반응하는 시간을 측정CLS : 화면이 로딩되면서 밀리는 현상이 얼마나 적은가를 측정위 세가지 기준을 간단히 말하면 화면을 빠르고, 안정적으로 렌더링하는 브라우저가 건강한 웹사이트라고 할 수 있겠습니다. 그럼..

일한당/조금 아는 거로 있어 보이기 2026. 1. 29. 18:03

💡이 글을 통해 알게 되는 것크롤링이 무죄가 된 이유와 전망크롤링 기술의 합법적 활용 사례크롤링 사건경쟁사의 서버에서 데이터를 대량으로 수집한 일명 '여기어때 크롤링 사건'. 많은 분이 기억하시겠지만, 대법원의 최종 결론은 '전부 무죄'였습니다. (대법원 2022. 5. 12. 선고 2021도1533 판결) 일반적인 상식으로는 "남의 정보를 몰래 가져갔으니 범죄 아닌가?"라고 생각하기 쉽습니다. 하지만 대법원은 형사법의 대원칙인 '죄형법정주의(엄격해석의 원칙)'를 들어 범죄가 성립하지 않는다고 판단했습니다. 오늘은 대법원이 검찰의 기소 내용을 하나하나 깨트린 3가지 핵심 법리를 정리해 드립니다.사건의 발단후발 주자의 욕심2015년 당시, 숙박 앱 시장의 압도적 1위는 10년 업력의 ‘야놀자’였습니다. ..

일한당/조금 아는 거로 있어 보이기 2025. 12. 8. 16:53

UX 기획을 공부할 때와 실무에서 UX 기획 업무를 진행할 때 가장 크게 느껴지는 차이 중 하나는 바로 'Back-Office(약칭 BO)'의 존재입니다. 대부분의 UX 관련 강의나 책에서는 사용자의 여정, 사용성 테스트 같은 UX 디자인 방법론이나 실제 UI가 구성되는 프론트엔드 화면에 초점이 맞춰집니다. 하지만 실제 서비스가 돌아가려면 일반적인 사용자가 보는 화면 뒤편에서 데이터를 입력하고 관리하는 중심이되는 곳 즉, Back-Office 기획이 아주 중요합니다. 그렇다면 이 Back-Office는 구체적으로 어떤 것일까요? Back-Office에 대해 구체적으로 알아보기 전 우리가 기획하고, 사용하는 서비스의 가장 기본적인 논리를 다시 한번 확인해 보겠습니다. 바로 '모든 서비스..

일한당/조금 아는 거로 있어 보이기 2025. 5. 6. 23:34

UI·UX 기획을 할 때는 목표로하는 서비스의 핵심 기능 및 플로우를 사전에 확인할 수 있는 방안으로 와이어프레임(wireframe)을 그리게 됩니다. 그리고 정리된 와이어프레임을 기준으로 상세 설계 산출물을 작성하고, 디자인팀 및 개발팀과 소통하는 것이 일반적입니다. 그렇기 때문에 와이어프레임은 빠르고(팀 전체의 이해도를 빠르게 높이기 위함), 정확하게(기능이나 플로우의 뼈대가 튼튼하게 하기 위함) 설계하는 것이 중요합니다. 이렇게 설계된 와이어프레임은 서비스의 핵심 기능 및 플로우를 사전에 확인할 수 있는 좋은 수단이 되는데, 불과 10년 전만 하더라도 파워포인트(PPT)로 와이어프레임을 그렸는데, 그러다보니 빠르고 정확하게 설계하는 것이 쉽지 않았습니다. (사실 아직도 예전 ..

일한당/조금 아는 거로 있어 보이기 2025. 4. 27. 22:45

제가 UXUI 기획을 처음 시작했을 때, 그리고 지금까지 동일한 직무 채용을 진행하면서 가장 많이 들었던 말들을 돌이켜보면, 거의 대부분 하나의 문장으로 정리가 되는 것 같습니다. UX를 혁신하겠다!   그러나 위 문장을 실제로 어떻게 수행할 것인지를 살펴보면, 법적 규제, 개발 공수, 보안 이슈 등의 현실적인 문제로 실현이 불가능하다고 판단되는 경우가 많습니다.  (이런 경우를 저희는 '상상 기획'이라 부르곤 합니다.)  또한,   기획 당시에는 사용성이 엄청나게 향상될 것이라고 예상했지만 실제로 테스트해 보니 그렇지 않은 경우도 상당히 흔합니다. (물론, 초기 UX 혁신 사례인 트위터의 "Pull to refresh" 같은 케이스도 분명 존재하지만)   즉, "UX를 혁신함으로써 사용하기 좋은 서비스..

일한당/조금 아는 거로 있어 보이기 2024. 12. 31. 15:14

이제 UXUI 업무를 하는 분들에게 Figma는 많이 익숙해지기도 했고,  또 그만큼 잘 사용하는 것도 같습니다.  이전 콘텐츠에서는 Figma로 시작하는 UI 디자인 실무라는 주제로 Figma를 잘 사용하기 위한 4가지 주요 개념을 정리해 보았는데,   Figma로 시작하는 UI 디자인 실무Figma와 UI 디자인은 이제 떼려야 뗄 수가 없는 사이가 된 것 같습니다. 사실 생각해보면, Figma가 세상에 나온 이유가 UI 디자인을 쉽게 하기 위함이니 당연한 이야기라 할 수 있습니다. 그러나 UI 디blog.hohakdang.com 이번에는 디자인 관점이 아닌 실제 프로젝트를 구성하고, 다른 팀들과 협업하는 관점에서 Figma를 어떻게 활용하면 좋은지를 살펴보겠습니다.   사실 여러 서비스 구축/운영 프..

일한당/조금 아는 거로 있어 보이기 2024. 10. 28. 21:17