오늘은 국내 최대 UI/UX 패턴 플랫폼, 유아이볼에 대해 소개해 드리려고 해요. 유아이볼은 UI/UX 디자이너를 위한 UI/UX 디자인 영감을 받을 수 있는 플랫폼으로, 디자이너와 개발자의 협업 효율성을 높이고 레퍼런스 검색 시간을 단축하는 데 초점을 맞춘 서비스에요.
유아이볼의 주요특징은 4가지에요.
1. 28,000개 이상의 엄선된 UI/UX 패턴 제공
유아이볼은 디자이너 실무진이 엄선한 30개 분야의 질 높은 UI/UX 패턴을 제공하며, 앱을 다운로드하지 않고도 상세 정보를 확인할 수 있어요. 원래는 모바일만 제공하고 있었는데 UT를 통해 사용자분들이 웹사이트에 대한 니즈가 있다는 것을 파악하고 웹사이트도 제공하게 되었어요. 웹사이트 디자인 프로세스 과정이 궁금하신 분은 아래 링크를 클릭해보세요. https://uibowl.io/self-contents/cm3kfsl9d0002md0c40gupitw
2. 다양한 필터를 통한 서비스 검색
사용자가 원하는 UI/UX 패턴을 더 알맞게 추천하기 위해 다양한 필터를 제공해요. 현재는 MAU(월간 활성 사용자 수)와 컬러 8개, 카테고리 29개의 유형, UI/UX 패턴 52개를 제공하고 있고 UT를 통해 추가적으로 필터를 개선할 예정이에요.
3. Figma 플러그인 개발 완료
더 빠르게 UI/UX 패턴을 활용할수 있도록 피그마 플러그인을 지원해요. 종종 플러그인이 안된다는 문의도 받곤 하는데요. 피그마 플러그인은 웹 기반은 아예 안돼요. 데스크탑용 피그마를 꼭 설치하셔서 사용하세요. 피그마 디자인 프로세스가 궁금하신 분들은 아래 링크를 클릭해보세요. https://uibowl.io/self-contents/cm3kfwdji0002ju0cwuoqcq2g
- 데스크탑용 피그마 설치 : https://www.figma.com/ko-kr/downloads/
- 유아이볼 피그마 플러그인 다운로드 : https://www.figma.com/community/plugin/1416283003258937842/uibowl
4. 디자이너 성장을 위한 부가 서비스 출시 (포트폴리오, 전자책, 워크샵)
디자이너의 성장과 학습을 지원하는 다양한 부가적인 콘텐츠를 제공해요. 어디서도 볼 수 없었던 콘텐츠를 통해 디자인 업무 역량을 강화해보세요.
+ 유아이볼은 기업과 연계하고 있는 실무 교육도 진행하고 있어요. 유아이볼을 통해 더 나은 UX를 고민하는 기업 관계자 분들 중 관심이 있으신 분은 유아이볼로 연락주세요. 실무 교육 예시 : https://uibowl.io/class/detail/cm21vedbv0002l70c4dp999pd
이상 유아이볼에 대한 소개였어요. 그리고 UT에서 자주 발견한 내용 중에서 사용자 분들이 아직 잘 모르는 기능을 소개해보려고 해요. (열심히 만든 기능을 홍보하기 위함이에요..)
✅ 컴포넌트별로 UI/UX 이미지를 찾아볼 수 있어요.
최근에 34가지의 컴포넌트가 추가 되었어요. 이제는 날짜 피커나 팝업 같은 기능을 찾고 싶을 때 컴포넌트 기능을 활용하세요. 참고로 컴포넌트는 웹사이트에서만 가능해요.
컴포넌트 검색 관련 디자인 프로세스 링크 : https://uibowl.io/self-contents/cm3kfnvvg0002mo0c5josg5ag
✅ 상세정보에 아티클로 넘어갈 수 있는 버튼이 있어요.
제품의 상세정보에 아티클로 넘어갈 수 있는 버튼이 있어요. 종종 앱서비스에서 바로 아티클로 넘어갈 수 있는 버튼이 있으면 좋겠다는 의견이 있었는데요. 최상단에 이렇게 배치되어 있답니다!
✅ 북마크 기능이 있어요
UI/UX 패턴을 북마크 하고 싶어하는 니즈를 UT에서 발견하고 북마크 기능을 추가했어요. 메뉴를 눌러야 나오는 투뎁스 구조라 사용자분들이 니즈가 있는 기능임에도 불구하고 잘 모르시더라고요. 곧 상단 메뉴로 위치를 변경할 예정이지만 북마크 기능 많이 활용해주세요.
이렇게 유아이볼은 첫 UT 를 기반으로 많은 오류들을 고쳐가고 있어요. 유아이볼의 UT 프로세스가 궁금하시다면 아래 링크를 클릭해보세요. https://uibowl.io/self-contents/cm3kg0hco0006ju0c3cn07f2a