1. 교육을 들으며최근 외부 교육인 "생성형 AI 이해 및 Prompt Engineering"과정에 참여했다.업무에서도 ChatGPT나 Claude를 자주 활용하고 있었기에, 이번에는 'AI를 좀 더 정확하게, 좀 더 똑똑하게 다루는 방법'을 배워보고 싶었다.하지만 막상 교육을 듣고 나니, AI를 '잘 다루는 법'을 배우는 시점은 이미 지났다는 생각이 들었다.AI는 이미 우리가 기대한 '활용의 단계'를 넘어, 인간의 언어적 불완전함을 스스로 보완하고, 맥락을 읽는 수준으로 진화해 있었다. 2. 생성형 AI의 이해 - 더 이상 '문장을 예측하는 기계'가 아니다강의 초반에는 AI의 기본 작동 원리를 다뤘다.AI는 인간처럼 의미를 ‘이해’하는 것이 아니라, 단어를 잘게 나눈 뒤 확률적으로 다음 단어를 예측하는..

본 리포트는 GEO와 SEO를 한번에 통합 분석해주는 GEONIQ의 진단 기준에 따라 웹페이지의 구조, 콘텐츠, 기술적 탐색 요소를 종합적으로 분석하고, AI·검색 환경에서 해당 정보가 어떤 방식으로 인식·해석되는지를 정리한 분석 보고서입니다. 1) 분석의 관점과 범위이번 리포트는 국내 주요 은행인 KB국민은행, 우리은행, 하나은행, 신한은행, 카카오뱅크를 대상으로 2025년 12월 둘째 주에 진단을 진행했으며, 분석 대상 페이지는 다음 두 유형이다.메인 페이지 은행 브랜드와 서비스 전반을 대표하는 진입 지점금융상품 페이지 대출·예금·상품 안내 등 검색 노출과 AI 답변 인용에 직접적인 영향을 주는 핵심 페이지이번에 다루는 핵심 질문은 다음과 같다.AI와 검색엔진은 은행의 금융상품 정보를 어떤 구조로 이..

들어가며프로젝트 초반, 기획서는 정제되어 있었고 디자인도 군더더기 없이 잘 다듬어져 있었습니다.정리된 시안을 보면 누구든 이렇게 생각할 수 있습니다."이 정도면 그냥 그대로 구현만 하면 되겠네."하지만 실제 개발을 시작해 보면, 오히려 이런 ‘완벽한 시안’이 더 복잡한 구현 문제를 유발하는 경우도 있습니다.기획과 디자인에서 정리되지 않은 여백은 결국 프론트엔드 개발자의 판단과 설계로 채워지게 되며,그 과정에서 예상치 못한 간극들이 드러납니다. 1. 기획과 디자인은 ‘정적인 스냅샷’, 구현은 ‘동적인 흐름’정상 데이터가 있을 때특정 화면 크기에서의 UI정상적인 사용 흐름을 전제로 한 UX하지만 실제 구현은 그보다 훨씬 더 다양한 상태와 흐름을 감안해야 합니다. 예를 들면,로딩 중 상태, 에러 상태, 빈 상..

들어가는 글: Flat Design의 시대가 저물고 있다모바일 UX 디자인의 세계는 지금 조용하지만 거대한 지각 변동을 겪고 있습니다. 지난 10년 가까이 우리 눈을 지배해 온 깔끔하고 단순한 플랫 디자인(Flat Design)의 시대가 저물고 있습니다. 그 빈자리는 마치 현실 세계의 유리나 액체처럼 생생한 '물리적 질감(Materiality)'과 깊이감 있는 '공간(Space)'이 채우기 시작했습니다.UX 리서처의 관점에서 볼 때, 이 변화는 단순한 레트로 트렌드가 아닙니다. 이것은 다가올 공간 컴퓨팅(Spatial Computing) 시대를 위한 전략적 패러다임 전환입니다. 하지만 모든 변화에는 진통이 따르기 마련입니다. 과연 이 새로운 물결은 사용자에게 어떤 '마법'을 선사할까요? 그리고 그 화려함..

한글날을 맞이하여 한글키보드와 관련해 사내 메일로 주고 받았던 주제들을 모아서 정리해보려고 합니다. 우선 한글 터치 키보드 디자인에 대한 얘기입니다. 터치스크린을 채용한 폰이 나오면서부터 10키에서 벗어난 새로운 한글 자판의 배열을 고민하기 시작했습니다. 자판의 여러 시안을 만들어보긴 했는데 문제는 어떤게 좋은지 평가하기가 어려웠습니다. 매번 사람들에게 테스트 해보게 할 수 도 없고, 한 두번 사용해서는 제대로된 평가를 할 수 없으니까요. 익숙한 자판이 더 편하니까 충분히 숙달 되기 전에는 비교가 어렵습니다. 그래서 자판의 효율을 간단히 평가할 수 있도록 키의 배열과 빈도를 시각화 할 수 있는 heatmap 생성 툴을 만들었습니다. 한글 자소 빈도 휴대폰 자판의 경우 새로운 방식의 한글 자판을 소개할 때..

조형의 요소와 원리 intro 조형의 요소와 원리 1 - 조형의 요소란? 조형의 원리란? 조형의 요소와 원리 2 - 조형의 원리와 분류 조형의 요소와 원리 3 - 통일성(Unity) : 게슈탈트 법칙 조형의 요소와 원리 4 - 통일성(Unity) : 근접의 원리 조형의 요소와 원리 5 - 반복 (Repetition) 조형의 요소와 원리 6 - 조화 (Harmony) 조형의 요소와 원리 7 - 리듬 (Rhythm) 조형의 요소와 원리 8 - 점이 (Gradiation) 조형의 요소와 원리 9 - 대칭 (Symmetry) 1 : 균형에 대하여 이번 회부터는 조형의 원리 중 각각의 세부적인 항목에 대해서 알아보도록 하겠습니다. 우선 통일성에 대해서 알아봅시다. 디자인 요소들 사이에 '눈에 보이는 시각적인, 형..

들어가며 사람은 어떠한 작업을 할 때 학습과 반복적인 행동을 통해 과정을 익히며 때로는 유연하게 변경하거나 다르게 대처하기도 합니다. 하지만 컴퓨터는 입력받은 값이 문자인지 숫자인지, 숫자라면 받은 수는 5보다 큰지 아닌지 등 한 단계 한 단계 조건이나 처리 기준이 있어야만 유효한 결과(값)를 도출합니다. 따라서 코드 작업을 할 때 흐름을 먼저 그리고 그것을 코드로 옮기는 습관이 있다면 프로그래밍 사고의 폭을 넓히는데 도움을 줄 수 있습니다. 흐름을 그린다는 것은 결국 사용자 경험(UX)에서 출발한다고 생각합니다. 그것을 어떻게 그려야 하는지 살펴보겠습니다. 순서도(Flowchart)란 워크 플로우나 과정을 기호(도형)로 그린 것입니다. 프로그래밍뿐만 아니라 분석, 설계, 디자인, 문서 작성 등 다양한 ..

요즘 AI 업계의 화두는 ‘에이전틱 AI(Agentic AI)’입니다. 그런데 에이전트 활용 경험은 이전과는 비슷하면서도 조금 다른 것 같습니다. 어떤 점이 달라야 할까요? 에이전틱 AI란?에이전틱 AI는 고도의 자율성을 가지고 스스로 작동할 수 있는 인공지능 시스템을 의미합니다. 동적으로 변화하는 환경에서 효율적인 결정을 내리기 위해, 에이전트 AI는 스스로 해야 할 일을 인지하고(Perceive) - 추론하고(Reason) - 계획을 세우고 알아서 행동하며(Act) - 학습(Learn) 단계를 거칩니다. 반면, 비에이전틱 AI인 프롬프트 기반 AI는 사용자의 지시, 즉 프롬프트 입력이 매번 필요합니다. 내 판단이 필요한 순간에 AI가 판단하고 액션을 취하고 학습까지 하여 최적의 결과를 내주는 것..

* 아래 예시 이미지들 중 일부는 Animated GIF라서 로딩 시간이 필요하거나 반복재생이 잘 안 될 수 있습니다.지난 글에서 'AI를 위한 UI 패턴'이라는 주제로 최근 AI를 활용하는 서비스들이 가지는 큰 구조의 UI 패턴들을 다뤘습니다. 이번 글에서는 AI를 활용한 서비스들에서 보이는 UX 요소들을 정리해보려고 합니다. 물론, UX적인 요소이기도 하지만 기술적인 부분과도 많은 부분 겹쳐져 있습니다. 더 넓게 살펴보고 세분화하면 훨씬 더 다양한 요소들을 정리할 수 있겠지만, 일단 제가 지금껏 학습하고 실제로 접한 서비스들을 기반으로 정리를 해보겠습니다.그리고 최근 많이 이야기되는 RAG, Agent와 같이 앞으로 기술적인 부분이 더 발전하고 새로운 방식이 추가될 수도 있고, 그렇다면 UX 관점에서..

최근 2년 동안 AI는 그 어떤 것보다 빠르게 발전하며 일상생활에 사용되고 있습니다. 대나무가 자라는 속도만큼 한 달 한 달 대단한 성장과 발전을 하며 더 좋아지고 있죠. 기존에도 AI는 있었지만, 모두가 느끼듯 지금과 같은 수준은 아니었습니다. 특히 생성형 AI, 그중에서도 ChatGPT는 이제 제가 컴퓨터를 사용하다가 막히거나 질문이 생길 때 가장 먼저 떠오르는 도구가 되었습니다. 특정 분야의 지식이나 최근 정보, 코딩, 에러 해결, 영어 등 뭐든 내가 필요한 정도는 해 줄 것이란 생각이 들죠.지금은 ChatGPT, Gemini, Claude 등의 대형 파운데이션 모델과 그 대화형 AI 서비스가 현재는 가장 널리 사용되는 서비스이지만, MS Office나 Google Workspace 같은 업무 도구..

제품과 서비스의 근본적인 문제 해결은 사용자와의 만남에서 시작됩니다. 하지만 그 만남에 닿기까지의 여정은 만만치 않죠. UX 리서치 계획 수립부터 대상자 선별, 모집 그리고 질문지 설계에 이르기까지의 모든 과정은 복잡하고 고도의 전문성을 요구합니다. 이로 인해 오랜 시간과 막대한 비용이 투입되기도 합니다. 저희는 리서치가 꼭 필요함에도 쉽게 시도하지 못했던 이유가 바로 여기에 있다고 생각하게 되었어요. 그래서 리서치 준비 과정을 효율화하고, 오로지 사용자 인사이트에 집중할 수 있는 업무 환경을 조성하는 것을 목표로 ReOpsAI(리옵스에이아이)를 준비하고 있습니다. 전문 리서처가 아니어도, 리소스가 충분하지 않은 작은 팀에서도, ‘사용자에 대한 깊은 이해를 원하는 모든 조직’이 고품질의 UX 리서치를 수..

검색에서 답변으로 — pxd가 만든 SEO+GEO 통합 진단 도구 들어가며"우리 사이트, ChatGPT한테는 어떻게 보일까?"요즘 들어 이런 질문을 자주 받습니다. 이제 사람들은 네이버나 구글에 키워드를 입력하기보다, ChatGPT, Gemini, Perplexity 같은 AI에게 질문을 하고 답을 얻는 방식에 익숙해졌습니다. 사용자의 의도를 이해하고 맥락에 맞는 정보를 직접 제공하는 생성형 AI는 이제 새로운 검색의 표준이 되어가고 있죠. 기업과 브랜드는 물론, 개인 역시 자신의 콘텐츠가 AI에게 어떻게 이해되고 평가되는지를 고민해야 하는 시대입니다. 단순히 검색 결과의 상위 노출이 아니라, AI가 신뢰할 수 있는 방식으로 콘텐츠를 설계하고 구현하는 것이 중요해졌습니다.기존의 SEO(Search Eng..

사용자가 '고객의 목소리로부터 빠르게 의미 있는 니즈를 읽고 좋은 인사이트를 얻길 바라는 마음'으로 만들기 시작한 '어피니티버블'은 올해 초 베타 버전을 공개한 이후 지금까지 기능과 성능을 강화해 왔는데요. 9월 1일부터는 방대한 데이터 분석도 가능한 유료 플랜을 제공하게 되었습니다.베타 버전을 운영하는 동안 어피니티버블은 사용자 여러분의 다양한 피드백을 받으며 성장해 왔습니다.수집한 데이터를 함께 분석하고, 새로운 관점들을 제시해 주는 동료 리서처 같은 도구가 되고자 많은 고민을 했는데요. 그 결과로 기본적인 사용 방식을 유지하면서 전문 리서처 분들의 니즈를 반영해 도구를 다듬었습니다.이번 글에서는 그동안 업데이트 또는 추가된 기능들과 함께, 서비스 플랜에 대해 소개하고자 합니다. 베타 버전과는 어떤 ..

pxd(피엑스디)에서는 지난 2년 동안 대규모 프로젝트를 진행하면서, 과정에서 맞닥뜨린 문제들이 있었습니다. 그래서 조직 내에서 반복적으로 발생하는 문제들을 모아 해결함으로써 조직 전체의 디자인 운영 효율을 높이는 것을 목표로 사내 스터디를 시작하게 되었죠. 스터디를 23년 2월부터 약 1년 4개월간 진행해 오면서, 그동안 연구한 내용을 바탕으로 ‘다수의 프로덕트를 운영하는 조직을 위한 디자인시스템’을 제작했습니다. 해당 시리즈를 통해 그 과정과 결과를 공유하고자 합니다. 프로젝트를 하면서 느낀 문제점 모으기 앞서 말씀드린 대로 대규모 프로젝트를 진행하면서 마주친 다양한 문제들이 있었습니다. 많은 구성원들이 이를 해결하기 위한 방법이 필요하다고 생각했고, 각자 프로젝트를 하면서 느꼈던 불편한 점, 개선되..

타이포그래피는 화면의 대부분을 구성하는 매우 중요한 요소로, 견고한 디자인 시스템을 위해 반드시 갖춰야 할 요소죠. 그러나 시스템 구축 초기 단계에서는 놓치기 쉬운 부분이기도 합니다. 피엑스디(pxd) 내부에서도 대규모 프로젝트를 진행하면서 텍스트 스타일 체계를 적용하는 과정에서 여러 어려움을 겪었습니다. 이러한 어려움을 어떻게 해결해 나갔는지 소개하겠습니다. 문제1. 확장성이 떨어지는 이름 규칙기존에는 Body 스타일의 이름을 지을 때 body 1, body 2와 같이 가장 큰 사이즈를 기준으로 내림차순으로 이름을 지었습니다. 프로젝트 초기에는 크게 문제가 없었지만, 운영을 하다 보면 꼭 아래와 같은 요청이 발생했습니다.큰 제목을 사용하게 되서, 더 큰 본문 텍스트가 필요해요. 18px정도면 좋을 것 ..

미리 알고 가면 좋은 개념원시 값(Raw value): #FF0000, rgb(255, 0, 0)와 같이 색상의 실제 값을 의미하며 가장 기본적인 색상 정의 방식입니다.시맨틱 컬러(Semantic color): 'text-primary', 'text-error'와 같이 색상의 용도나 의미에 따라 이름을 지은 토큰입니다. 용도에 따라 일관된 컬러를 사용하거나 접근성을 관리하기 위해 사용됩니다.스케일 컬러(Scale color): 'blue-100', 'gray-900'과 같이 색상을 일정한 단계로 나눠 지정한 토큰입니다. 일관된 색상 팔레트를 만들고 유지하는 데 사용됩니다.다양한 디자인 시스템의 컬러 체계 조사디자인 시스템을 만들 때 많이 참고하는 시스템은 주로 구글 머티리얼(Google Material)..

지난 2022년 여름부터 블록체인 기반 게임 플랫폼의 개편을 시작으로 약 2년 동안 블록체인 산업에 관한 리서치를 진행했습니다. DeFi(Decentralized Finance), NFT(Non-Fungible Token) 시장 서비스 등을 조사하며 많은 사용자를 만나 이야기를 나눴죠. 조사와 별개로 그들의 이야기를 듣고, 새로운 사실을 배운 순간들은 매우 유익하고 즐거웠습니다. 이번 글에서는 그중에서 특히 인상 깊었던 사용자들과의 만남을 소개합니다.블록체인 게임을 왜 할까? 타운스타라는 게임은 보통 100~1,000만 원 정도로 처음에 투입하는 금액부터 달라요. 암호화폐를 받을 수 있는 NFT를 사지 않으면 수익 없이 게임만 하다가 끝나는 경우도 있어요. - 국내 사용자 A 씨 블록체인 게임 사용자들과..

TL;DRTBA는 이더리움의 새로운 표준으로, "백팩 지갑"으로 기능할 수 있는 대체 불가능한 토큰(NFT)을 생성할 수 있게 해줍니다. 이를 통해 NFT는 다른 토큰을 저장하고, 컨트랙트와 상호작용하며, 트랜잭션을 수행할 수 있어 NFT의 유틸리티를 크게 향상시킬 수 있습니다. 각 캐릭터 NFT는 서로 다른 설정을 저장할 수도 있습니다. TBA는 사용자에게 독특한 경험을 제공할 수 있는 잠재력을 가지고 있으며, 번들링과 판매를 용이하게 하여 2차 판매를 촉진합니다. TBA는 AI와 로봇 간의 거래를 포함한 경제적 상호작용의 가능성을 상상하게 합니다.TBA에 대한 기술 소개를 찾는 것은 어렵지 않습니다. 하지만 TBA가 사용자에게 어떤 경험을 제공할 수 있는지에 대한 정보는 많지 않습니다. 이 글에서는..

웹3 생태계는 이용자들의 참여와 그에 따른 보상이 선순환하며 성장하는 매력적인 공간이에요. 이곳에서의 참여와 보상은 암호화폐로 이뤄지는데요. 웹3를 처음 접하면 여러 암호화폐 중 어떤 것을 써야 할지 고민이 될 수 있어요. 이런 분들에게 가치 변동성이 적어 비교적 접근하기 쉬운 Stablecoin(이하 스테이블코인)을 소개해요.스테이블코인이란?스테이블코인은 그 이름에서도 알 수 있듯이 안정성을 추구하는 암호화폐예요. 코인의 가치를 달러나 유로 같은 법정 화폐 또는 금, 부동산 같은 실물 자산의 가치에 연동해서 변동성을 최소화해요. 여기서 ‘연동’은 스테이블코인 발행량에 상응하는 만큼의 자산이 준비돼 있다는 의미예요. 암호화폐의 투명성과 접근성 등의 장점을 유지하면서 법정 화폐, 금 같은 자산의 안정적인 ..