pxd story

pxd story

전체 글보기
  • pxd UX lab (1489)
    • UX 가벼운 이야기 (601)
    • GUI 가벼운 이야기 (153)
    • UX Engineer 이야기 (85)
    • AI 이야기 (10)
    • pxd AI툴 이야기 (8)
    • Blockchain UX 이야기 (71)
    • pxd talks (113)
    • Review | 컨퍼런스, 학회, 전시, 도서 (172)
    • pxd 다이어리 & 소소한 이야기 (201)
    • pxd 뉴스룸 (12)
    • Re-design! (33)
    • pxd 프로젝트 리뷰 (11)
    • inspiration movie (16)
    • (Private) 쓸거리 (0)
    • (Private) pxd idea (0)
  • 공지사항
  • 방명록
  • 태그
  • pxd Homepage
  • pxd Medium - Blockchain Story
  • pxd XE Group - FED
  • LeanUX Lab
RSS 피드
로그인
로그아웃 글쓰기 글수정 관리

pxd story

컨텐츠 검색

태그

Persona UI pxd 퍼소나 서비스 디자인 심리학 산책 미디어 도서 조사 방법 전시와 작가 Lean UX 진로교육 컨퍼런스/세미나 pxd Talks 리뷰 프로젝트 방법 UX 해외교육 국내교육 디자인 사고

최근글

댓글

공지사항

  • 2018 pxd story 포스트 모음
  • 2017 pxd story 포스트 모음
  • 2016 pxd story 포스트 모음

아카이브

pxd UX lab(1489)

  • 유심으로 어떤 일이 일어나는가?

    doworld ― 2025.05.01
  • Waymo UX: 2)자율주행 차량 호출 서비스 UX

    Seungyoon Lee ― 2025.04.28
  • Waymo UX: 1)탑승 경험

    Seungyoon Lee ― 2025.04.24
  • 웹브라우저는 바쁘다

    hongdoyoung ― 2025.04.21
  • A11y Checklist

    taeyong.kim ― 2025.04.10
  • [UX 운영이 만드는 가치] 플랫폼을 통합하고 더 나아가기

    pxd story ― 2025.04.08
  • Subgrid, Container Queries로 UX 향상시키기

    shushushu ― 2025.03.31
  • Socket.IO로 구현하는 실시간 양방향 통신

    bareum.park ― 2025.03.10
  • Next.js 레이아웃과 템플릿 - 동작 원리와 최적화

    doworld ― 2025.02.17
  • 커서 AI, 코파일럿에 이어 써봤습니다

    bareum.park ― 2025.02.04
  • 라우팅 인터셉트 기능을 활용한 모달 인터랙션 향상

    doworld ― 2025.01.20
  • [UX 리서치] 블록체인이 만드는 팬덤의 진화 #4편

    Yoonyoung Jung ― 2025.01.15
유심으로 어떤 일이 일어나는가?

들어가며최근 SKT의 해킹 사건으로 유심에 대해 관심이 생겨서 찾아보았습니다. 유심(USIM)은 단순한 칩이 아니다대부분의 사람들은 유심을 단순히 전화번호 저장용 칩 정도로 생각하지만, 실제로는 통신망 인증, 암호화, 위치 정보, 인증 수단 등 다방면에 관여하는 보안 디바이스입니다. 유심에는 뭐가 들어있지?유심 내부에는 가입자 정보를 인증하고 통신을 가능하게 하는 핵심 데이터가 저장돼 있습니다.IMSI (국제 이동 가입자 식별번호): 가입자를 식별하는 고유 번호. (유저 ID 역할)Ki (개인 인증키): 이동통신사만 알고 있는 비밀 키로, IMSI와 함께 기지국에서 인증에 사용됨.전화번호, 통신사 정보SMS/MMS 설정 정보, 일부 주소록eSIM은 동일한 개념을 칩 내장형 소프트웨어 형태로 구현한 것...

doworld 2025. 5. 1. 07:50
Waymo UX: 2)자율주행 차량 호출 서비스 UX

얼마 전 고등학생 딸과 함께 LA를 짧게 방문했습니다. 체류하는 동안 함께 웨이모(Waymo)를 2번 타봤는데 그 경험을 공유합니다. Waymo란? 먼저 웨이모는 자율주행 차량 호출 서비스(autonomous ride-hailing service)로 현재 미국 샌프란시스코, LA, 피닉스, 오스틴, 애틀랜타(곧 운행 예정) 지역에서 운행되고 있습니다. 자세한 내용은 웨이모 홈페이지(https://waymo.com)를 참고해 보세요. 지난 글에서 웨이모 탑승 경험에 대해 소개를 했는데요, 이번 글에서는 이 과정에서 자율주행 차량 호출 서비스에서 몇 가지 생각해 볼만한 UX 포인트를 이야기해보려고 합니다. 자율주행 차량 호출 서비스 UX운전자가 없는 차량을 사용자가 타는 경우에 UX 관점에서 생각해 ..

Seungyoon Lee 2025. 4. 28. 07:50
Waymo UX: 1)탑승 경험

얼마 전 고등학생 딸과 함께 LA를 짧게 방문했습니다. 체류하는 동안 함께 웨이모(Waymo)를 2번 타봤는데 그 경험을 공유합니다. Waymo란? 먼저 웨이모는 자율주행 차량 호출 서비스(autonomous ride-hailing service)로 현재 미국 샌프란시스코, LA, 피닉스, 오스틴, 애틀랜타(곧 운행 예정) 지역에서 운행되고 있습니다. 자세한 내용은 웨이모 홈페이지(https://waymo.com)를 참고해 보세요. Waymo Journey웨이모를 호출해서 탑승을 종료하기까지 다음과 같은 여정이 있었습니다. 이 저니를 바탕으로 느꼈던 경험을 하나씩 나눠 보겠습니다. ‘웨이모를 타도 될까?’ 확신 갖기 LA에 가면 ‘웨이모를 꼭 타봐야겠다’라는 생각을 했지만 불안한 마음은 있..

Seungyoon Lee 2025. 4. 24. 07:50
웹브라우저는 바쁘다

들어가며URL을 입력하고 엔터키를 누르면 눈앞에는 웹페이지가 순식간에 보입니다. 이 짧고도 간단한 행위 뒤에 브라우저에서는 어떤 일이 펼쳐지고 있을까요?거의 매일같이 웹을 탐색하는 우리지만 사실 그 내부에서는 어떤 복잡한 일이 벌어지고 있는지 생각해 볼 기회는 많지 않았던 것 같습니다. 이번 글에서는 그다지 관심 가지지 않았던 브라우저의 바쁜 일상에 대해서 간단히 알아보고 프런트 엔드 개발과 사용자 경험 측면에서도 생각해 볼 부분은 없는지 알아보고자 합니다. 브라우저가 웹페이지를 표시하는 과정웹사이트를 사용자에게 보여주는 일련의 과정을 위해 브라우저 안에서는 실제로 복잡하고 다양한 작업이 수행됩니다. 프런트 시점에서 단계별로 살펴보겠습니다.1. 요청사용자가 주소를 입력하면 HTTP 통신을 통해 브라우저는..

hongdoyoung 2025. 4. 21. 11:00
A11y Checklist

들어가며지난해 12월, 진행 중인 여러 프로젝트가 웹 접근성 준수를 요구하는 프로젝트였습니다.2021년에 그룹 차원에서 웹 접근성 전사 교육을 진행한 적이 있으나, 그 이후 약 4년이 경과했고 당시 사용한 자료는 ‘한국형 웹 콘텐츠 접근성 지침 2.1’을 기준으로 한 것이었습니다.이로 인해 2.2 기준의 내용으로 업데이트하여 사내 교육의 일환으로 웹 접근성에 대한 내용을 정리하고 온라인으로 교육한 내용 중 파트별 웹 접근성 체크리스트를 공유하고자 합니다. 웹 접근성이란?대부분 이미 익숙하겠지만, 먼저 웹 접근성이 무엇인지 간단히 살펴보겠습니다.월드 와이드 웹을 창시한 팀 버너스리는 웹이란 장애에 구애 없이 모든 사람이 손쉽게 정보를 공유할 수 있는 공간이라고 정의하였습니다.월드 와이드 웹을 창시한 팀 버..

taeyong.kim 2025. 4. 10. 07:50
[UX 운영이 만드는 가치] 플랫폼을 통합하고 더 나아가기

매일같이 집을 청소하고 관리하는 것처럼, 변화하는 환경과 사용자의 요구에 맞춰 제품과 서비스를 유지하는 업무를 ‘UX 디자인 운영 업무’ 또는 ‘UX 디자인 유지 보수’라고 합니다. 지난 글에서 고객사와 함께 이룬 결과를 바탕으로 그로스(Growth)의 관점을 더한 운영 업무를 소개했는데요. 이번 글에서는 피엑스디(pxd)가 수행했던 또 다른 운영 프로젝트 사례를 소개하고자 합니다. 복잡했던 서비스 위계를 정리하고, 고객사가 플랫폼을 운영하기 쉽도록 기반을 닦아준 프로젝트죠.규모가 큰 제조사는 필요에 따라 공장 내 조직에 적합한 업무용 서비스를 직접 만들어 쓰는 경우가 많습니다. 오랜 기간 조직별로 구축한 서비스는 겹치는 기능도 있고 그 사용 방식도 다르죠. 문제는 특정 팀이 만든 서비스를 다른 조직과 ..

pxd story 2025. 4. 8. 07:50
Subgrid, Container Queries로 UX 향상시키기

들어가며현대 웹 개발에서 CSS는 단순한 스타일링 도구를 넘어 사용자 경험(UX)과 개발 효율성을 높이는 중요한 역할을 합니다. 특히 최근 도입된 CSS Subgrid와 Container Queries는 복잡한 디자인 요구사항을 간결하고 유연하게 해결할 수 있도록 돕는 최신 기능입니다.하지만 처음 접하면 기존 Grid/Flexbox, Media Queries와 뭐가 다른지 헷갈릴 수 있습니다. 이번 글에서는 Subgrid와 Container Queries가 기존 방식과 어떻게 다른지, 어떤 장점이 있는지 비교해 보겠습니다. 1. CSS Subgrid: 부모-자식 레이아웃의 일관성1.1 기존 Grid/Flexbox와의 차이 기존 Grid/FlexboxSubgrid부모와 자식의 레이아웃이 서로 독립적부모의 ..

shushushu 2025. 3. 31. 10:30
Socket.IO로 구현하는 실시간 양방향 통신

들어가며최근 실시간 알림 등 양방향 통신이 필요한 기능에 대한 관심이 많아지면서 자연스럽게 WebSocket에 관심을 갖게 되었습니다. 특히 WebSocket을 좀 더 쉽게 구현할 수 있게 해주는 Socket.IO라는 라이브러리를 알게 되어 공유해 보고자 합니다.WebSocket과 Socket.IOWebSocket 이란?WebSocket은 클라이언트와 서버 간의 양방향 통신을 가능하게 하는 프로토콜입니다. 기존의 HTTP 통신이 클라이언트의 요청에 서버가 응답하는 단방향 통신이었다면, WebSocket은 연결이 수립된 후에는 양쪽에서 자유롭게 데이터를 주고받을 수 있습니다.Socket.IO란?Socket.IO는 WebSocket을 기반으로 하되, 더욱 다양한 기능을 제공하는 라이브러리입니다. 주요 특징은..

bareum.park 2025. 3. 10. 13:00
Next.js 레이아웃과 템플릿 - 동작 원리와 최적화

들어가며Next.js를 사용해 오면서 레이아웃 컴포넌트는 프로젝트 초반에 구성을 하며 생성하고 사용을 하지만, 템플릿은 그에 비해 사용을 잘 안 하게 되는 것 같아 이 둘에 대해 살펴보았습니다.글로 이해 하는 것보다 코드를 천천히 읽어보면 더욱 이해가 수월할 것 같습니다. 레이아웃의 내부 동작레이아웃 컴포넌트는 Next.js의 서버 컴포넌트 아키텍처에서 특별한 위치를 차지합니다.기본적으로 서버 컴포넌트로 동작하며, 한 번 렌더링 된 후에는 세그먼트 트리에서 지속적으로 재사용됩니다.// app/layout.tsximport { headers } from 'next/headers'export default async function RootLayout({ children,}: { children: Rea..

doworld 2025. 2. 17. 07:50
커서 AI, 코파일럿에 이어 써봤습니다

피엑스디(pxd)의 개발 조직인 XE(eXperience Engineering) 그룹은 개발자를 위한 여러 AI툴을 업무에 활용해 보고 있습니다. 지난 글에서는 깃허브(Github)의 코파일럿(Copilot)의 사용기를 전했는데요. 이번에는 커서(Cursor AI)를 써보고 그 후기를 전합니다. 이미 1년 동안 코파일럿을 써본 터라 하려고 하지 않아도 자연스럽게 두 AI툴을 비교해 보기도 했죠. 덧붙여 저희는 맥(Mac) 운영 체제에서 비주얼 스튜디오 코드(VSCode) 편집기를 활용했습니다.학습과 호환이 용이한 커서의 첫인상커서는 첫인상부터 좋았습니다. 챗GPT(ChatGPT)가 공개된 이후 세상에 많은 AI 코딩 툴이 나왔는데요. 그중에서도 커서가 매력적으로 느껴졌던 이유는 개발 문서를 학습시킬 수 ..

bareum.park 2025. 2. 4. 13:00
라우팅 인터셉트 기능을 활용한 모달 인터랙션 향상

들어가며Intercepting Routes라고 혹시 들어보셨나요?Next.js 13.3 버전에 추가된 기능이라고 하는데 저는 최근에 알게 되었습니다.이 기능을 활용하면 모달의 사용성과 사용자 경험을 개선할 수 있을 것 같다는 생각을 하여 공유하고자 합니다.Intercepting Routes란?Intercepting Routes는 Next.js에서 도입된 새로운 라우팅 기능입니다. 이 기능을 사용하면 현재 레이아웃 내에서 다른 경로의 콘텐츠를 "가로채서" 표시할 수 있습니다.사용자가 특정 경로로 이동할 때, 그 경로의 콘텐츠를 현재 페이지 컨텍스트 내에서 표시하는 것입니다. 이는 주로 모달, 슬라이드 오버, 또는 다른 형태의 오버레이 UI 요소를 구현할 때 유용합니다.작동 방식 및 구현 방법Intercep..

doworld 2025. 1. 20. 07:50
[UX 리서치] 블록체인이 만드는 팬덤의 진화 #4편

pxd UX리서치팀은 지난 17개월 동안 약 8건의 리서치 프로젝트를 진행하며 20명 이상의 팬과 아티스트를 만났습니다. 그리고 '블록체인이 만드는 팬덤의 진화' 시리즈를 통해 팬 활동이 블록체인 기술을 만나 그리는 새로운 팬 활동의 모습을 소개하고자 합니다. [Cycle 4] 비음원 콘텐츠: 발행 및 판매 ↔ 소비/탐색/공유 WEB2: 포토카드를 매개체로 얻는 유대감과 소속감마케팅의 일환으로 팬덤이 소비할 수 있는 다양한 콘텐츠가 생겨나고 있습니다. 2022년 12월 한국소비자원에서 실시한 ‘팬덤 마케팅 소비자 문제 실태 조사’에 따르면, 팬은 주로 구매하는 팬덤 마케팅 품목으로 77.8%가 ‘음반’으로 응답했으며, 구매 목적으로는 음반 수집 및 음악 감상 외 ​​‘음반에 포함된 굿즈 수집’이 52.7..

Yoonyoung Jung 2025. 1. 15. 17:03
1 2 3 4 ··· 125
pxd story pxd, inc. pxd 오시는 길 XE Group UX Tech Lab.
©2025 pxd, inc. all rights reserved.

티스토리툴바