전체 글
심리학 UX : 게슈탈트 이론 Gestalttheorie
심리학 UX : 게슈탈트 이론 Gestalttheorie
2021.05.11이전 블로그에서 게시했던 게슈탈트 이론은 여러 매체들을 통해서 이론을 배웠으며 정리해왔는데, 정보가 분산되어있다보니 잘 읽지 않아서 정리 목적으로 포스팅을 해보려고 한다. 참고나 원문으로 보는 것이 더 이해하기가 쉽다. 처음에는 하나씩 번역해왔는데 굳이 할 필요가 있나 싶어서 계속 멈췄던 이론. 원문으로 보는걸 추천 게슈탈트 이론 : 모양과 형태에서 오는 용어 주로, 혼돈스럽게 보이는 세계로부터 끊임없이 얻는 데이터에 대한 의미있는 지각의 법칙을 연구하는 분야에 쓰이는 심리학. Kurt Koffka (커트 코프카) "모든 것은 부분의 합계가 아니다" 사람들은 복잡한 대상을 인식을 할 때 부분들의 집합이 아니라 전체적인 시스템 구성의 부분을 배열하는 의식적 또는 잠재적인 모드이다. 다양한 분야에서 사용되지..
알리바바그룹 디자인 시스템 Ant design 사용해본 후기
알리바바그룹 디자인 시스템 Ant design 사용해본 후기
2021.02.24Ant design을 접하게 된 것은 이직한 회사에서 사용하기 때문이다. 디자인 리소스 컨퍼넌트를 사용해서 더 심플하고 빠르게 디자인할 수 있는 방법을 찾고 노력하는 편인데, 아쉽게도 이 전 회사에서는 모든 컨퍼넌트들을 직접 만들어 사용했기 때문에 경험해보지 못했다. 이번 회사를 통해서 최소화시키는 디자인을 해볼 수 있어서 기뻤다. Ant design : 알리바바 디자인 시스템 사이트. 쉽게 말해서 bootstrap 와 같이 웹 컨퍼넌트를 지원함. 그래프를 그리는데 더 쉽게 사용할 수 있음. Ant design에서는 Sketch관련된 자료만 받을 수 있는 줄 알았는데, 위 이미지처럼 많은 것들을 제공한다. UI kit 연동이 되는건 figma, XD 이고, Sketch는 별도의 컨퍼넌트 스케치 파일을 제..
구글 디자이너가 알려주는 구글 검색 모바일 리디자인
구글 디자이너가 알려주는 구글 검색 모바일 리디자인
2021.02.01새해의 시작은 모든 사람들이 변화하도록 영감을 줍니다. 우리 중 많은 사람들은 우리의 삶, 경력 또는 심지어 환경에서도 조사하고 개선할 수 있는 사항에 대해 생각할 때입니다. (중략) 구글 디자이너가 말했다. (Alieen Cheng) 검색과 같은 것처럼 비주얼적으로 디자인을 다시 재고해봐야된다는 것은 정말 복잡하다. 구글 검색이 얼마나 발전했는지를 고려할대 특히 그렇다. 우리는 웹 정보를 정리하는 것이 아니라 전 세계의 모든 정보를 정리하고 있다. 우리는 웹 페이지 구성으로 시작하였지만, 이제 이해하는데 도움이 되는 콘텐츠 및 정보 유형이 매우 다양해졌습니다. 리디자인을 이끈 요소, 5가지 정보에 초점을 맞추기 우리는 사람들이 주변의 디자인 요소 대신에 정보를 초점을두고서 팔로잉할 수 있도록 검색을 돕..
당근마켓 성장과 UX리서치
당근마켓 성장과 UX리서치
2021.02.01당근마켓이란? 당근마켓 : 주변 기반 중고 직거래 플랫폼. (직거래 외에도 로컬광고, 동네생활이라는 커뮤니티가 형성되어있음) 2019.07 MAU 300만 달성 -> 2020.04 MAU 700만 달성 사용자 층을 분석하면 빠른 성장 원인을 짐작해볼 수 있을 것. => 30~40대 여성들이 많이 거주하는 동네를 기반으로 빠르게 성장 월 활성 사용자수 1,000만명 육박 월 평균 체류 시간은 2시간 56분 당근마켓이 해결하려던 문제 지역 기반 카페(커뮤니티 모임)의 높은 진입 장벽 -> 회원가입을 위한 절차 까다로움 기존 중고거래 서비스의 신뢰성 부재 -> 중고XX의 사기거래 급상승 중고거래 특성상, 제품의 배송과 CS부담이 고객이 질 수 밖에 없는 구조를 거리상 가까운 사람과의 거래가 효율적인 것을 어필..
네이버파이낸셜이 그리는 마이데이터 전략
네이버파이낸셜이 그리는 마이데이터 전략
2020.07.09https://byline.network/2020/07/06300/ 네이버파이낸셜이 그리는 마이데이터 전략 - Byline Network 오는 8월 5일부터 흩어진 금융 서비스를 한 곳에 모아주는 마이데이터 서비스가 시행된다. 119개 업체가 마이데이터 신청 의사를 보인 가운데, 네이버의 금융 자회사 네이버파이낸셜도 마이데이� byline.network 오는 8월 5일부터 흩어진 금융 서비스를 한 곳에 모아주는 마이데이터 서비스가 시행된다. 119개 업체가 마이데이터 신청 의사를 보인 가운데, 네이버의 금융 자회사 네이버파이낸셜도 마이데이터 사업에 출사표를 던졌다. 네이버파이낸셜은 여러 업체들과의 제휴를 통해 부동산, 지도 등 네이버 서비스와 연계한 마이데이터 서비스를 선보인다. (중략) 네이버파이낸셜은..
기업 디자인 시스템을 어떻게 만들까? 쏘카, 강남언니편
기업 디자인 시스템을 어떻게 만들까? 쏘카, 강남언니편
2020.07.02쏘카 디자인의 시스템 맛보기 https://tech.socarcorp.kr/design/2020/06/23/socar-design-system-01.html?fbclid=IwAR3VPo1vb48B-G4NvTVk94TT-EIkoMdjKAioLcKAyAHtK1_04jgcHWuZb7M [SOCAR FRAME 만들기 # 1] 쏘카의 디자인 시스템 맛보기 안녕하세요, 쏘카 프로덕트 디자인팀의 가디입니다. 먼저, 쏘카 앱의 디자인 시스템인 SOCAR FRAME 사이트를 공개합니다!! 🎉 앞으로 SOCAR FRAME 구축 과정을 글로 조금씩 풀어나가려고 하는데요, 이 tech.socarcorp.kr 강남언니 - 디자인 만들기 https://blog.gangnamunni.com/post/mission-vision-of..
카톡 ‘QR코드 출입’ 시작…네이버·패스 앱 등 전자출입명부 의무화
카톡 ‘QR코드 출입’ 시작…네이버·패스 앱 등 전자출입명부 의무화
2020.07.02본문: https://n.news.naver.com/mnews/article/056/0010861974?sid=105 카톡 ‘QR코드 출입’ 시작…네이버·패스 앱 등 전자출입명부 의무화 오늘(1일)부터 카카오톡으로도 코로나19 방역대책 차원의 QR코드 기반 전자출입명부 시스템을 이용할 수 있습니다. 이에 따라 정부의 전자출입명부 시스템에 참여한 IT 서비스는 '네이버' 앱과 웹 n.news.naver.com 오늘(1일)부터 카카오톡으로도 코로나19 방역대책 차원의 QR코드 기반 전자출입명부 시스템을 이용할 수 있습니다. 이에 따라 정부의 전자출입명부 시스템에 참여한 IT 서비스는 '네이버' 앱과 웹사이트, '패스' 앱 그리고 카카오톡입니다. 앞서 보건복지부는 지난달 10일 노래방, 클럽, 헌팅포차 등 감..
UX디자인 101 : 올바른 질문하기 - 사용자 인터뷰 계획 및 촉진
UX디자인 101 : 올바른 질문하기 - 사용자 인터뷰 계획 및 촉진
2020.06.23원문 : https://blog.prototypr.io/ux-design-101-asking-the-right-questions-planning-facilitating-user-interviews-a85751b33230 UX Design 101: Asking the right questions — Planning & facilitating user interviews Session 08 — How to plan, facilitate and synthesize user interviews. blog.prototypr.io 목표는 무엇인가요? 이 세션에서는 참가자의 인터뷰 시기에 대한 이해, 중립적이고 편견이 없는 팁에 대한 이해를 포함하여 중재되지 않은 사용자 인터뷰를 효과적으로 계획하고 촉진하는 데 필요..
애플 iOS14 발표. 위젯 등 홈 화면 변화가 커
애플 iOS14 발표. 위젯 등 홈 화면 변화가 커
2020.06.23본문: http://www.bloter.net/archives/391552 애플, ‘iOS14’ 발표…위젯 등 홈 화면 변화 커 위젯, 앱 보관함, 번역 앱, 디지털 차 키 등등 www.bloter.net *** 요약본 *** 1. iOS 홈 화면에서 커스텀이 가능하다. 자유도를 높여서 위젯기능을 앱 아이콘처럼 배열하고 다양한 크기로 고정할 수 있음 2. 위젯은 스마트 스택 기능도 제공 스마트 스택 기능 : 시간, 위치 및 활동을 토대로 상황에 맞게 자동으로 적절한 위젯을 표시해준다. 3. 앱 보관함 업데이트 앱을 찾기 위해서 좌우로 넘기며 찾아야 하지만, 자동으로 앱을 카테고리별 분류시킨다. 또 필요한 앱을 제안, 추가된 앱을 따로 보여준다. 4. 화면 속 화면 Picture in picture 앱을 ..
App design Guide : 앱 디자인 작업 시작 준비물(?)
App design Guide : 앱 디자인 작업 시작 준비물(?)
2020.06.22앱 디자인에 필요한 작업. 앱 아이콘 화면 디자인 앱스토어 스크린샷 SNS 커버/프로필 웹사이트 랜딩 페이지 * ui 디자인 버튼의 상태 normal / highlighted / selected / disabled 버튼 이미지 뒤에는 _n / _h / _s / _d * 앱 화면 실행시에 부드럽게 연결하기 위해서 런치 이미지를 넣는다. (런치이미지에는 비활성화된 컨텐츠상태이며, 앱 아이콘이나 BI를 넣는것이 대부분이다.) *PPP (Pixel Perfect Principles) - 참고 사이트 및 교과서서 * 앱 아이콘 1024 X 1024 px http://daramghaus.com/icontester/mask iOS_mask.zip Dropbox를 통해 공유함 www.dropbox.com - 이전에 블..
UI guide : 시간 표기법
UI guide : 시간 표기법
2020.06.2212시간 마감 시간 표기하는 방법 12시 대신 그에 약간 못미치는 시간으로 표기하면 된다. 30분이나 1분을 앒당겨 오후 11시 59분으로 표기해도 사용자에게 명확한 날짜와 시간을 전달할 수 있다. 생활패턴을 기준으로 시간을 표기하는 방법 생활 패턴에 따른 자연스러운 인지를 이용하여 표기해주는 게 때로는 정확한 시간보다도 더 정확하게 느껴지는데 이 예시로는 영화관 시간표가 있다. 영화시간표는 오늘 날짜에 25:30 분으로 적혀있는 것은 분명 존재할 수 없고, 이해하기도 어려운 시간이지만 우리는 이것을 보고 다음날 새벽이라고 정확한 표기보다도 더 정확하게 이해할 수 잇다. 영화 예매처럼 영업일과 예약 시간 등이 필요한 서비스라면 충분히 창조할만한 UI 텍스트이다. 낮과 밤, 그리고 새벽 등으로 시간 표기하..
iPhone X : Designing for iPhone X
iPhone X : Designing for iPhone X
2020.06.22아이폰 X 디자인에 관련된 영상 UX/UI 디자이너라면 무조건 봐야함 친한 개발자가 사이트 주소 줌 https://developer.apple.com/videos/play/fall2017/801/ Designing for iPhone X - Tech Talks - Videos - Apple Developer iPhone X features an all-screen Super Retina display, providing more space to display content and create deeply immersive experiences... developer.apple.com Designing for iPhone X - Fall 2017 - Videos - Apple Developer iPhone..