본문 바로가기

분류 전체보기

 (65)
[아티클 리뷰] 제품이 커지면 디자인 시스템 가이드는 어떻게 개선돼야 할까? 2024.04.07💚 제목 [ 제품이 커지면 디자인 시스템 가이드는 어떻게 개선돼야 할까? ]TDS 컴포넌트 가이드를 제작할 때 어떤 부분들을 고려해서 만들어가고 있는지를 소개하고 있음.💚 내용 1. 문제점- 컴포넌트를 개선하려고 할 시, 기존 가이드로는 플랫폼 디자이너 및 개발자들과 소통하기 어려움- 컴포넌트 가이드 작성에 대한 규칙이 없어 디자이너마다 작성 방식이 제각기였음- 기존 작성 가이드를 읽어도 컴포넌트를 파악하기 어려움2. 해결책(1) 가이드 읽는 방향 정하기(2) 큰 구조부터 자세한 요소로(3) 최악의 케이스 그리기(4) 접근성 영역 나누기(5) 수십개의 컴포넌트 가이드에 적용하기3. 결과- 가이드 작성 규칙 없을 때 : 하나의 컴포넌트에 일주일- 가이드 작성 규칙이 생긴 후 : 컴포넌..
[아티클 리뷰] ‘배지’ 이렇게 활용하면 어떨까? / 서비스가 배지 기능을 활용하는 방법 2024.03.30💚 제목 [ ‘배지’ 이렇게 활용하면 어떨까? / 서비스가 배지 기능을 활용하는 방법 ]배지 시스템을 적용할 때 필요한 것이 무엇인지 다양한 서비스를 바탕으로 확인해볼 수 있는 아티클. 2022년 아티클이기에 해당 서비스들이 현재엔 업데이트된 부분들도 있을 것을 고려해 전반적으로 배지를 어떤 상황에 활용하면 좋을지, 어떤 부분에서는 좋지 않을지를 중점으로 두고 훑어보는 게 도움이 될 것 같음!💚 내용 1. 눈에 띄는 사례 : 나이키 런클럽, 세븐, 첼린저스, 당근마켓(1) 나이키 런클럽 - 단순 배지가 아니라 하나의 굿즈를 획득한 것 같은 경험을 하게 해줌- 스티커 등을 활용해 편집 후 경험할 수 있음- 자발적인 운동을 할 수 있도록 동기부여가 됨(2) 세븐- 배지 기능을 소셜과 접..
[아티클 리뷰] 프로덕트 디자인의 10가지 핵심원리 2024.03.30💚 제목 [ 프로덕트 디자인의 10가지 핵심원리 ]프로덕트 디자인을 할 때 핵심적으로 신경써야하는 10가지에 대해 서술하고 있는 아티클.💚 내용 1. 심플함 - 디자인을 단순하게 유지하라- 복잡성을 최소화하기- 혁신과 친숙함의 균형을 유지하기2. 일관성- 제품 전반에 걸쳐 시각적 / 기능적 일관성 유지하기- 사용자가 제품을 보다 효율적으로 학습·상호작용 할 수 있도록3. 사용 효율- 효과적인 정보 구조를 설계하기- 상호작용을 직관적으로 만들어야4. 접근성- 사용자 기반의 다양성을 인지하고 설계하기5. 확장성- 추후의 변화와 성장을 고려하기- 확장가능한 디자인하기6. 기억에 남는 디자인- 제품이 더 기억에 남을 수 있도록 스토리텔링 기술 사용하기- 매력적인 이야기로 사용자 끌어들이기7..
[앱리뷰] 네이버 클로바 노트 2024.03.24💚 서비스 명  클로바 노트 💚 서비스 소개
 네이버에서 서비스하는 인공지능 플랫폼 클로바의 노트 버전.1. CLOVA X - HyperClova X 기반 대화형 AI서비스- 다양한 주제에 대해 질문과 답변이 가능한 대화형 ai서비스 - 플러그인 시스템 ‘스킬’을 통해 외부 생태계와 유기적으로 연동해 새로운 탐색 사용성 제공- 플러그인 ‘스킬’ 24년 초반 업데이트 : 쏘카, 트리플, 컬리, 원티드 (https://blog.naver.com/n_cloudplatform/223338607404)2. 클로바 프로덕트- CLOVA speech : 정형화되지 않은 말소리를 인식, 텍스트로 바꿔주는 음성인식 서비스- CLOVA Voice : 다양하고 자연스러운 목소리를 만들 수 있는 고품질 ..
[앱리뷰] 캐치테이블 2024.03.16 🧡 서비스 명 캐치테이블레스토랑 예약 서비스.「전화 예약없이 편리하게 캐치테이블로 레스토 예약하세요!」가 캐치프레이즈다.일상적인 음식점이 아닌, 웨이팅하는 맛집과 희소성이 있는 맛집들을 입점시켜 희소성을 더한 플랫폼.🧡 서비스 소개
홈에 들어가면 바로 음식점을 검색할 수 있도록 상단에 검색바가 배치되어 있고, 지역별로 매장을 살펴볼 수 있도록 지역 필터가 가장 상단에 위치함.퀵메뉴를 살펴보면 트렌드에 따라서 달라질 것 같기도 한데, 현재에는1. 웨이팅 TOP2. 3월의 트렌드3. 히든 플레이스4. 밀키트5. 미쉐린 가이드6. 스시오마카세7. 우마카세8. 온라인 웨이팅9. 이달의 맛집10. 호텔 다이닝11. 와인배송12. 모임 예약13. 신규 미식스팟14. 케이크15. 저장 TOP의..
[아티클 리뷰] 2024년 UXUI 디자인 트렌드 훑어보기 2024.03.09🖤 제목 [ 2024년 UXUI 디자인 트렌드 훑어보기  ]2024년 UXUI 디자인 트렌드에 대해 적어둔 글. 🖤 내용1. AI를 통합한 디자인의 진화- 피그마 : 이미지 인식 등의 기능을 사용할 수 있는 AI 플러그인- 어도비 : 센세이 젠AI(GenAI)와 생성형 AI모델군 파이어플라이(Firefly)- 디자인 툴 캔바(Canva) : 10주년 기념 ai도구 제품군 캔바 매직 스튜디오
2. AR/VR에서의 공간 디자인- 애플 : 혼합현실(MR)헤드셋인 애플 비전 프로(Apple Vision Pro) 공개, 새로운 ui 원칙과 신체를 활용한 인터렉션 소개3. 메타버스 고도화- SKT ‘이프랜드’ , 신한은행 ‘시나몬’, 롯데 정보통신 ‘칼리버스’ - KT 메타버스 플랫폼 ‘지니버..
[아티클 리뷰] 와이어 프레임 제작 시 참고하기 좋은 서비스 2가지 2024.03.09 🖤 제목 [ 와이어 프레임 제작 시 참고하기 좋은 서비스 2가지 ]불필요한 커뮤니케이션을 줄일 수 있는 와이어 프레임 제작 시에 참고하기 좋은 서비스가 올라와 있는 아티클이 있어 살펴봄. 🖤 내용1. Wireframe-Examples : 와이어 프레임 제작에 영감을 줌- 기능 또는 화면을 기준으로 와이어 프레임 사례를 확인 가능- 와이어 프레임 사례를 모아 공유함- 10가지 카테고리로 구분 - 네비게이션, 푸터, 로그인, CTA, 뉴스레터 등- 피그마 UI 구매가능한 버튼도 있음- 와이어프레임 제작에 도움이 되는 주요 사례를 한눈에 살필 수 있음 2. Wireframer : 텍스트 기반 와이어 프레임 제작
- 화면이나 기능 단위의 와이어 프레임 사례를 확인 가능- 텍스트(플레이스 ..
[아티클 리뷰] 캐치 테이블 TOWS 분석 2024.03.03 🧡 제목 [ 캐치 테이블 TOWS 분석  ]캐치테이블의 UXUI분석을 하기에 앞서 캐치테이블에 관한 아티클을 찾아보면 보다 이해에 도움이 될 것 같아 아티클을 먼저 찾아보기로 했다.캐치테이블의 외부 환경에서 유리하게 작용하는 요인, 외부 환경에서 불리하게 작용하는 위협 요인, 경쟁사 대비 강점, 경쟁사 대비 약점에 대해서 설명하는 글. 2023년 4월 글로, 1년 전 글이라 조금 차이가 있을 수 있을 듯.* 와드는 캐치테이블 회사 이름 (주식회사 와드) 🧡 내용1. 와드의 위협 요인(1) RMR(Restaurant Meal Replacement) 시장 및 간편식 시장 급성장- 간편식 규모가 점점 성장중. 점차 비중이 보다 높아질 것이라는 게 업계의 전망(2) 온라인 식품 시장 급성..

티스토리툴바