안녕하세요! 🦄
소소하지만 유익한 정보 ✨샤인테크✨ 입니다!
이제는 누구나 익숙해져버린 용어인
UI/UX와 관련된 글을 써보려고 한다.
물리적인 화면과 관련된 UI는
서비스/제품을 직.간접적으로 이용하면서 느끼는
총체적인 사용자 경험인 UX에 포함되는 개념이다.
📌 모바일 패턴 수집 아카이브
→ 'What Was IT' (https://wwit.design/)
What Was IT
한국의 UI/UX 모바일 패턴을 수집합니다.
wwit.design
한국의 모바일 디자인 패턴을 아카이브한 사이트로
아이폰 xs 화면을 기준으로 확인이 가능하다.
직접 서비스를 가입하지 않아도각 user journey에 해당하는 화면의 UI/UX를볼 수 있다는 점이 매력적이다.
그리고 아래 9가지 카테고리로 구분되어 있어서각 Topic에 해당하는 어플을 모아 볼 수 있다 :)
👉 Life / Finance / Shopping
/ Music / Delivery / Real-Estate
/ Entertainment / Mobility / Education
대표적으로 'Mobility' 카테고리에는
'타다 TADA' & '카카오 T'가 있었는데
동일한 기능에 대해서 유사점과 차이점을
한 눈에 비교할 수 있다는 점이
'WWIT'의 가장 큰 장점이다.
📌 어플이 축하해주는 생일 축하 인사 모음
사소하지만 강렬하고 특별한 찰나의 경험이
한 기업의 이미지를 변화할 수 있는데,
그 대표적인 사례가 바로
고객의 생일을 축하하는 방법이다.
인간이라면 누구나 공평하게 1년 365일 중 단 하루인
생일에 개인화 UI/UX를 제공하는 어플을 정리해보았다.
📱 카카오톡
가장 익숙한 생일 축하 UI 화면은 역시 카카오톡
생일을 축하하기도, 축하받는 것도
모두 카카오톡에서 시작되는 현대 사회에서
모두가 본 적이 있는 익숙한 화면일 것이다.
생일 당일에는 '나'의 개인 프로필이
상단 배너 바로 아래 영역이 넓혀져 있는게 특징!
📱 스타벅스
스타벅스 어플을 클릭하면,
사이렌오더로 주문하기 메뉴 위 화면에서
내가 설정해둔 닉네임과 생일 축하 문구를 볼 수 있다.
(화면 전체를 그냥 캡쳐할 걸,,, 후회하는 중,,,)
📱 신한 쏠(Sol)
국민은행 / 신한은행 / 우리은행 어플을
모두 비교해보았는데
신한은행에서만 어플 로그인 시
생일 축하 문구가 노출되었다.
다만, 내가 입력해둔 이름이 아닌 '고객님'으로
하드 코딩이 되어 있는 점이 조금 아쉬울 따름이었다.
📱 신한 pLay (신한카드 어플)
신한은행 어플이 생일 축하 UI를 제공하고 있다면,
신한카드 어플도 생일 축하 이벤트가 있지 않을까
라는 생각에 신한 pLay 어플에 접속해보니..!
메인 화면에서 귀여운(?) 3D 이미지로
이벤트 쿠폰을 재미있게 제공하는 UI를 볼 수 있었다.
뻔한 팝업으로 생일 축하 쿠폰을 제공하는 것이 아니라
평소 해당 어플에서 볼 수 없던 UI가 등장하므로써
조금은 관심있게 눌러보고
쿠폰에도 관심을 갖게 해주었다.
📱 네이버
네이버는 이전부터 개인화된 메시지는 물론
개인이 각자 어플에서 검색란 위 배너 이미지를
변경할 수 있는 것이 특징이었는데 (다중 사진 등록 가능)
역시 생일에도 로그인 시 가입된 이름으로
생일 축하 메시지와
축하 픽토그램 이미지를 볼 수 있었다.
📱 Toss
UI/UX를 이야기하는데
Toss를 빼먹는다면 제법 섭섭할지도,,,
카카오뱅크 어플이 기존 금융 어플과의 차이점을
단순함과 직관성으로 어필을 했다면
토스는(토스뱅크, 토스증권..) 매번 unique한 UI/UX로
고객의 자연스러운 관심과 MAU를 높인 어플!
역시나, 단순한 생일 축하 UI/UX가 아닌,
케이크의 촛불을 눌러서(독특한 UX 반영)
소원을 비는 K-생일 문화를
어플에 반영했다는 점이 흥미로웠다.
(오히려 쿠폰이나 별도 이벤트/혜택은 없음)
📌 모바일 앱 디자인 래퍼런스 모음
https://mobbin.design/browse/ios/apps
Mobbin - The world’s largest mobile app design reference library
Save hours of UI & UX research with our library of 50,000+ fully searchable mobile app screenshots.
mobbin.design
앱 디자인 래퍼런스가 모아져 있는 대표적인 사이트로
다양한 글로벌 어플 UI/UX를 확인할 수 있다.
📌 특수문자 이모티콘 모음 (http://naver.me/xXQTeWTe)
💭(｡•̀ᴗ-)✧특수문자 이모티콘 모음(Kaomoji) ― SNS Keyboard
다양한 특수문자로 이루어진 이모티콘을 찾고 쉽게 복사해 보세요!
snskeyboard.com
블로그 쓸 때 은근 쏠쏠한 링크도 살며시 추가하면,
요즘은 이모티콘보다도 이모지 (윈도우 + ;)를
더 자주 사용하는 편이지만,
가끔 특수문자 이모티콘 중에서도 표정 이모티콘은
초딩 & 중딩 시절 2G 폰 감성을 불러와준달까...ㅎㅎㅎ
SELF 생일 맞이 기념으로 정리해본 UI/UX 포스팅 📱
THE END 🙃
🦄 소소하지만 유익한 정보 ✨샤인테크✨ 컨텐츠가 유익했다면
공감 & 구독하기 부탁드립니다~~
(글 하단 '구독하기' 버튼 or 블로그 우측 상단 '✨IT x 재테크 소유일기' 버튼)
💻IT x 💰재테크 관련 '궁금했던 내용' / '정리해줬으면 좋겠는 내용'이 있다면
자유롭게 댓글로 달아주세요 :)
더 유익한 글로 돌아오겠습니다 👀
또 만나요 🐾