티스토리

pxd story
검색하기

블로그 홈

pxd story

story.pxd.co.kr/m

UX에 관한 pxd사람들의 진지하거나 소소한 수다

구독자
21
방명록 방문하기
공지 pxd 블로그 10주년 기념 설문 이⋯ 모두보기

주요 글 목록

  • 도전! AI와 한 팀 되기 #1 데스크 리서치 AI를 공부하면 할수록 실제로 사용해 보면서 이해도를 높여야 한다는 생각이 들어요. AI가 아무리 편하다고 하지만, 업무에 활용하려면 미리 연습이 필요하죠. 앞으로 능숙하게 사용할 수 있도록 AI와 함께 모의 서비스를 기획하기로 했어요. 지금부터 여러 서비스 기획자와 ‘신입사원 AI’가 한 팀을 이뤄 새로운 프로젝트를 진행할게요.우리의 첫 번째 목표는 기존 서비스 현황을 살피고 사용자의 불편을 개선할 수 있는 기능을 정리하는 거예요! 기존 서비스의 UI/UX를 알아보자프로젝트 주제는 ‘반려동물 동반 가능 장소 검색 및 추천 서비스' 개발로 정했어요. ‘반려 인구'가 1,500만 명에 달하는 시장 상황과 우리 팀원 모두가 반려동물을 기르고 있어 소비자 의견을 잘 알고 있다는 점을 고려했죠. 이제 주제에 맞.. 공감수 6 댓글수 5 2024. 11. 20.
  • 유입 경로와 검색어 기반으로 사용자 세분화하기 사용자 경험 기반의 상품을 개발하거나 서비스를 구축할 때, 또는 개선할 때 가장 많이 사용하는 방법이 퍼소나(Persona)입니다. 타겟층을 명확히 하고, 그들이 원하는 바를 파악해 상품과 서비스에 녹여내는 것이죠. 그리고 퍼소나를 만들 때 주로 인터뷰, 설문 조사 등 정성적인 방법을 주로 사용합니다. 하지만 이는 적지 않은 시간과 비용이 투입되는 작업이죠. 피엑스디(pxd)는 구글 애널리틱스(Google Analytics, GA)의 정량 데이터를 바탕으로 사용자를 세분화해서 퍼소나 구축에 활용할 수 있는 ‘데이터 드리븐 퍼소나(Data Driven Persona, DDP)’를 개발하고 있습니다. 이번 글에서는 퍼소나를 구축하기 전에 피엑스디 홈페이지 및 블로그 데이터로 사용자를 분류하는 예시를 보여드리.. 공감수 7 댓글수 4 2024. 11. 15.
  • 블록체인 서비스 리서치와 사용자 이야기 지난 2022년 여름부터 블록체인 기반 게임 플랫폼의 개편을 시작으로 약 2년 동안 블록체인 산업에 관한 리서치를 진행했습니다. DeFi(Decentralized Finance), NFT(Non-Fungible Token) 시장 서비스 등을 조사하며 많은 사용자를 만나 이야기를 나눴죠. 조사와 별개로 그들의 이야기를 듣고, 새로운 사실을 배운 순간들은 매우 유익하고 즐거웠습니다. 이번 글에서는 그중에서 특히 인상 깊었던 사용자들과의 만남을 소개합니다.블록체인 게임을 왜 할까? 타운스타라는 게임은 보통 100~1,000만 원 정도로 처음에 투입하는 금액부터 달라요. 암호화폐를 받을 수 있는 NFT를 사지 않으면 수익 없이 게임만 하다가 끝나는 경우도 있어요. - 국내 사용자 A 씨 블록체인 게임 사용자들과.. 공감수 17 댓글수 4 2024. 11. 12.
  • 네이티브 앱과 같은 사용자 경험 - PWA (feat. 웹 크롤링 cheerio) 들어가며어머니께서 매주 듣는 콘텐츠가 있는데 해당 사이트에서는 아이폰에서 바로 재생 지원을 하지 않고 있었습니다. 안드로이드에서 아이폰으로 기기변경을 하신 후 해당 콘텐츠를 듣지 못하게 되어 제가 xml을 이용해 구글 시트에서 해당 콘텐츠의 URL을 가져와서 노션에 사용하시기 편하게 오디오로 올려주는 것을 거의 2년 동안 했었는데요.바쁘거나 잊어버려서 놓치게 되면 길게는 몇 달까지도 딸한테 차마 올려달라고 말은 못 하고 못 듣고 계셨던 게 마음에 걸려 저걸 어떻게든 자동화 시켜야겠다! 라는 마음을 먹고 이번에 만들게 되었습니다.  기존 사이트 콘텐츠 크롤링 하기요 문제는 기존에 영민 선임님이 포스팅 한 cheerio로 쉽게 해결할 수 있었습니다.다만 타 사이트의 자료를 가져오는 것이라 CORS 문제를 만.. 공감수 10 댓글수 7 2024. 11. 11.
  • 더 편리한 창작을 위한 생성형 AI의 숙제 프로덕트 디자이너의 생성형 AI 사용기‘창작물’ 하면 뭐가 떠오르시나요? 프로덕트 디자이너로서 늘 디자인을 하고 있지만, 뭔가를 창작하는 일은 늘 어렵습니다. 괜히 부담감이 느껴지곤 하죠. 이런 창작의 어려움이 저 혼자만의 일은 아닐 겁니다. 원하는 대로 결과물을 만들어준다는 생성형 AI의 도움을 받는다면 어떨까요. 생성형 AI 챗GPT(ChatGPT)와 미드저니(Midjourney)*로 콘텐츠를 만들며 편리한 창작을 위해 필요한 조건들을 살펴봤습니다.*미드저니 V6 기준 생성형 AI로 네 컷 만화를 만든다면?여러 창작물이 있겠지만 그중에서도 저는 가장 먼저 떠오르는 글과 그림을 골랐습니다. 글과 그림을 각각 따로 만들기보다는 하나의 이야기를 만든 뒤에, 이 이야기를 표현하는 네 장의 이미지를 생성, ‘.. 공감수 20 댓글수 1 2024. 11. 1.
  • [Scaffold Design System] 6. 한 걸음씩 꾸준하게, 디자인 시스템 제작기 그동안 소개해 드렸던 스캐폴드 디자인 시스템(Scaffold Design System, 이하 스캐폴드 시스템)은 업무의 효율성을 높이고 싶었던 구성원의 자발적인 스터디를 통해 만들어진 결과물입니다. 오늘은 하나의 목표 아래 같은 방향을 바라보며 힘을 모았던 저희의 이야기를 소개하려고 합니다. 사내에서 스터디를 운영하는 어려움과 그 극복 방안, 완성한 스캐폴드 시스템을 효과적으로 전파하기 위해 기울였던 노력을 담았죠. 하나의 제작기라고 생각해 가볍게 읽어주시면 좋겠습니다. 효과적으로 운영되는 스터디 만들기사내에서 진행하는 스터디에는 뒤따르는 어려움이 많습니다. 업무와의 우선순위를 고려하다 보면 계획대로 스터디가 이뤄지지 않을 때가 많죠. 저희도 비슷한 어려움을 겪고는 했는데요. 시행착오를 겪으며 스터디를 .. 공감수 0 댓글수 0 2024. 10. 30.
  • [Scaffold Design System] 5. 구조가 명확해진 컴포넌트 피엑스디(pxd)는 그동안 다양한 프로젝트에서 각기 다른 규칙으로 컴포넌트를 만들어 왔습니다. 이 때문에 매번 다른 디자인 시스템 구조를 파악해야 했기에 작업 및 소통 효율이 떨어졌죠. 이를 해결하기 위한 기준 디자인 시스템인 스캐폴드 디자인 시스템(Scaffold Design System)을 구축하면서 컴포넌트를 일관된 기준으로 정리하고, 제작한 과정을 공유하고자 합니다. 반복되는 컴포넌트 제작, 서로 다른 용어프로젝트를 새로 시작하면서 디자인시스템을 만드는 작업자들과 진행 중인 프로젝트에 합류한 구성원들은 특히 컴포넌트를 새로 제작하는 데 많은 시간을 들여야 했습니다. 디자이너와 기획자, 프론트엔드 개발자까지 직군마다 아래와 같은 이유로 큰 불편함을 겪었죠.프로젝트를 시작할 때마다 수많은 컴포넌트를 .. 공감수 2 댓글수 0 2024. 10. 25.
  • 증분 정적 재생성 (ISR) 들어가며정적 사이트 생성(SSG)과 서버 사이드 렌더링(SSR), 클라이언트 사이드 렌더링(CSR)의 기능을 모두 포함하고 있는 프레임워크인 Next.js에서는 서버 사이드 렌더링(SSR)보다 정적 사이트 생성(SSG) 이 높은 성능을 지니기 때문에 정적 사이트 생성(SSG)의 사용을 권장하고 있습니다. 하지만 정적 사이트 생성(SSG)만으로는 분명 동적인 페이지를 만드는 데 한계가 있습니다.이로 인해 정적 사이트 생성(SSG)의 개념과 서버 사이드 렌더(SSR) 개념의 중간 영역쯤으로 볼 수 있는 증분 정적 재생성(ISR)이 등장하게 되었고, ISR로 인해 Next.js의 기능은 더욱 확장되었습니다. 이 글에서는 ISR의 개념과 작동 방식, 사용 예시,  Next.js에서의 예시 코드, 한계점 등에 대.. 공감수 4 댓글수 2 2024. 10. 24.
  • [Scaffold Design System] 4. 균일한 대비값을 가진 스케일 컬러 시스템 미리 알고 가면 좋은 개념원시 값(Raw value): #FF0000, rgb(255, 0, 0)와 같이 색상의 실제 값을 의미하며 가장 기본적인 색상 정의 방식입니다.시맨틱 컬러(Semantic color): 'text-primary', 'text-error'와 같이 색상의 용도나 의미에 따라 이름을 지은 토큰입니다. 용도에 따라 일관된 컬러를 사용하거나 접근성을 관리하기 위해 사용됩니다.스케일 컬러(Scale color): 'blue-100', 'gray-900'과 같이 색상을 일정한 단계로 나눠 지정한 토큰입니다. 일관된 색상 팔레트를 만들고 유지하는 데 사용됩니다. HSL 컬러 모델의 한계, 균일한 대비값 제작의 어려움HSL 컬러 모델에서는 Lightness(밝기) 값이 동일하더라도 Hue(색조).. 공감수 5 댓글수 1 2024. 10. 22.
  • React-hook-form + Yup 라이브러리 들어가며최근 프로젝트에서 폼 요소로 구성된 문의하기 팝업을 구현하는 과정에서  react-hook-form을 사용하게 되었습니다. 작업이 끝나고 코드 리팩토링 작업을 하면서 유효성 및 에러 처리를 좀 더 편리하게 도와주는 라이브러리 중 yup 대해 소개하려고 합니다.Yup 소개하기yup는 데이터의 유효성 검증을 객체 스키마로 선언하여 검증하는 라이브러리입니다. yup 설치 시 react-hook-form을 연결해 주는 라이브러리도 함께 설치해줘야 합니다.* 스키마란?데이터베이스의 구조와 제약 조건에 관한 전반적인 명세를 기술한 메타데이터의 집합을 의미. // 1. 설치npm install yup @hookform/resolvers// or yarn add yup @hookform/resolvers// 2.. 공감수 3 댓글수 1 2024. 10. 11.
  • [Scaffold Design System] 3. 유연함을 갖춘 시맨틱 컬러 시스템 미리 알고 가면 좋은 개념원시 값(Raw value): #FF0000, rgb(255, 0, 0)와 같이 색상의 실제 값을 의미하며 가장 기본적인 색상 정의 방식입니다.시맨틱 컬러(Semantic color): 'text-primary', 'text-error'와 같이 색상의 용도나 의미에 따라 이름을 지은 토큰입니다. 용도에 따라 일관된 컬러를 사용하거나 접근성을 관리하기 위해 사용됩니다.스케일 컬러(Scale color): 'blue-100', 'gray-900'과 같이 색상을 일정한 단계로 나눠 지정한 토큰입니다. 일관된 색상 팔레트를 만들고 유지하는 데 사용됩니다.다양한 디자인 시스템의 컬러 체계 조사디자인 시스템을 만들 때 많이 참고하는 시스템은 주로 구글 머티리얼(Google Material).. 공감수 4 댓글수 1 2024. 10. 10.
  • [Scaffold Design System] 2. 여러 상황에 대응할 수 있는 텍스트 스타일 시스템 타이포그래피는 화면의 대부분을 구성하는 매우 중요한 요소로, 견고한 디자인 시스템을 위해 반드시 갖춰야 할 요소죠. 그러나 시스템 구축 초기 단계에서는 놓치기 쉬운 부분이기도 합니다. 피엑스디(pxd) 내부에서도 대규모 프로젝트를 진행하면서 텍스트 스타일 체계를 적용하는 과정에서 여러 어려움을 겪었습니다. 이러한 어려움을 어떻게 해결해 나갔는지 소개하겠습니다. 문제1. 확장성이 떨어지는 이름 규칙기존에는 Body 스타일의 이름을 지을 때 body 1, body 2와 같이 가장 큰 사이즈를 기준으로 내림차순으로 이름을 지었습니다. 프로젝트 초기에는 크게 문제가 없었지만, 운영을 하다 보면 꼭 아래와 같은 요청이 발생했습니다.큰 제목을 사용하게 되서, 더 큰 본문 텍스트가 필요해요. 18px정도면 좋을 것 .. 공감수 3 댓글수 0 2024. 10. 2.
  • Claude 3 사용기 들어가며ChatGPT가 공개된 이후, 저는 다양한 프로젝트에서 이를 적극 활용해 왔습니다. GPT 덕분에 문제를 빠르게 해결할 수 있게 되어 업무 효율이 크게 향상되었죠. 최근에는 Claude 3이 새로운 LLM(대규모 언어 모델)으로 주목받고 있습니다. 개발사인 Anthropic에서는 Claude가 다른 LLM보다 우수한 성능을 보인다는 지표를 발표했으며, 일부 사용자들은 GPT-4를 능가하는 성능을 보인다고 평가하기도 한다고 합니다.저도 Claude의 출시 소식과 ChatGPT보다 뛰어나다는 평가를 듣고 사용해 보았는데요. 이번 글에서는 Claude가 어떤 특징을 가졌는지 알아보고 실제 저의 사용 후기를 보여드리고자 합니다.Claude Ai란?홈페이지 Docs에서는 Claude를 다음과 같이 소개하고.. 공감수 9 댓글수 0 2024. 9. 26.
  • [Scaffold Design System] 1. 디자인 시스템을 위한 디자인 시스템 만들기 pxd(피엑스디)에서는 지난 2년 동안 대규모 프로젝트를 진행하면서, 과정에서 맞닥뜨린 문제들이 있었습니다. 그래서 조직 내에서 반복적으로 발생하는 문제들을 모아 해결함으로써 조직 전체의 디자인 운영 효율을 높이는 것을 목표로 사내 스터디를 시작하게 되었죠. 스터디를 23년 2월부터 약 1년 4개월간 진행해 오면서, 그동안 연구한 내용을 바탕으로 ‘다수의 프로덕트를 운영하는 조직을 위한 디자인시스템’을 제작했습니다. 해당 시리즈를 통해 그 과정과 결과를 공유하고자 합니다. 프로젝트를 하면서 느낀 문제점 모으기 앞서 말씀드린 대로 대규모 프로젝트를 진행하면서 마주친 다양한 문제들이 있었습니다. 많은 구성원들이 이를 해결하기 위한 방법이 필요하다고 생각했고, 각자 프로젝트를 하면서 느꼈던 불편한 점, 개선되.. 공감수 5 댓글수 1 2024. 9. 25.
  • [물 건너온 UX] AI는 UX 라이터를 대체할 수 있을까? '언어장벽' 너머에서는 어떤 이야기를 나누고 있을까요? 더 많이 배워서 사고의 폭을 넓히고 싶은 마음을 언어의 한계 때문에 포기할 순 없죠. 다양한 언어, 문화권의 콘텐츠를 번역하는 '물 건너온 UX'와 함께, 전 세계를 탐험하며 틀 없이 자유로운 생각을 펼쳐봐요. AI 기술이 빠른 속도로 발전하면서 유통, 금융, 의료 등 다양한 분야에 도입되고 있어요. 특히 생성형 AI는 인간 고유의 영역이라고 여겨지던 창작까지 해내면서 세상을 깜짝 놀라게 했죠. 간단한 메일부터 장편소설까지, 뭐든지 AI가 대신 써주는 세상에서 UX 라이팅은 어떤 방향으로 나아가야 할까요? UX 라이터라는 직업은 AI에 밀려 이대로 사라지는 걸까요? 직업 정체성을 고민하는 모든 UX 라이터에게 팟캐스트 ‘Writers in Tech’.. 공감수 6 댓글수 0 2024. 9. 24.
  • [인터뷰] ‘춤을 추었어’ NFT, 그림책과 만나 마음을 갖다 NFT(Non-Fungible Token)는 이름 그대로 다른 무엇이 ‘대체할 수 없는' 제각기 고유한 것이에요. 똑같은 곰 인형이 수만 개씩 있다 해도 다른 곰 인형이 내가 품은 곰 인형을 대신할 수 없듯, NFT는 ‘내 것'으로서 유일성을 가져요. 물성이 없는 디지털이지만, 소유할 수 있는 아날로그의 감성을 담고 있죠.이수지 작가는 NFT ‘춤을 추었어'로써 이런 NFT의 감성과 가장 아날로그적인 책을 연결 지었어요. 그의 이야기는 모리스 라벨의 무곡 ‘볼레로’를 만나 열여덟 점의 그림이 되고, 각 그림은 선율에 맞춰 춤추는 애니메이션 NFT가 돼요. NFT는 ‘춤을 추었어'의 일부이자 나만이 가질 수 있는 이야기죠. 책과 그림, 그림책과 음악, 애니메이션과 NFT, 그리고 다시 NFT와 책을 잇댄 .. 공감수 11 댓글수 1 2024. 9. 19.
  • 생성형 AI, 세상 모든 견종 NFT를 만들 수 있을까? '요술 방망이'라는 AI, 직접 써보니...생성형(Generative) AI의 등장 이후 주변이 온통 AI 얘기로 떠들썩합니다. 대부분 새로운 기능이 얼마나 놀라운지, 발전된 기술이 무엇을 가능하게 할지에 대한 이야기죠. 들려오는 소문으로는 AI가 명령어만 입력하면 어떤 결과물이든 원하는 대로 뚝딱 나오는 ‘요술 방망이’처럼 느껴집니다. 정말 그럴까요? 생성형 AI 미드저니(Midjourney)를 사용하면서 직접 알아봤습니다.  PFP NFT 344개 나와라, 뚝딱!우선 미드저니와 함께 세상 모든 개를 위한 PFP(profile picture) NFT를 만들어보자는 목표를 세웠습니다. 요크셔테리어 한 마리와 함께 살고 있는 저를 포함해 pxd에는 반려견을 둔 동료들이 많은데요. 반려인들이 메신저나 소셜 .. 공감수 4 댓글수 0 2024. 9. 13.
  • pxd Wallet 들어가며지난해 12월, 사내에서 사용할 목적으로 WEB3 pxd Wallet을 개발하기 시작했습니다.이전에 WEB3 플랫폼에서 UI/UX를 고민하며 UI를 개발하고 일부 프론트앤드 작업을 해본 경험은 있었지만, 실제 블록체인과 스마트 컨트랙트와 관련된 프론트앤드 개발은 처음이었기에 거의 0에서 시작하는 느낌이었습니다.개발 과정에서 블록체인 네트워크의 테스트넷을 사용해보며, ERC-20 및 ERC-721 토큰에 대한 이해를 쌓았고, 깊이는 아니지만 Solidity를 활용해 간단한 스마트 컨트랙트를 작성하고 이를 실제 블록체인 테스트넷에 배포하는 경험을 하며 이 과정에서 새로운 지식을 습득하기도 했습니다.비록 업무와 병행하며 진행되었고, 우선순위에서 밀려 잠시 중단된 적도 있었지만, 꾸준히 진행한 끝에 마무.. 공감수 8 댓글수 4 2024. 9. 12.
  • 소프트웨어 개발 컨설팅회사 Favorite Medium과 pxd, 업무협약(MOU)을 체결 지난 2024년 8월 23일 Favorite Medium(이하 FM)과 피엑스디는 기술 기반의 UX 디자인 컨설팅 역량 강화와 글로벌 시장 진출을 위한 업무협약(MOU)을 체결했어요.이번 MOU는 피엑스디가 국내 UX 디자인 컨설팅 분야에서 20여 년간 축적한 경험과 FM의 기술 역량을 결합하여 국내는 물론 북미, 일본, 유럽 등 글로벌 시장으로의 진출을 확대하기 위함이에요. 양사는 이번 협약으로 UX 리서치부터 디자인 및 솔루션 개발에 이르는, 이른바 ‘풀 스택(full-stack)' 소프트웨어 컨설팅 회사로 서비스 범위를 확장할 계획입니다.FM은 2007년 샌프란시스코에서 설립되어 에너지, 헬스케어, 핀테크 소비재, AI, 블록체인, IoT 등 다양한 산업 분야의 글로벌 기업과 사용자를 위해 약 12.. 공감수 6 댓글수 3 2024. 9. 11.
  • UX 라이팅을 돕는 AI 툴 AI를 향한 호기심이 당연하게 여겨지는 요즘, 피엑스디(pxd)는 여러 가지를 실험하고 있습니다. AI가 세상의 자료를 학습하는 것처럼 피엑스디도 AI를 학습하고 업무에 도움이 될 작은 도구를 만들어보고 있죠. UX 라이팅 어시스턴트(UX Writing Assistant)는 그 실험의 결과물 중 하나입니다. 원하는 글쓰기 방향성을 용어집과 글쓰기 규칙의 형태로 AI에 제공하면, 이를 바탕으로 AI가 문장을 검토하고 개선안을 제안해 주는 도구입니다.성공적인 UX 라이팅을 위해 각 기업은 글쓰기 전략을 문서로 정리한 가이드라인을 만듭니다. 브랜드에 알맞은 목소리를 지키기 위한 원칙을 정하고 일관된 글쓰기를 위한 규칙을 만들죠. 하지만, 가이드라인이 있다고 하더라도 이를 제대로 지키는 건 쉽지 않습니다. 글에.. 공감수 4 댓글수 2 2024. 9. 10.
  • [pxd talks] '언어학자가 바라보는 gen ai' 들어가며날씨가 무더웠던 지난 7월 12일, pxd talks 에서는 ‘언어학자가 바라보는 gen ai’ 라는 주제로 서비스나우의 언어학자이신 김미담 연사님을 모시고 강연을 진행하였습니다.전 세계적으로 인공지능이 대중화되며 어느새 내 일상에도 깊숙이 스며들어, 생성형 AI에 대한 궁금증이 커지고 있죠. 이러한 생성형 인공지능 기술이 어떻게 만들어지는지 궁금하지 않으신가요?첫째 : 연사님의 여정, 경계를 넘어 연결하기김미담 연사님은 언어학, 음성학, 인지 과학, 심리학을 전공하시고 사람의 마음을 움직이는 일에 관심이 많으셨다고 하셨어요. 꾸준한 관심으로 오랜 기간 사람들 간의 협업과 의사소통, 특히 음성 인지 및 처리 과정에 대한 연구를 진행해 오셨습니다. 더불어 효과적인 의사소통이 개인과 조직에 미치는 영.. 공감수 5 댓글수 1 2024. 9. 9.
  • [pxd talks] 디자이너의 생성형 AI 실무 적용 사례 pxd talks는 여러 분야의 연사님을 초빙해 인사이트를 나누는 시간입니다. pxd 구성원들이 더 넓은 시야로 무언가를 새롭게 발견하거나 자신을 성장시킬 수 있는 기회를 얻을 수 있도록 말이죠. 그리고 그 경험은 [pxd talks] 아티클로 기록합니다. pxd 구성원들이 함께 보고 듣고 느끼고 배운 것들이 사라지지 않고 pxd story에 남아 더 넓은 세상으로 뻗어갈 수 있기를 바랍니다.지난 6월 pxd에서는 플러스엑스를 창업 후 코스메틱 브랜드, Deepondé를 운영 중이신 변사범 연사님을 초청하여 디자이너의 생성형 AI 실무 적용 사례에 관해 pxd talks를 진행했습니다. 이 자리에서 변사범 연사님은 브랜드를 운영하는 과정에서 적은 리소스로 효율적인 생산을 이끄는 AI를 활용한 실무 사례를.. 공감수 2 댓글수 0 2024. 8. 23.
  • 오픈소스 License에 대해 알아보기. 들어가며오픈소스 소프트웨어는 개발자와, 개발 커뮤니티, 여러 기업들에게 수많은 이점을 제공하고 있습니다.오픈소스 소프트웨어는 이미 구현된 다양한 기능을 무료로 사용할 수 있을 뿐만 아니라, 개발 코드의 투명성과 손쉽게 커스터마이징도 할 수 있습니다.하지만 이렇게 많은 이점을 제공하는 오픈소스 라이브러리도 사용할 때 반드시 이해해야 할 중요한 요소가 있는데요. 바로 라이센스 입니다.이 글에서는 지난번 제가 작성한 글에 이어 오픈소스 라이브러리와 주요 라이센스 유형과 그 특성에 대해서 알아보도록 하겠습니다.  오픈소스 라이센스의 분류오픈소스의 라이센스는 배포 시 소스 코드의 제공 의무(Copyleft)에 따라 크게Reciprocal(소스코드 제공 의무)와 Permissive(소스코드 제공 의무 없음)로 분류.. 공감수 1 댓글수 0 2024. 8. 22.
  • 어피니티 버블: LLM을 이용한 정성조사 정리 도구 디자인 회사 홈페이지를 보면 벽에 포스트잇을 빼곡히 붙여 놓은 사진을 많이 볼 수 있는데요. 디자인 과정의 상징처럼 포스트잇을 이용한 여러 정리 방법이 있지만 어피니티 다이어그램을 사용하는 경우가 많습니다.Affinity Diagram(어피니티 다이어그램)은 관련 아이디어나 관찰을 묶어 구조화 하는 자료 정리의 기본 과정입니다. 사용자 조사를 통해 다양한 사용자 목소리를 얻었거나 문제 해결 단계에서 다양한 아이디어가 나왔을 때 우선 비슷한 것끼리 묶어가며 핵심 아이디어를 도출합니다. 이 방법의 핵심은 다양한 관점으로 아이디어를 묶어보는 것이기 때문에 여러 사람이 함께 볼 수 있도록 큰 보드에 붙였다 떼었다 하기 편한 포스트잇을 사용하는데요. 요즘은 미로나 피그마 같은 온라인 협업 툴을 이용해 작업 하기도.. 공감수 4 댓글수 0 2024. 8. 20.
  • AI를 위한 UX 요소들 * 아래 예시 이미지들 중 일부는 Animated GIF라서 로딩 시간이 필요하거나 반복재생이 잘 안 될 수 있습니다.지난 글에서 'AI를 위한 UI 패턴'이라는 주제로 최근 AI를 활용하는 서비스들이 가지는 큰 구조의 UI 패턴들을 다뤘습니다. 이번 글에서는 AI를 활용한 서비스들에서 보이는 UX 요소들을 정리해보려고 합니다. 물론, UX적인 요소이기도 하지만 기술적인 부분과도 많은 부분 겹쳐져 있습니다. 더 넓게 살펴보고 세분화하면 훨씬 더 다양한 요소들을 정리할 수 있겠지만, 일단 제가 지금껏 학습하고 실제로 접한 서비스들을 기반으로 정리를 해보겠습니다.그리고 최근 많이 이야기되는 RAG, Agent와 같이 앞으로 기술적인 부분이 더 발전하고 새로운 방식이 추가될 수도 있고, 그렇다면 UX 관점에서.. 공감수 8 댓글수 2 2024. 8. 20.
  • faker.js와 colors.js 사태를 통해 살펴보는 오픈소스의 양면성 들어가며저는 프런트엔드 개발을 하며 종종 mock 데이터가 필요해 손쉽게 mock 데이터를 만들어주는 faker.js라는 오픈소스 라이브러리를 즐겨 사용합니다.이 faker.js를 사용하면 각종 프로젝트를 진행하면서 필요한 이름, 이메일, 회사명, 주소, 랜덤 한 이미지 등 원하는 형태의 데이터를 손쉽게 생성할 수 있었기에 Api가 준비되지 않은 상태에서도 개발과, 테스트를 진행할 수 있고, 최근에도 종종 요긴하게 잘 사용하고 있습니다. 그런데 이 faker.js라는 라이브러리로 인해 수많은 기업들과 인터넷 커뮤니티가 난리가 났던 적이 있습니다. 바로 2021년 말 발생한 faker.js와 colors.js 사태인데요.이 사태를 통해 당시 해당 라이브러리를 사용하던 여러 기업들과 사용자들은 큰 혼란에 빠.. 공감수 2 댓글수 0 2024. 8. 12.
  • AI를 위한 UI 패턴 최근 2년 동안 AI는 그 어떤 것보다 빠르게 발전하며 일상생활에 사용되고 있습니다. 대나무가 자라는 속도만큼 한 달 한 달 대단한 성장과 발전을 하며 더 좋아지고 있죠. 기존에도 AI는 있었지만, 모두가 느끼듯 지금과 같은 수준은 아니었습니다. 특히 생성형 AI, 그중에서도 ChatGPT는 이제 제가 컴퓨터를 사용하다가 막히거나 질문이 생길 때 가장 먼저 떠오르는 도구가 되었습니다. 특정 분야의 지식이나 최근 정보, 코딩, 에러 해결, 영어 등 뭐든 내가 필요한 정도는 해 줄 것이란 생각이 들죠.지금은 ChatGPT, Gemini, Claude 등의 대형 파운데이션 모델과 그 대화형 AI 서비스가 현재는 가장 널리 사용되는 서비스이지만, MS Office나 Google Workspace 같은 업무 도구.. 공감수 8 댓글수 1 2024. 8. 8.
  • [METACON 2024 방문기] 'AI+Blockchain/Web3'가 열어가는 새 패러다임 Overview.지난달, 서울 코엑스에서 개최된 아시아 최대 규모의 AI, 웹 3, 메타버스 지식 공유 컨퍼런스인 2024 메타콘(METACON)이 개최되어 다녀왔어요. pxd는 최근 몇 년간 블록체인 UX와 웹 3 UX 분야에서 다양한 프로젝트를 수행하며 업계를 선도하는 전문성을 쌓아왔으며, 현재 AI와 UX를 융합한 혁신적인 프로젝트들을 진행 중입니다. 올해는 구글 클라우드, 인텔, 엔비디아, 넷플릭스, 스포티파이, 포르쉐AG, 샌드박스, 현대, LG, SK 등 국내외 AI 산업을 주도하는 글로벌 기업들의 참가가 돋보였어요. 현업 전문가들이 직접 전달한 최신 IT 기술 적용 사례, 비즈니스 잠재력, 경쟁 우위 확보 전략에 대한 실질적인 이야기를 통해 현장에서 직접 다뤄지는 다양한 주제들을 깊이 있게 .. 공감수 2 댓글수 3 2024. 8. 5.
  • UX Researcher와 AI가 연구를 함께 진행할 수 있을까? 최근 몇 년간 UX 리서치 분야에서 인공지능(AI)의 도입이 급격히 증가하고 있습니다(출처). 과거에는 AI를 연구에 활용될 때 단순히 반복 작업을 자동화하거나 번거로운 업무를 줄여주는 역할에 그칠 것이라 예상했지만, 오늘날의 AI는 연구를 계획하고 진행하며 분석하는 과정 전반에 걸쳐 사용될 수 있는 다양한 툴을 제공하고 있습니다. 이러한 변화에 대해서 여러 기대와 우려가 동시에 있지만 UX 리서치의 방법론과 범위를 크게 변화시키고 있습니다. 초기 AI 도구의 활용: 단순 작업 및 분석을 돕는 도구초기에는 AI가 연구 설계 과정에서 일부 질문을 작성하거나, 비교적 간단하고 구조화된 테스트(예: 사용성 테스트, A/B 테스트, 설문 조사)를 수행하는 데 사용되었습니다. 또한, AI는 연구 로우 데이터를 분.. 공감수 5 댓글수 0 2024. 8. 1.
  • [다녀왔습니다] 요즘 브랜드 디자이너의 생성형 AI 사용법 Adobe(어도비)에서 주최하는 Make it(메이크 잇) 행사에 다녀왔습니다. 여러 분야의 전문가가 모여 생성형 AI에 관한 이야기를 나누고, 생성형 AI를 업무에 활용했던 경험을 공유할 거라는 소식을 접했기 때문이죠. 생성형 AI에 관심 많은 디자이너로서 놓칠 수 없는 행사였죠.행사에서 접한 여러 사례 중, 특히 생성형 AI로 디자인 자산을 효율적으로 만들고, 이를 바탕으로 브랜드의 코어를 구축해 나가는 사례가 인상 깊었습니다. 이 글을 통해 ‘우아한청년들' 크리에이티브팀의 김관우 파트장과 ‘스매치코퍼레이션'의 조중현 CDO가 공유해 주신 인사이트를 함께 살펴보고자 합니다. 생성형 AI로 브랜드 자산 만들기│김관우 파트장, 우아한청년들어떤 브랜드를 생각했을 때 곧바로 떠오르는 이미지가 있다는 건 어쩌.. 공감수 2 댓글수 0 2024. 7. 29.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.