Jandi - 잔디

 

1. 메인화면

- 팀 별로 리스트를 관리하게 되어 있음. 팀을 생성하고 선택시 팀으로 이동. 프로젝트 개념과는 완전히 다름 (멀티 계정과 동일개념)

- PC 앱 다운로드 버튼을 쉽게 찾을 수 있음 (숨겨져 있지 않고 적극노출되야 하는 버튼임)

- 고객입장에서 가장 필요한 메뉴가 메인에 노출되어 있는 것이 좋음 (PC앱 다운, 프로필 설정, 언어변경, 고객서비스 메뉴..)

 

 

2. 다국어

- 메인에서 다국어를 아주 쉽게 전환할 수 있는 것이 좋음 (6개국어 지원)

- 자주 변경하는 메뉴는 아니지만 처음 접근하는 한국어 이외 사용고객에게는 아주 유용함

- 플로우는 '프로필 메뉴 > 환경설정 > 언어 및 타임존 설정 > 언어설정' 선택

 

 

3. 프로필 설정

- 가장 유용하게 사용할 정보만 위치시킴

- 계정 삭제에 대한 유무를 고객이 선택할 수 있어서 편리함

- 계정 삭제가 민감한 이슈이기 때문에 설명이 자세히 되어 있고, 설문 참여하기까지 있어서 원스톱으로 관리가 가능

 

 

4. 프로필 사진 옵션

- 자신의 사진을 적용하는 것이 부담이 되는 경우가 많기 때문에 귀여운 캐릭터 제공은 좋은 아이디어로 보임

- 캐릭터 뿐 아니라 컬러도 선택할 수 있게 배려함

 

 

5. Top 안내창

- 팀 메인화면으로 이동해도 최상단 Top에서 설치형 다운로드 링크 제공함

- 팀내 공지사항을 최상단에서 항시 노출할 수 있음 (기본 토픽으로 제공함)

 

 

6. 팀 설정 메뉴

- 관리 메뉴를 메인에서 쉽게 선택할 수 있고, 가장 필요한 메뉴를 도식화해서 제공하고 있음

- 가장 중요한 현재 사용중인 요금제를 한눈에 확인 가능하고 쉽게 업그레이드 할 수 있게 구성됨

- 전체 사용용량을 쉽게 파악할 수 있게 함

- 전체 전송한 메시지 수를 쉽게 파악할 수 있게 함 (잔디는 전송 메시지수가 과금으로 이어져서 중요한 정보임)

- 연동 중인 서비스와 컨넥트 수를 도식화해서 파악 가능함

 

 

7. 결제 진행

- 플랜 업그레이드를 통해서 결제 신청 모드로 돌입

- Step1 에서 현재 사용중인 요금제를 표시하고, 상위 요금제에서 어떤 서비스를 제공하는지 잘 표시함

- 상단에 네비게이션을 제공해서 결제 신청 완료까지 남은 단계 및 현재 단계를 확인 할 수 있어서 좋음

 

 

8. 멤버 관리

- 전체 인원 및 현재 등급에 속한 인원을 모두 확인할 수 있어서 편리함 (숫자도 잘 보임 ㅎ)

- 멤버 프로필 이미지도 함께 표시하고 있어서 해당 멤버를 확인하기 용이함

- 부서, 직책 이외에 개인 정보가 함께 표시가 되고 있지 않아서 상세정보 확인은 불편한점

 

 

9. 팀 관리

- 팀 초대 권한을 관리자만 초대 가능 여부에 대한 자세한 설명과 함께 표시함

- 초대링크를 확인 및 수정 가능하며 링크 초기화 기능도 제공함

- 커넥트 설정, 이름 변경, 도메인 변경, 팀 삭제 메뉴도 같은 카테고리에서 알맞게 제공함

 

 

10. 개인 설정

- 팀에서 사용할 이메일을 변경할 수 있음

- 앱을 설치후 무얼 먼저 할까 유도하는 매우 중요한 장치

 

 

12. 결제 정보

- 사용하고 있는 결제 정보를 모아서 확인할 수 있음

- 플랜정보, 결제수단, 크레딧, 업체정보 등 정보를 확인할 수 있음

 

 

12. 도움말 (Help Center)

- FAQ 도움말이 메뉴별로 체계적으로 관리되고 있음

- 잔디 디자인 컨셉을 잘 따르면서 구성됨 (브랜드 ID에 맞는 디자인 구성이 중요함)

- 사용법 영상도 상단 링크로 제공함

 

 

13. 팀 생성하기

- 개인계정을 먼저 생성하고 팀을 생성하는게 아니라, 팀 정보를 먼저 입력함

- 도움말 멘트가 브랜드 메인 컬러를 사용해서 통일감이 있음

- 잔디 도메인 부분이 박스처리가 되서 앞에 서브도메인을 full url 주소를 넣지 않을 확률이 높음 (시안성도 좋음)

 

 

14. 팀 메인

- 내가 사랑하는 다크모드 지원

- 모든 디자인 구성요소가 퀼리티 있게 제작되어 있음

- 상단우측, 우측, 하단 등 각 극단에 기능을 아이콘으로 몰아넣어서 컨텐츠 표시/ 입력 영역을 극대화함

- 폰트 가독성이 좋고, 아이콘에 마우스 오버시 툴팁으로 알려줌

 

 

15. 멤버 초대하기 1

- 초대시 멤버의 권한을 먼저 선택하고 초대하는 것이 차이점

- 멤버별 간략 안내와 권한에 대한 상세 도움말을 제공하고 있어서 해당 내용에 대한 이해가 빠르게됨

 

 

16. 멤버 초대하기 2

- 초대하기 옵션 2가지를 한 화면에서 모두 보여줌

- 각 옵션에 대해서 자세한 안내를 하고 있기 때문에 추가 안내가 필요하지 않음

 

 

17. 새 토픽 생성

- 프로젝트 생성이라고 보면 되는데 챗 뷰 / 보드 뷰를 제공해서 다른 형식으로 제공함

- 보드 뷰의 경우는 유료 등급부터 사용할 수 있음 (부분 유료화 유도)

- 보기방식(프로젝트 성격)을 이미지를 예를 들어서 이해하기 좋고 보기에도 좋음

 

 

18. 초대 메일 확인

- 초대 이메일은 처음 접하는 유저에게는 첫인상과 같아서 브랜드ID 를 잘 녹인느 것이 중요함

- 핵심 요소만 잘 설명해야 하는데 너무 복잡해 보이고 눈이 가지 않게 디자인됨

 

 

18. 초대 받기 - first step

- 브라우저 기준으로 보이는 화면인데 이미지 잘 사용해서 귀엽네!

- 서비스 이용이 처음이거나, 더 알고 싶은 경우 해당 도움말로 연결할 수 있게 한 것은 좋음

 

 

19. 초대받기 - 시용자 정보 입력하기

- 사용자 성함 이라고 극존칭을 사용 (이름, 성함 보다는 좀 색다르다..)

- 보안 상 적정 비밀번호 체크하는 방법이 보기가 좋고 이해가 빠름

- 막대바 & 컬러를 이용해서 입력시 실시간으로 바로 파악이 가능하도록 함

 

 

20. 간략 튜토리얼

- App을 처음 실행시킬 때 사용자가 기능 및 핵심요소를 알수 있게 하는 장치가 필요함

- 앱을 설치후 무얼 먼저 할까 유도하는 매우 중요한 장치

- 잔디에서 소개하는 내용이 좋지는 않지만 해당 장치가 필요함

 

 

21. 코치마크 (Coach Mark)

- 처음 접하는 기능 및 핵심요소를 알수 있게 하는 요소임

- 가입 후 최초 로그인 시 핵심적인 기능과 요소에만 적용하면 도움이 됨 (해당 요소가 전무한 앱은 X)

 

 

22. 파일 업로드

- '파일 업로드, 연동, 기타'로 기능 종류별로 잘 구별해 놓음

- 화상연동 Zoom !! / 할일과 투표도 첨부할 수 있어서 기능적으로 풍부해보임

- 업로드 버튼 선택 시 에니메이션이 매우 스무스하게 고급지게 동작함

 

 

23. 파일 업로드

- 타이틀(파일명)을 명명할 수 있음

- 팀 내 공유대화방 (프로젝트 개념)을 선택해서 업로드 할 수 있음 (디폴트는 해당 대화방)

- 댓글을 입력해서 부연설명을 할 수 있음

 

 

24. 이미지/ 파일 확인

- 이미지 뷰의 경우 전체 화면을 잘 활용해서 시원스럽게 잘 보여줌

- 쓸데없이 UI가 가리거나 하는 부분이 없고, 우측에는 해당 컨텐츠에 대해서 커뮤니케이션 할 수 있는 공간 제공

 

 

25. 메시지별 환경설정 메뉴

- 메시지별로 설정 메뉴를 다양하게 제공함

- 공지등록, 대댓글 작성, 즐겨찾기 등록, 할일로 등록, 복사/ 삭제가 가능함

- 이중 할일로 등록이 효과적. 단순 텍스트 입력한 것을 할일로 바로 등록이 가능해서 편리함

 

 

26. 다운로드 페이지

- 지원 운영체제를 모두 표시하고 해당 이미지를 정갈하게 모두 잘 이미지화함

- 매뉴얼이 튜토리얼, 관리자 가이드, 신규 멤버용 가이드로 세분화 되어 있어서 효과적임

 

 

27. 할 일

- 등록한 할일을 삭제하는 기능을 유료버전부터 할 수 있게 한 것이 놀라움!

- 다크모드로 그런지 텍스트 가독성이 매우 뛰어남

- 할일의 시간 설정도 할 수 있음

 

 

28. 커넥트

- 외부 App / 서비스와 연동을 지원함

- 연동 가능한 서비스를 일목요연하게 잘 설명하고 있어서 필요한 서비스를 잘 선택할 수 있음

- '추가로 연동 요청하기' 를 통해서 고객들이 어떤 서비스를 선호하는지 알 수 있음

- 해당 기능에 대한 도움말은 어디에나 제공하는 것이 유저 친화적 서비스 마인드가 확실!

 

 

29. 투표 만들기

- 투표 많이 요청하는 기능인데, 사실 외부의 잘 만든 서비스를 사용하고 링크로 연결해도 되지만 확실히 내부기능으로 있으니 좋음

- 익명투표 > 매우 중요한 핵심적인 기능!

- 전체적으로 모든 디자인, 팝업창 등이 통일된 디자인으로 되어 있으서 보기가 좋음

 

..

 

30. 파일전송

- 파일 업로드/ 다운로드시 파일전송 팝업창을 표시함

- 특히 복수개 파일 업/다운시 전체 현황을 보는 것 보다 파일 개별적으로 확인할 수 있어서 편리함

 

 

32. 파일 드라이브

- 자체 파일드라이브 기능을 제공해서 파일을 매우 효과적이고 편리하게 관리가 가능함

- 드라이브를 여러개 필요에 따라서 추가할 수 있음

- 폴더 생성 기능과 드라이브에 추가된 파일은 파일 업로드 시 가져다가 첨부할 수 있음

 

 

32. 개인 설정

- 개인마다 메시지 전송 습관이 다른데 매우 유용한 옵션임

- 내가 사랑하는 다크 모드!

 

 

33. 키보드 단축키 제공

- 기능마다 단축키를 제공하는 것이 너무 좋음

- 해당 단축키에 익숙해지게 되면 작업 속도가 상상할 수 없을 만큼 빨라지고 편리함

- 단축키 맵을 보기쉽게 제공하는 것도 장점!