<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>하나솔</title>
  <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@dLpf" />
  <author>
    <name>bcc5736f7b26444</name>
  </author>
  <subtitle>여기저기 새로운 것에 기웃대기를 좋아하는 3년차 프로덕트 디자이너입니다. 사회초년생을 위한 디자인 이야기를 합니다.</subtitle>
  <id>https://brunch.co.kr/@@dLpf</id>
  <updated>2022-02-16T06:27:56Z</updated>
  <entry>
    <title>08. UXUI 설계에서 사용성을 점검하는 방법 (2)</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@dLpf/15" />
    <id>https://brunch.co.kr/@@dLpf/15</id>
    <updated>2024-07-03T01:58:13Z</updated>
    <published>2024-04-20T16:48:01Z</published>
    <summary type="html">사용자&amp;nbsp;경험과 인터페이스(UI) 설계&amp;nbsp;사용성 평가방법- 휴리스틱 평가 지난&amp;nbsp;UXUI 설계에서 사용성을 점검하는 방법(1)&amp;nbsp;글에 이어,&amp;nbsp;사용성 평가 방법 중 흔히 활용되는 방법인&amp;nbsp;휴리스틱 평가에 대해서 설명하고자 한다.   1 휴리스틱 평가  휴리스틱 평가는 전문가가 지정된 지표로&amp;nbsp;서비스의 성능과 품질을 평가하는 방법으로 '전문가 평가'라고도 불린다. 서비&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0.fjpg/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FdLpf%2Fimage%2FC9VkHpfRsatc0t73V9meR-p_m68.PNG" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>09. 모바일 레퍼런스 모음 2 - 로그인/가입(2)</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@dLpf/14" />
    <id>https://brunch.co.kr/@@dLpf/14</id>
    <updated>2024-10-09T04:01:44Z</updated>
    <published>2024-04-08T04:29:24Z</published>
    <summary type="html">프로세스 종류: 로그인/회원가입  [금융 서비스] (1) 하나은행 아이부자  [구인구직 서비스] (1) 사람인&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FdLpf%2Fimage%2Fiu6xT_zJjZ8eLibpvScqFYZbpaM.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>08. UXUI 설계에서 사용성을 점검하는 방법 (1) - 우리는 사용자의 '경험'을 디자인하는 사람이니까요.</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@dLpf/13" />
    <id>https://brunch.co.kr/@@dLpf/13</id>
    <updated>2024-06-27T10:28:09Z</updated>
    <published>2024-04-05T08:54:57Z</published>
    <summary type="html">사용자 인터페이스(UI) 설계의 기본 원칙과 사용성 평가  UXUI디자이너가 뭐 하는 사람인가요? 다른 직종의 사람들을 만나다보면 이런 질문을 심심치 않게 받곤 한다. 간혹 직종이 나와 너무 동떨어져 있거나 연세가 있으셔서 &amp;quot;서비스의 사용성이 어쩌구 인터페이스가 어쩌구...&amp;quot; 의 설명을 어려워하는 분들에게는 그냥 &amp;quot;웹디자인 해요^^&amp;quot; 하고 에둘러&amp;nbsp;얘기했다&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0.fjpg/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FdLpf%2Fimage%2F1tzXHbVYN8mLxS1tJHFcDoF-nRo.PNG" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>Aaply - 디자이너가 없어도 되는 디자인툴?</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@dLpf/12" />
    <id>https://brunch.co.kr/@@dLpf/12</id>
    <updated>2023-11-16T08:18:45Z</updated>
    <published>2023-06-14T09:31:11Z</published>
    <summary type="html">가지각색의 앱이 만들어지고 있는 요즘, 그에 맞춰 앱디자인을 위한 많은 툴과 플러그인 또한 쏟아져 나오고 있습니다. &amp;nbsp;그래픽 하나하나, 1px 한땀 한땀씩 디자이너가 장인정신으로 만들 필요 없이 뚝딱 작업을 도와주는 서비스들이 많이 생겼지요. 아이디어와 무관한 노가다 작업은 플러그인으로 상당한 시간을 절약할 수 있습니다. 오늘은 그런 맥락의 새로운 서비스를&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FdLpf%2Fimage%2FynsWnP3RIb6fpz79qUJACz3OruU.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>07. 모바일 레퍼런스 모음 1 - 로그인/가입</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@dLpf/9" />
    <id>https://brunch.co.kr/@@dLpf/9</id>
    <updated>2023-09-14T15:05:17Z</updated>
    <published>2022-12-10T02:08:43Z</published>
    <summary type="html">prologue 레퍼런스를 찾을 때 mobbin, 디자이너스, wwit 등 레퍼런스 화면을 아카이빙한 좋은 사이트들의 도움을 받는 것도 좋지만, 특정 기능의 화면만 모아보기가 어렵다는 고충이 있었다.&amp;nbsp;그래서 기능별로&amp;nbsp;레퍼런스를 정리해 둔 자료를 공유하려 한다. 서비스 갯수는 상시로 업데이트 할 예정이다.  1. 로그인/회원가입 [OTT/콘텐츠 서비스]  (&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FdLpf%2Fimage%2FxrVgwn3xTGF-YxJKdaIT1ap-ZvI.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>06. 디자인의 객관성을 잃지 않는 방법, 페르소나 - 페르소나는 소설이 아니다.</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@dLpf/8" />
    <id>https://brunch.co.kr/@@dLpf/8</id>
    <updated>2023-03-31T08:16:15Z</updated>
    <published>2022-10-22T10:16:48Z</published>
    <summary type="html">제품의 사용성을 개선하다보면 디자이너 본인이 사용자 전체를 대변한다고 착각하기 쉽다. 내가 불편하다면 모두가 똑같이 느낄 것이라 생각하고 자기만의 세상에 갇혀 기획하는 우를 범하곤 한다. 학부생 시절부터 비슷한 케이스를 많이 봐왔고 나 역시도 그런 실수를 한 적이 있다. 하지만 나의 세상은 너무나도 좁고, 내가 했던 경험에만 국한되어 판단하기 쉽다. 이런 &lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0.fjpg/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FdLpf%2Fimage%2Fnrou70Fd-MLfJMbQ2gniZip7rOA.PNG" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>05. UI설계에 필요한 용어들-2</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@dLpf/6" />
    <id>https://brunch.co.kr/@@dLpf/6</id>
    <updated>2023-07-26T06:17:25Z</updated>
    <published>2022-07-17T16:29:01Z</published>
    <summary type="html">Prologue 오랜만에 들어오니 뷰가 많이 늘었네요.&amp;nbsp;정제되지 않은 글임에도 관심 가져주셔서 감사합니다. 'UI설계에 필요한 단어들-2,3'에서는 디자이너가 기획 또는 개발 직군과 커뮤니케이션하기 위해 알아두면 좋을 용어들에 대해 다루고자 합니다.  오늘의주제 네이티브앱/하이브리드앱/웹앱/모바일웹 네이티브앱/하이브리드앱/웹앱/모바일웹 모바일에서 서비스를 &lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0.fjpg/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FdLpf%2Fimage%2Fs3NfmzDho1sa193RCN230pblHn0.jpeg" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>04. UI설계에 필요한 용어들-1</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@dLpf/5" />
    <id>https://brunch.co.kr/@@dLpf/5</id>
    <updated>2023-11-13T00:30:46Z</updated>
    <published>2022-05-25T15:38:46Z</published>
    <summary type="html">Prologue 실무자들간의 빠르고 스무스한 소통을 위해서, 회의 시 오가는 대화를 한 번에 알아듣고 정리하기 위해서, 아이디어 향상을 위해서 웹/앱 UI 설계 시 사용되는 용어들을 (아는 선에서) 총정리 해보려 한다.  01. UX/UI/GUI 02. 서비스의 시작. 스플래시/튜토리얼/온보딩/코치마크... 03. 적응형/ 반응형  01. UX/UI/GUI&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FdLpf%2Fimage%2FvJPdsIIbt4bLhGn5wj1DQrrFH2c.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>03. 자가격리 동안 GA자격증 따기</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@dLpf/4" />
    <id>https://brunch.co.kr/@@dLpf/4</id>
    <updated>2023-01-05T14:48:42Z</updated>
    <published>2022-04-08T15:24:58Z</published>
    <summary type="html">prologue 코로나에 확진되어 집에서 나가지 못 하는 7일 동안 다행히 몸살증상은 없었지만, 출퇴근시간도 굳고 약속도 잡지 못 하게 되니 시간이 너무 많았다. 꼼짝도 못 하는 김에 구글 애널리틱스를 공부하고 자격증을 따기로 했다. 주말엔 온종일, 평일엔 저녁시간 4시간씩을 투자해 총 5일이 걸렸다.  구글 애널리틱스 (GA) 란? 구글에서 온라인 마케팅&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FdLpf%2Fimage%2Fc8t59mm41xbobkrleq4j2fvnSbM.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>02. 팝업과 모달, 페이지 이동의 구분</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@dLpf/1" />
    <id>https://brunch.co.kr/@@dLpf/1</id>
    <updated>2023-12-11T08:27:14Z</updated>
    <published>2022-04-06T13:49:51Z</published>
    <summary type="html">Prologue 입사 후 처음으로 공부한 건, 바로 '팝업','모달,'페이지 이동' 등 사용자가 프로세스를 수행하기 위해 실행시키는 중간 인터페이스들의 차이점이었다. 입사 후 처음으로 자사 사이트 리뉴얼 프로젝트를 맡게된 후, 개발자님이 수시로 이건 브라우저 팝업인지, 모달인지, 토스트팝업 지속시간은 얼마나 둘 것인지, 팝업 뒤 레이어는 어떻게 처리할건지 &lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FdLpf%2Fimage%2Formf1FQrdoVhBkQ8HVamYhpXYBU.png" width="500" /&gt;</summary>
  </entry>
  <entry>
    <title>01. 버튼의 시각적 계층구조</title>
    <link rel="alternate" type="text/html" href="https://brunch.co.kr/@@dLpf/2" />
    <id>https://brunch.co.kr/@@dLpf/2</id>
    <updated>2023-10-16T08:49:43Z</updated>
    <published>2022-04-04T04:20:57Z</published>
    <summary type="html">ProlgueUI디자인 시 빠질 수 없는 CTA(Call To Action), 텍스트 버튼, 아이콘 버튼 등 버튼의 종류와 명칭을 정리하고, 시각적 계층 구조를 통해 상황별로 어떤 버튼을 선택해야 할 지 판단하는 데에 도움을 주고자 한다. 버튼은 사용자의 동작을 수행하여 전환 또는 변화를 일으키는 수단이다. 프로덕트의 궁극적인 목적을 이루는 도구이기도 하며&lt;img src= "https://img1.kakaocdn.net/thumb/R1280x0/?fname=http%3A%2F%2Ft1.daumcdn.net%2Fbrunch%2Fservice%2Fuser%2FdLpf%2Fimage%2Fid56Wtnvyn6QdYBTnqASd8G6Ojw.png" width="500" /&gt;</summary>
  </entry>
</feed>
