김효진 hyoi0303 (경험에 따른) 배움을 즐기려 합니다. /@@6GcR 2018-10-07T11:20:06Z 흘러가는 '시간'을 서비스로 만든다는 것: TMF(上) /@@6GcR/110 2024-08-01T15:52:56Z 2024-08-01T03:09:31Z 안녕하세요. &lsquo;CAPED BOYZ&rsquo; 팀에서 Product Design을 담당하고 있는 김효진입니다. 저희 팀은 이번에 생산성을 높여주는 SaaS 플랫폼 'TMF(Time Mother Fxxker)(Time Management Framework)'의 MVP 버전을 출시하였습니다. 글은 상, 하편으로 나눠 발행합니다. &lsquo;상&rsquo;에서는 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/93 2024-01-04T17:54:11Z 2022-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/72 2023-11-23T04:47:09Z 2022-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/90 2023-11-30T15:46:01Z 2021-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/83 2023-07-18T18:03:38Z 2021-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/78 2023-12-04T15:55:36Z 2021-07-18T19:17:04Z Container&카지노 게임 사이트;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/71 2023-07-18T18:05:26Z 2021-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/22 2023-07-18T18:04:26Z 2021-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/37 2023-12-04T15:51:43Z 2021-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/48 2023-11-08T09:13:10Z 2021-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/50 2023-09-10T16:18:50Z 2021-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/39 2023-12-02T17:53:00Z 2021-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/11 2023-12-07T02:59:54Z 2021-03-27T08:17:07Z 01. 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/38 2023-09-20T00:44:07Z 2021-02-14T12:13:46Z 01. 사용자 경험 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/14 2023-11-03T03:04:18Z 2021-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/24 2023-12-04T06:50:31Z 2020-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/25 2024-01-19T01:45:20Z 2020-12-16T04:47:48Z 01.&카지노 게임 사이트;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/10 2023-07-18T18:08:52Z 2020-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/17 2023-07-18T18:09:55Z 2020-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/4 2023-07-18T18:11:16Z 2020-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" /