[프로젝트 22일차]

 

- 소프터 UI 수정 (버튼, 리뷰필수제외, 리스트 칸 일자추가 등)

 

[Softr]

• 공동 Objective : UX/UI 만족도 높이기
• O-1 : 모바일 친화 UX/UI 만들기
  1. 목적: Ver1 결과 모바일 유저가 대부분 차지 하므로 모바일 친화 UI 개선을 통한 만족도 높이기
  2. KR 지표:
  • Initiative 1 : 트랜드 보러가기 버튼 가림문제
  • made softr 제거_완료
  • Initiative 2 : 별점,리뷰 required 불편문제
  • 제거_완료
• O-2 : 리스트 가독성 강화
  • Initiative 3 : 리스트 수정 (칸 안에 일차 추가, 카테고리 가독성)
  • (확정) **inbox** *추가수정사항: category copy 필터 추가 (Tag)
  • Initiative 4 : 대중교통 정보 더 눈에 띄게
  • (확정) result 페이지에도 네이버지도 버튼추가.
  • Initiative 5 : 추천결과 마음에 안 들 경우 다른 선택할 수 있게
  • (확정) 다른 선택지 보러가기 버튼 추가. (대전여행 맞춤경로 추천 (tally) 페이지로 이동)
• KR 지표:
• O-3 : 피드백 수집개선
  • Initiative 7 : 피드백 주제 drop down 선택추가
  • Initiative 8 : 부분 required ****
  • -필수 : 별점, 피드백 주제 선택 -선택 : 리뷰쓰기
• KR지표:
• O-4 : 사용자 유입개선
  • Initiative 9 : 공유버튼 추가 (카카오 공유하기 API)

      // 카카오톡 SDK 초기화 (여기서 'YOUR_APP_KEY'를 실제 카카오 앱 키로 교체)
      Kakao.init('c2d230b1e6677513b79e96e81e739101'); // 여기에 본인의 카카오 앱 키를 넣어주세요.
    
      // 카카오톡 공유하기 함수
      function shareToKakao() {
        Kakao.Link.sendDefault({
          objectType: 'feed',
          content: {
            title: '대전여행 추천결과', // 추천결과 페이지 제목
            description: '대전여행 추천결과 공유해요', // 설명
            imageUrl: '<<a href=https://drive.google.com/uc?export=view&id=10yCqi8N0tJxWIUxgsD8QgpGvfjjRCDaz>https://drive.google.com/uc?export=view&id=10yCqi8N0tJxWIUxgsD8QgpGvfjjRCDaz</a>>', // 추천결과 페이지 이미지 URL (Google Drive 이미지 URL 형식으로 변경)
            link: {
              mobileWebUrl: window.location.href, // 현재 페이지 URL (추천결과 페이지의 URL을 자동으로 사용)
              webUrl: window.location.href,
            },
          },
          buttons: [
            {
              title: '추천결과 보러가기', // 버튼 텍스트
              link: {
                mobileWebUrl: window.location.href,
                webUrl: window.location.href,
              },
            },
          ],
        });
      }
    
      // 카카오톡 버튼 클릭 시 공유 이벤트
      document.getElementById('kakaotalk-sharing-btn').onclick = function() {
        shareToKakao();
      };
       

  • https://developers.kakao.com/tool/demo/message/kakaolink

 

카카오 공유하기 버튼