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

이전 글에서 "도대체 웹사이트(또는 앱)은 무엇인가?"에 대해서 질문을 던지고 간단하게 답을 해보았는데,    그 답은 정말 간단하게 "앱 = 파일" 이었습니다.   [도대체 웹사이트는 무엇인가?] 도대체 웹사이트는 무엇인가?초등학교 6학년, 친구들 사이에서 홈페이지를 만드는 것이 유행했던 적이 있었습니다. (사실 그것은 홈페이지가 아니고 블로그와 카페였지만..) 그때 처음으로 웹사이트가 무엇인지에 대해 의문blog.hohakdang.com   그렇다면, 이번 글에서는 우리가 업무에서 가장 유용하게 활용하는 스프레드시트(엑셀) 파일을 활용해서 간단한 앱을 만들 수 있나?를 살펴보겠습니다.     일단, 세상에는 너무나도 좋은 앱 서비스들이 많기 때문에  대부분의 경우 필요한 서비스를 제공해주는 앱을 찾아..

호학당이 일하는 법/모르는 것과 친해지기 2024. 11. 28. 23:59

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

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

Figma와 UI 디자인은 이제 떼려야 뗄 수가 없는 사이가 된 것 같습니다. 사실 생각해보면, Figma가 세상에 나온 이유가 UI 디자인을 쉽게 하기 위함이니 당연한 이야기라 할 수 있습니다. 그러나 UI 디자인 실무에서 Figma를 처음 사용하게 되면, 많은 경우 프로젝트 일정에 맞추기 위해, 프로젝트 일정에 맞추기 위해, 그리고 프로젝트 일정에 맞추기 위해, ... Figma의 주요 개념을 이해하지 않고, 단지 화면을 그리는 도구로만 사용하는 것을 볼 수 있습니다.🫢 그래서 이번 글에서는 Figma를 100퍼센트 사용하는 데 도움이 될 만한 Figma의 주요 개념 4가지를 정리해보았습니다. 주요 개념은 아래와 같습니다. Styles Frame Auto Layout Component (해당 단어는 ..

호학당이 일하는 법/조금 아는 거로 있어 보이기 2022. 6. 17. 16:14

UI 디자인에 직접 경험이 없다면, 많은 경우 '디자인'이라는 단어를 단순히 '심미적으로 보기 좋게 그린다'는 정도로 생각하실 것 같습니다. 그러나 실제 업무를 진행하다 보면, UI 디자인에서 말하는 디자인은 (당연히 심미적인 부분도 중요하지만) '구조를 설계한다'는 의미가 더 적절할 것 같습니다. 불과 몇 년 전(2015~2016년)만 해도 상당수 UI·UX 디자인 작업은 PPT와 PhotoShop의 콜라보로 이루어졌지만, 이제는 거의 대부분의 실무에서 Figma, Framer, Adobe XD 같은 프로그램을 사용하고 있는 것 같습니다. 이러한 UI 디자인 프로그램들은 픽셀을 기반으로 벡터 그래픽을 그린다는 점에서 기존 디자인 프로그램들과 비슷하지만 컴포넌트를 활용해 구조를 설계하기에 더 적합하다는..

호학당이 일하는 법/조금 아는 거로 있어 보이기 2022. 5. 20. 11:43

호학당은 자체 서비스 외에도 IT 컨설팅 사업을 운영하고 있습니다. 주로 스타트업이나 대기업의 IT 서비스 구축 또는 고도화 프로젝트를 진행하고 있는데, 주변 지인들은 계속 "정확하게 무슨 일을 하고 있는건데?"라고 물어봅니다. 이런 질문을 받으면, "이 보게 나 친구, 사실 우리가 사용하는 많은 앱 서비스 외에도 세상에는 보이지 않는 IT 서비스가 많다네. 예를 들어, 은행에서는 전산화된 온라인 회계처리 시스템을 사용하고, 보험사에서는 상담을 위한 텔레마케팅 시스템을 사용하고, 제조사에서는 장치 판매 및 CS 업무를 위한 Web Ordering System을 사용하고, 항공사에서는 전산 예약을 위한 Global Distribution System을 사용하지. 우리는 그런 IT 서비스를 구축하거나, 개선..

호학당이 일하는 법/호학당과 같이 일하기 2022. 5. 9. 18:41