김효진hyoi0303(경험에 따른) 배움을 즐기려 합니다./@@6GcR2018-10-07T11:20:06Z흘러가는 '시간'을 서비스로 만든다는 것: TMF(上)/@@6GcR/1102024-08-01T15:52:56Z2024-08-01T03:09:31Z안녕하세요. ‘CAPED BOYZ’ 팀에서 Product Design을 담당하고 있는 김효진입니다. 저희 팀은 이번에 생산성을 높여주는 SaaS 플랫폼 'TMF(Time Mother Fxxker)(Time Management Framework)'의 MVP 버전을 출시하였습니다. 글은 상, 하편으로 나눠 발행합니다. ‘상’에서는 GTD(Getting Thi<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2FndIBvGXjttTyJZXJF3iOw9M9uQg.png" width="500" /내가 성장하고 있음을 - 3년 차 프로덕트 디자이너의 회고/@@6GcR/932024-01-04T17:54:11Z2022-12-31T04:28:32Z이직한 지 1년, 올해는 서비스 출시로 정말 바쁜 나날들을 보냈다. 이전에도 두 번의 서비스 출시 경험이 있었지만, 이직 후 경험한 이번 출시 과정은 나의 부족한 부분을 수면 위로 떠오르게 하였다. 그도 그럴 것이 이전 직장에서는 관공서와 연계된 수동적인 프로젝트에 참여하였지만, 현 직장에서는 실제 사용자를 대상으로 자발적인 아이데이션을 이끌어 내야 하는 <img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2FxfFGYYgnq6WE7xtv6VmcpnziYuU.png" width="500" /이직을 위한 조용하지만 치밀한 작전 - 2년 차 프로덕트 디자이너/@@6GcR/722023-11-23T04:47:09Z2022-03-20T17:34:34Z어떤 직군에 종사하건, 이직은 조심스럽기만 하다. 퇴사 후 바로 이직에 성공한다면 너무 좋겠지만, 계획했던 기간보다 길어질 수도 있고, 생각지 못한 변수를 만날 수 있기에 퇴사를 하기 전 구체적인 계획은 필수라고 생각한다.(어쩌면... 구체적인 계획이 필수라고 한 것은 나의 성격 탓일 수 있다. 퇴사 후 계획을 세울 수도 있지만 성격상 잘되지 않는다. 하지<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2FWw9LtSSURndiP_Ge6hwtdPhv8_E.png" width="500" /UI 디자인에서 이상적인 그림자를 만드는 방법/@@6GcR/902023-11-30T15:46:01Z2021-09-28T18:02:47Z현대 UI 디자인에서 그림자는 모든 곳에 자리하고 있다. fill, stroke 그리고 corner radius의 뒤를 잇는 UI 요소의 중요 부분 중 하나이다. 완전한 플랫 디자인(flat design)은 더 이상 트렌드가 아니다. 간단한 튜토리얼을 통해 카드, 버튼 또는 원하는 UI 컨트롤에 멋진 그림자를 만드는 방법에 대해 알아볼 것이다. 1.<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2Fl8gxAV7mz-ZcCZ9fzwnOcBPVvIo.png" width="500" /Leading-Trim: 디지털 타입 세팅의 미래/@@6GcR/832023-07-18T18:03:38Z2021-07-29T17:08:58Z새로운 CSS 표준이 오래된 문제를 해결하고, 웹 앱의 기준을 높이는 방법 *조판(Typesetting) : 조판은 디지털 시스템에서 기호, 문자 및 상형 문자와 같은 개별 유형을 사용하여 텍스트를 배치하는 행위이다. 최적의 읽기 경험을 만들기 위해 단어를 배열하는 것이다. 문자만 가지고 조판이라고 부르기도 한다. 본론으로 들어가기에 앞서, 현재 Lea<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2FQ-AUNT3CnOQ52YckzNJwRtdfPcM.png" width="500" /텍스트 필드 &카지노 게임 사이트;카지노 게임 사이트; 폼 디자인 - Text fields &카지노 게임 사이트;카지노 게임 사이트; Forms design/@@6GcR/782023-12-04T15:55:36Z2021-07-18T19:17:04ZContainer&카지노 게임 사이트;nbsp;(Text fields &카지노 게임 사이트;카지노 게임 사이트; Forms design - UI component) 01. Container - 컨테이너 1. 다른 컴포넌트를 포함할 수 있는 GUI 컴포넌트 2. 추상 클래스로서 다른 컴포넌트를 포함할 수 있는 기능을 가진&카지노 게임 사이트;nbsp;컴포넌트들의 상위 클래스 3. 최상위 컨테이너는 다른 컨테이너에 속하지 않고 독립적으로 존재 가능한<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2F27WybQ2BN14nb4NysfJrS4q1PWA.png" width="500" /모바일투썸이 '투썸하트'로 새롭게 업데이트되었다. - 투썸하트 UIUX 분석하기/@@6GcR/712023-07-18T18:05:26Z2021-06-28T05:13:33Z투썸플레이스를 방문하였다가 &카지노 게임 사이트;quot;지금, 투썸하트 앱을 다운로드하세요&카지노 게임 사이트;quot;라는 팜플랫을 받았다. 투썸하트? 원래 앱 이름이 투썸하트였나, 오랜만에 앱 스토어에서 투썸을 검색하게 되었다. 사실, 회사 근처에 제일 가까운 카페가 투썸이었기 때문에 아침에 투썸오더를 통해 커피를 미리 주문해 놓으려고 몇 번을 시도하였지만, 투썸오더가 지원되지 않는 매장이었고(투썸오더라는 <img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2FQw1jwG2aEVngK2N5uUQFILFSYjo.png" width="500" /동기, 비동기, 블로킹, 논블로킹 - 디자이너가 개발자와 일 하다 보니 (6)/@@6GcR/222023-07-18T18:04:26Z2021-06-15T08:58:05Z실무에서 개발자와 협업 시&카지노 게임 사이트;nbsp;개발에 대한 전문적인 지식을 가지고 있는 것이 아니기&카지노 게임 사이트;nbsp;때문에 개발자분들이 최대한 쉽게 설명해주지만, 많이 언급되는 부분에 대해서는 정리해두고, 추후 동일한 내용이 등장한다면&카지노 게임 사이트;nbsp;더 심도 있는 대화를 하려고 노력한다. 이 글은 개발자가 읽어보기에는 다소 기초적인 내용일 수 있지만, 디자이너의 입장에서는 충분히 도움될만한 내용이라고 생각<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2F4UK2kmXxJ2xPoJJii0ySD9iUCW0.png" width="500" /신규 서비스 출시(#5)_UI 디자인 시스템 공유 - 스타트업 앱 출시 과정을 기록하다./@@6GcR/372023-12-04T15:51:43Z2021-05-31T10:20:14Z안녕하세요. 글쓴이 김효진입니다. 공지사항이 있어 이렇게 글을 남기게 되었습니다. 먼저 저의 `신규 서비스 출시의 처음과 끝`이라는 매거진을 긍정적으로 검토해주시고, 시간이 지난 시점에서도 관심 가져주시는 모든 분께 감사하다는 말씀을 전하고 싶습니다. 본론으로 돌아와, 기존 서비스의 리뉴얼이 결정됨에 따라 앱과 서비스 관련 자료들이 모두 내려가게 되었습<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2F-URgVooBfp-cbCLJwVSLtX-9C3k.png" width="500" /네이티브 앱 / 웹앱 / 크로스플랫폼앱 / 하이브리 앱 - 디자이너가 개발자와 일 하다 보니 (5)/@@6GcR/482023-11-08T09:13:10Z2021-04-21T08:03:25Z노마드 코더 Nomad Coders 개발과 디자인을 동시에 진행하고 있지 않은 디자이너라도 성공적인 앱 출시를 목표로 팀원 전체(디자이너, 개발자, 마케터, PM 등)가 참여하고 있기 때문에 네이티브 앱, 웹 앱, 크로스 플랫폼 앱, 하이브리드 앱이 어떤 것인지 정도는 알고 있으면 좋을 것 같아 정리하게 되었다. 개발자가 정리한 것처럼 심도 있는 정리가 아<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2Fz6_ha-8TKaR0hMdhu0s_nZFiSW0.png" width="500" /신규 서비스 출시(#1)_디지털 프로덕트 제작 프로세스 - 스타트업 앱 출시 과정을 기록하다./@@6GcR/502023-09-10T16:18:50Z2021-04-19T17:13:24Z안녕하세요. 글쓴이 김효진입니다. 공지사항이 있어 이렇게 글을 남기게 되었습니다. 먼저 저의 `신규 서비스 출시의 처음과 끝`이라는 매거진을 긍정적으로 검토해주시고, 시간이 지난 시점에서도 관심 가져주시는 모든 분께 감사하다는 말씀을 전하고 싶습니다. 본론으로 돌아와, 기존 서비스의 리뉴얼이 결정됨에 따라 앱과 서비스 관련 자료들이 모두 내려가게 되었습<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2FpUh5VJjwSknM1xMzgkZi6JJdJyk.png" width="500" /UX : 무한 스크롤과 페이징 - UX : Infinite Scrolling vs. Pagination/@@6GcR/392023-12-02T17:53:00Z2021-04-04T14:44:42Z&카지노 게임 사이트;quot;표시할 콘텐츠가 많은데 내 콘텐츠에는 무한 스크롤? 페이징? 어떤 것을 사용하면 좋을까?&카지노 게임 사이트;quot; 일부 디자이너는 자신의 프로젝트에 어떤 방법을 선택해야 할지 확신하지 못한다. 이 글을 통해 두 가지 방법의 장, 단점을 간략하게 살펴보고 프로젝트에 맞게 적용시키면 좋을 것 같다. 무한 스크롤 (Infinite Scrolling) 무한 스크롤은 사용자<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2F1ywd6ocQZ087rvrHAzpUdtNkmvI.png" width="500" /컨테이너 (버튼 디자인 - UI component)/@@6GcR/112023-12-07T02:59:54Z2021-03-27T08:17:07Z01. Container - 컨테이너 1. 다른 컴포넌트를 포함할 수 있는 GUI 컴포넌트 2. 추상 클래스로서 다른 컴포넌트를 포함할 수 있는 기능을 가진 컴포넌트들의 상위 클래스 3. 최상위 컨테이너는 다른 컨테이너에 속하지 않고 독립적으로 존재 가능한 컨테이너로 모든 컴포넌트는 컨테이너에 포함되어야 출력이 가능하다. 4. 컨테이너는 자신의 영역 내부<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2Fvogp-u_XW5HKEicXsYM-6S-KWJQ.png" width="500" /인터랙션 디자인은 UX 디자인의 일부이다./@@6GcR/382023-09-20T00:44:07Z2021-02-14T12:13:46Z01. 사용자 경험 User Experience - UX 사용자 경험(UX)이라는 용어는 인터랙션과는 다르게 제품을 사용할 때 사람들이 마주하는 다양한 경험을 설명하는 데 사용된다. 사용자 경험을 좁은 의미에서 설명할 때는 보통 사용자가 제품을 직접 사용하면서 느끼는 경험을 의미한다. 좁은 의미의 사용자 경험은 다양한 사용자 인터페이스를 사용하는 경험과 <img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2F_YC_jhcRosqsfEivpRdZVI3LFh4.png" width="500" /페이스북과 쿠키 - 디자이너가 개발자와 일 하다 보니 (4)/@@6GcR/142023-11-03T03:04:18Z2021-01-10T08:15:54Z&카지노 게임 사이트;quot;Nomad Coders - 페이스북과 쿠키의 상관관계? Cookie 기초개념 잡아드림.&카지노 게임 사이트;quot; 강의를 바탕으로 정리하였다.&카지노 게임 사이트;nbsp;'유저의 정보를 저장해두었다가 요청이 들어오면 저장된 정보를 내보낸다.'라는 개념은 알고 있었지만 어디에 저장이 되고 어떠한 원리인지 깊게 알지 못하였다. 마침 좋은 강의가 있어 정리해보려고 한다. 01.&카지노 게임 사이트;nbsp;HTTP 쿠키 #웹 쿠키,<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2FFpkmR52g8nWPVyUSHvWIW18t6O4.png" width="500" /디자이너가 데이터 활용하기 - 구글 애즈, 구글 애널리틱스, 책 추천/@@6GcR/242023-12-04T06:50:31Z2020-12-26T07:16:24Z디자이너가 데이터 활용하기 디자이너가 데이터 분석 능력이 필요한 이유 데이터 분석 목표 (중국 타깃) 구글 애즈 구글 애널리틱스 중국향 광고 주요 지표 및 용어 'Data-Driven UX' 책 추천 디자이너가 데이터 활용하기는 현재 협업하고 있는 마케터의 코멘트와 책(Data-Driven UX)을 기반으로 정리하였다. 01 디자이너가 데<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2FTFilpjGfoW7NYXRZoCGxZye9-_8.png" width="500" /API 기초 이해하기 - 디자이너가 개발자와 일 하다 보니 (3)/@@6GcR/252024-01-19T01:45:20Z2020-12-16T04:47:48Z01.&카지노 게임 사이트;nbsp;API 란 #&카지노 게임 사이트;nbsp;Application Programming Interface API는 키보드와 유사하다고 할 수 있다. 키보드를 통해 우린 컴퓨터와 대화한다. 키보드의 버튼을 누르면 -&카지노 게임 사이트;gt; 키보드에서 컴퓨터로 전달되고 -&카지노 게임 사이트;gt; 스크린에서 텍스트를 볼 수 있다. 키보드를 통해서 컴퓨터와 인터랙션(interaction : 상호작용) 하는 것이다. 이와 같<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2FPxtQVnrLLBV29rQ1fDM6zUzFgho.png" width="500" /HTTP와 HTTPS 차이점 - 디자이너가 개발자와&카지노 게임 사이트;nbsp;일 하다 보니 (2)/@@6GcR/102023-07-18T18:08:52Z2020-12-10T04:01:25Z지난 2014년 구글에서는 HTTP를 HTTPS로 바꾸라고 권고한다. 그전까지는 전자상거래가 있는 웹 사이트에서만 다소 번거로운 HTTPS를 사용하고 있었다. HTTPS로 전환을 장려하기 위해서 구글에서는 HTTPS를 사용하는 웹 사이트에 대해서 검색 순위 결과에 약간의 가산점을 주겠다고 발표했다. 이는 사실상 HTTP를 사용하는 웹 사이트에게 벌점을 주는<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2FLrjJI1z7eQdtQZlFR4pTv0Aht5g.png" width="500" /UI cheat sheet: selectors - Radio Buttons, Checkboxes, Toggles 은 다르다/@@6GcR/172023-07-18T18:09:55Z2020-12-08T09:46:40Z최근에는&카지노 게임 사이트;nbsp;많은&카지노 게임 사이트;nbsp;앱과&카지노 게임 사이트;nbsp;웹&카지노 게임 사이트;nbsp;사이트에서&카지노 게임 사이트;nbsp;라디오&카지노 게임 사이트;nbsp;버튼, 체크&카지노 게임 사이트;nbsp;박스, 토글이&카지노 게임 사이트;nbsp;거의&카지노 게임 사이트;nbsp;같은&카지노 게임 사이트;nbsp;의미로&카지노 게임 사이트;nbsp;사용되는&카지노 게임 사이트;nbsp;것을&카지노 게임 사이트;nbsp;알아&카지노 게임 사이트;nbsp;차&카지노 게임 사이트;nbsp;렸다. 라디오&카지노 게임 사이트;nbsp;버튼은&카지노 게임 사이트;nbsp;체크&카지노 게임 사이트;nbsp;박스가&카지노 게임 사이트;nbsp;아니며&카지노 게임 사이트;nbsp;체크&카지노 게임 사이트;nbsp;박스는&카지노 게임 사이트;nbsp;토글이&카지노 게임 사이트;nbsp;아니고&카지노 게임 사이트;nbsp;토글은&카지노 게임 사이트;nbsp;라디오&카지노 게임 사이트;nbsp;버튼이&카지노 게임 사이트;nbsp;아니다. 이러한&카지노 게임 사이트;nbsp;각&카지노 게임 사이트;nbsp;요소는&카지노 게임 사이트;nbsp;고유&카지노 게임 사이트;nbsp;한&카지노 게임 사이트;nbsp;용도로&카지노 게임 사이트;nbsp;사용된다. 01 Radio Buttons (라디오 버튼) 라디오 버튼은 사용자가 항목 목록에서 하나의 옵션만<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2FJ5KDvdt7iLFMUaJ5Ixjj87vH_3Q.png" width="500" /Atomic Design - Feat.&카지노 게임 사이트;nbsp;Component(컴포넌트)/@@6GcR/42023-07-18T18:11:16Z2020-12-01T14:19:54Z※본 글은&카지노 게임 사이트;nbsp;'bradfrost'에서&카지노 게임 사이트;nbsp;발행한 글을 토대로 정리하였다. We&카지노 게임 사이트;rsquo;re not designing pages, we&카지노 게임 사이트;rsquo;re designing systems of components.&카지노 게임 사이트;mdash;Stephen Hay 우리는 페이지를 디자인하는 것이 아니라 컴포넌트 시스템을 디자인하고 있습니다. 디자인을 하다 보면 개발자와 의사소통 속에서 'Component'를&카지노 게임 사이트;nbsp;<img src= "https://img1.daumcdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2F6GcR%2Fimage%2FHfiiK4Qg3hjEXkQNXUoTOjifKMw.png" width="500" /