매일 성장하는 디자이너

하루 동안 경험했던 사실 CSS Flex container 정리 [UX/UI의 10가지 심리학 법칙] 6장. 피크엔드 법칙 정리 [UX/UI의 10가지 심리학 법칙] 7장. 심미적 사용성 효과 정리 여기서 배운 점 단순히 글로만 읽었을 때 복잡하고 어렵게 느껴졌는데 실제 어떻게 적용되는지 속성 하나씩 try 해보니 어느 정도 알겠다. 사용자는 모든 경험을 전반적으로 평가하지 않는다. 감정적 절정의 순간과 마지막 순간의 평균치를 기억한다. 사용성에 불편함이 존재하더라도 심미성이 충족되면 어느정도 간과할 여지가 있다. 개선할 점 22일자 회고를 작성하지 않았다. 집에 오자마자 저녁을 먹으면서 습관적으로 미스터 선샤인을 킨 것부터 꼬임. 평일 저녁 먹을 때 TV 보는 습관을 개선하고자 TV 대신 30분 이내의..

float로 아이템 정렬을 컨트롤했었는데 이번 기회에 플렉스 기능에 대해 정리하고 알아두고자 기록함. flex 속성은 IE 11부터 지원 가능. 하지만 IE를 대응해야 한다면 플렉스 사용을 고려해야 한다고..(셀 수 없는 많은 버그가 존재.) +추가) IE관련 버그는 플러그인을 써서 해결할 수 있는 것 같다. [CSS] flexbox를 사용하며 배운것들 (중급) 그 동안 로 작업하면서 배운것들에 대해 알아보자. flexbox의 기초 flexbox의 기초를 다룬 좋은 글이 많기 때문에 여기서 다시 다룰 필요는 없을것 같다. 만약 flexbox에 대해 잘모르거나 잘 생각나지 blueshw.github.io OKKY | 마크업 IE이슈 다들 어떻게 해결하세요? 최근에 마크업 방식의 고민이 있습니다. flex기..

하루 동안 경험했던 사실 오늘 읽은 유용한 아티클 개인 생산성을 높이는 습관 - 타임박싱 디자인 협업 도구 피그마의 성장 스토리 습관 고리 만들기 TIL(Today I Learned) 2. UX/UI의 10가지 심리학 법칙 5장 포스텔의 법칙 정리 여기서 배운 점 피그마가 2016년에 나온 툴이었다는 것 피그마는 앞으로 더 성장할 것이다. 요즘 힙서비 TIL을 하고 있어서 느끼는 건데 생각보다 많은 사람들이 인생을 밀도 있게 산다. 자기반성하게 되는 요즘. 그리고, 나의 퍼스널 브랜딩이 정말 중요하구나 깨달음. 포스텔의 법칙: 디자이너는 다양한 가능성에 대해 잘 예측하고 대비해야 된다. 자신이 행하는 일은 엄격하게, 남의 것을 받아들일 때는 너그럽게. 개선할 점 책을 읽고 정리하고 나서 다시 보면 새롭다..

하루 동안 경험했던 사실 현재 참여 중인 힙서비 TIL챌린지의 화요일 회고를 모두 읽어보고 댓글과 공감을 달았다. UX/UI의 10가지 심리학 법칙 4장. 밀러의 법칙 읽고 정리 이에 대한 나의 느낌 틸은 내가 회고를 꾸준히 쓰고 습관화하기 위해 신청했던 것도 있지만 다른 쓰니들의 틸 하나하나 훑어보니 그 속에서도 배울 점이 넘쳐난다. '이런 고민을 나 혼자 하는게 아니구나' 위안이 될 때가 있고 '이 사람은 이걸 하는데 저것까지 하네?' 하며 자극도 된다. 이번 기수가 끝날때까지 뽕을 뽑을 테다!!! 여기서 배운 점 덩어리화 하는 것이 중요하다. 덩어리화는 중요한 정보를 쉽고 빠르게 구별할 수 있게 해주는 콘텐츠 정리법이다. 개선할 점 요즘 수면 패턴이 조금 무너진 듯하다. 컨디션 관리를 위해 평소 1..

하루 동안 경험했던 사실 기존 홈페이지 메인 하단 리스틀 수정 시 펼침메뉴 깨짐 발견. html css js까지 그대로 복사해왔으나 상단 펼침메뉴 깨짐. 코딩 시 메뉴 전체 높이값이 190px이고 실제 콘텐츠 높이는 140px에 패딩 값은 50px. 전체 높이값은 먹이지 않은 상태인데 오류 발생. 임의로 부모 요소에 overflow: hidden을 주고 자식 요소인 실제 콘텐츠 높이값을 강제로 190px로 맞추니 해결(임시 긴급 처치) UX/UI의 10가지 심리학 법칙 3장. 힉의 법칙 정리 이에 대한 나의 느낌 요즘 잘 쓰지 않는 float로 코딩이 되어있다. flex box를 익히는 것이 필요하다. 여기서 배운 점 사용자에게 너무 많은 선택지를 주어 사용자가 인지 부하가 걸리지 않도록 주의해야 한다...

하루 동안 경험했던 사실 UX/UI의 10가지 심리학 법칙 2장. 피츠의 법칙 정리 웹 사이트 Le Puzz 디자인 리뷰 이에 대한 나의 느낌 실제로 다양한 앱이나 웹을 사용하면서 느꼈던 불편함들이 이론적으로 어떤 용어로 불리우며 그 기원은 무엇이고 개념이 무엇인지에 공부할 수 있는 기회가 되어 좋았다. 여기서 배운 점 모바일 인터페이스 디자인을 할 때에는 피츠의 법칙을 각별히 주의해야 한다. 사용자가 터치하려 했던 영역 외에 다른 대상을 터치하게 되면 사용자는 불만을 느끼고 해당 인터페이스의 사용성을 낮게 평가한다. 터치 대상 간의 거리는 최소 8dp이상 확보 해야 한다. 개선할 점 앱 리뷰 할때 심리학 법칙 용어로 연결지어 리뷰해봐야겠다. 미래 행동 계획 UX/UI의 10가지 심리학 법칙 3장. 힉의..

소개 LE PUZZ(https://lepuzz.com/) 키워드: 일러스트, 레트로, 빈티지, 유아, 귀여움, 발랄함 요즘 sns 둘러보면 흔히 볼 수 있는 그래픽 느낌의 웹사이트. 60~80년대 레트로 빈티지 감성을 지향하고 친환경 성분으로 만든 퍼즐을 판매하는 해외 사이트이다. 유사 감성) 캡처 이미지 노란 컬러가 전체적으로 깔려 자칫 과해 보일 수 있지만 그레이 조합으로 차분하게 잡아준다. 노란색이 지닌 상징적인 의미인 즐거움, 희망, 빛, 유쾌함, 긍정적인 분위기 등의 키워드가 사이트와 잘 어울린다. 상단 로고 영역과 소개 페이지 부분에도 귀여운 일러스트 이미지를 넣어 아기자기함을 더해준다. 친환경 재료를 사용한 제품이라 일러스트 이미지를 지구 모양과 조합한 것 같다. 제품 상세페이지. add t..

하루 동안 경험했던 사실 Data-Driven UX : 데이터가 두려운 실무자를 위한 입문서 노션 정리 UX/UI의 10가지 심리학 법칙 1. 제이콥의 법칙 기록 여기서 배운 점 사용자는 갑자기 환경이 바뀌면 이탈할 확률이 높다. 서서히 변화된 방식에 익숙해지도록 적응기간을 주어야 한다. 미래 행동 계획 [UX/UX의 10가지 심리학 법칙] 2장. 피츠의 법칙 정리(~11/16) 그동안 Data Driven UX 도서 정리의 경우 일일 회고에 함께 적었는데 그 결과 일일 회고 내용이 길어져 한눈에 파악하기 힘든 점, 추후 정리 글을 다시 읽고 싶을 때 타이틀에 정보가 노출되지 않아 하나씩 눌러봐야 한다는 단점으로 이후 책에 대한 정보나 배운 것에 대한 내용이 길어지면 인사이트 카테고리에 정리하며, 최종본..

하루 동안 경험했던 사실 데이터 드리븐 ux의 마지막 장 8. 조직에 공유하기 읽고 정리 여기서 배운 점 UX 데이터 분석 리포트 보고용: 정기적 작성 일간 리포트: 메일 첨부, 데이터 스튜디오, 특정 서비스 대시보드 형태 (그래프나 도표는 최소화하고 포인트만 언급) 주간 리포트: 엑셀, 넘버스, 대시보드 형태. 일간 리포트와 달리 그래프와 도표 등이 들어가면 좋다. 특징과 포인트를 명확히(해당 그래프는 추세가 올라가다 20일 만에 갑자기 하락하는데 원인은 OO입니다.) 월간 리포트: 파워포인트, 키노트, 워드 형태로 작성 가능. 시간이 가장 오래 걸리고 그래프에 대한 설명과 주요 포인트, 동향, 원인, 개선 방안까지 작성해야 한다. 분기별 & 연간 리포트: 월간 리포트와 큰 차이는 없지만, 특정 수치를..

하루 동안 경험했던 사실 데이터 드리븐 UX 7장. 개선 결과 검증하기 정독 이에 대한 나의 느낌 웹 사이트가 나아가야 할 방향성과 목적을 명확히 해야 한다. 요즘 일일 회고가 독서장이 되는 것 같다. 그래도 덕분에 꾸준히 기록할 수 있고 책을 읽어 나갈 수 있다. 여기서 배운 점 A/B Testing 서비스 실제 사용자가 될 수 있는 두 집단에 각각 A, B를 제공하고 이에 대한 결과 차이로 A와 B 중 더 나은 안을 찾아내는 것 A/B Testing 진행 정량적 목표 설정(ex. 특정 콘텐츠 링크로 전환되는 클릭 증가 or 지정 위치가지의 스크롤 도달률 증가) 현황 분석 및 문제에 대한 원인 파악(히트맵, 분석 데이터, 설문조사, 인터뷰 등) 가설 수립 및 B안 제작(주의점: A와 B안의 차이점이 두..