Tumgik
janedesign · 1 year
Text
2차 와이어프레임 유저테스트
Tumblr media Tumblr media Tumblr media
0 notes
janedesign · 1 year
Text
Tumblr media
유저테스트 결과를 추려 랜딩페이지 리디자인 브레인스토밍 작업
결과
Tumblr media
프롬프트를 검색하고 보여주는 페이지가 랜딩에서 벗어나지 않게 디자인하기. 상세페이지를 팝업으로 뜨게 하기
랭킹101, 나에게 맞는 플러그인 찾기의 visual hierarchy를 고려해서 시선이 갈 수 있게 고려해서 디자인하기.
로그인이 필요한 기능에 대한 정의가 필요할 것 같음. (테스트 필요)
0 notes
janedesign · 1 year
Text
Refine the matter and the possible solution
Tumblr media
Prompt101 컨셉 구체화를 들어가면서 다시 한 번 지금 가고 있는 방향이 맞는 방향으로 나아가고 있는지 그리고 구체적으로 어떻게 도움을 줄 수 있는지 조금 더 뾰족한 방법들을 찾기 위한 정리를 해보았다.
Refine the solutions
1.타겟유저가 되는 프롬프트101 단톡방의 사람들은 모두 직장인들이며 그들이 챗GPT를 사용하려는 이유는 업무의 효율성 증대.
2. 프롬프트와 플러그인 소개를 하려고하는 자사의 목표와 만나는 지점은 바로 업무에 도움이 되는 프롬프트를 소개시켜주는 것.
3. 업무에 도움이 되는 프롬프트를 직관적이게 찾아서 볼 수 있도록 그리고 유저들이 보고있을 프롬프트 소개 페이지에서 필요한 정보를 잘 보이게 해줄 수 있는 방법은 무엇인지 정리해야한다.
앞으로 할 일들
1.프롬프트를 소개 할 때 반드시 넣어야 하는 정보들과 유저가 제일 필요로 하는 정보가 무엇인지 구분해서 정리하기
2. 어떤 방식으로 프롬프트를 보여주는 것이 혼란을 최소화하고 스트레스를 덜어줄 수 있는 방법인지 ideation해보기
0 notes
janedesign · 1 year
Text
프롬프트101 서비스, 회사소개 사이트 분리
첫째, 고객 중심의 서비스 제공을 위해. 저희의 서비스 웹사이트는 고객님들이 저희 서비스를 편리하게 이용하실 수 있도록 최적화되어 있다. 회사소개 정보는 이러한 서비스 이용에 직접적인 영향을 주지 않기 때문에, 이를 별도의 웹사이트로 분리함으로써 고객님들의 서비스 이용에 집중할 수 있도록 돕고자 한다.
둘째, 비즈니스 파트너십을 위해. 저희는 저희의 플랫폼이 성장하고 다른 회사와의 협력이 필요한 시점이 오면, 저희 회사의 비전과 가치를 잘 전달할 수 있는 회사소개 웹사이트를 제공하고자 한다. 이를 통해 저희와 함께 일하고자 하는 파트너사들에게 저희 회사의 정체성과 가치를 명확하게 이해시킬 수 있을 것이다.
이렇게 서비스 웹사이트와 회사소개 웹사이트를 분리함으로써, 저희는 고객님들에게 더욱 집중하고, 동시에 저희의 비즈니스 파트너들에게도 저희의 가치를 명확히 전달할 수 있다. 이는 저희의 성장과 발전을 위한 중요한 한 걸음이며, 저희의 서비스를 더욱 향상시키기 위한 노력의 일환이다.
0 notes
janedesign · 1 year
Text
비슷한 유형의 웹사이트 조사
스포티파이
세계적인 음악 스트리밍 서비스 스포티파이의 장점과 단점 바로가기
(The coloured letters signify potential opportunities that I can leverage for the project.)
다양한 음악 콘텐츠: 스포티파이는 수많은 아티스트와 음악을 제공하여 다양한 장르와 스타일의 음악을 즐길 수 있습니다.
개인 맞춤형 플레이리스트: 사용자의 음악 취향과 청취 기록을 바탕으로 개인 맞춤형 플레이리스트를 생성해줍니다.
오프라인 모드: 인터넷 연결이 없는 환경에서도 오프라인 모드로 음악을 감상할 수 있어 편리합니다.
음악 검색과 추천 기능: 강력한 검색 기능과 개인화된 음악 추천 알고리즘이 사용자의 새로운 음악 발견을 도와줍니다.
사용자 친화적 인터페이스: 직관적이고 사용하기 쉬운 인터페이스로 편리한 음악 청취를 지원합니다.
다양한 디바이스 지원: PC, 스마트폰, 태블릿 등 다양한 디바이스에서 접속하여 음악을 감상할 수 있습니다.
높은 음질과 스트리밍 속도: 고음질 음악 스트리밍과 빠른 음악 재생 속도를 제공하여 탁월한 청취 경험을 제공합니다.
가족 요금제: 가족 구성원들과 함께 이용할 수 있는 가족 요금제를 제공하여 경��적이고 효율적인 이용이 가능합니다.
오리지널 콘텐츠: 스포티파이에서만 즐길 수 있는 독점적인 오리지널 콘텐츠들이 풍부합니다.
커뮤니티와 공유 기능: 다른 사용자들과 음악 정보를 공유하고 음악 커뮤니티를 형성할 수 있습니다.
First impression and What I found while use the spotify
The user interface was so simplistic that it made me question whether it was truly well-designed.
I noticed that spotify's user interface doesn't actively introduce music or artists to users who might be interested. However, this approach works well as it provides users with the pleasure of discovering music and artists on their own.
Insight I have gained
다양한 프롬프트 콘텐츠 제공하기
프롬프트 저장할 수 있게 해주기
프롬프트 검색과 추천 기능
뉴스레터로 알려주기
유저가 좋아할만한 프롬프트가 웹사이트에 추가되었을 때 알려주기 기능 → perhaps by sending emails
직관적이고 쉬운 인터페이스 → 쓸데없는 배려로 페이지에 기능 도배하지않기!!!!
Responsive design
상황별 쓰기 좋은 프롬프트 모아서 올리는 커뮤니티 게시판 제공
카드고릴라 바로가기
(The coloured letters signify potential opportunities that I can leverage for the project.)
다양한 카드 정보 제공: 신용카드, 체크카드 등 다양한 카드 정보를 한 곳에서 확인할 수 있습니다. 카드의 종류, 혜택, 요금 등에 대한 정보를 제공하므로, 사용자는 자신의 생활 패턴과 가장 잘 맞는 카드를 선택할 수 있습니다.
카드 추천 서비스: 사용자의 상황에 따른 최적의 카드를 추천해주는 서비스를 제공합니다. 대학생, 1인 가구, 직장인, 맞벌이 부부, 여행족 등 다양한 사용자 그룹에 따른 카드 추천 정보를 제공하므로, 사용자는 자신의 상황에 가장 적합한 카드를 쉽게 찾을 수 있습니다.
카드 순위 정보 제공: 신용카드, 체크카드 등 다양한 카드의 순위 정보를 제공합니다. 이를 통해 사용자는 어떤 카드가 현재 가장 인기가 있는지, 어떤 카드가 가장 많은 혜택을 제공하는지 등의 정보를 쉽게 파악할 수 있습니다.
카드 관련 콘텐츠 제공: 카드 사용 팁, 해외 사용 정보, 신용점수 관련 정보 등 다양한 카드 관련 콘텐츠를 제공합니다. 이를 통해 사용자는 카드를 더 효과적으로 사용하는 방법을 배울 수 있습니다.
이벤트 정보 제공: 다양한 카드사의 이벤트 정보를 제공합니다. 이를 통해 사용자는 자신이 사용하는 카드의 최신 이벤트 정보를 쉽게 확인할 수 있습니다.
카드 비교 기능: 다양한 카드의 혜택과 요금 등을 비교할 수 있는 기능을 제공합니다. 이를 통해 사용자는 자신에게 가장 적합한 카드를 선택하는 데 도움을 받을 수 있습니다.
First impression and What I found while use the spotify
뭐가 진짜 많다. 해도해도 너무 많다. 토할 것 같다. 그래도 내가 필요한 기능을 제공해주니까 참고 보자.
Insight I have gained
프롬포트 비교기능이 있으면 좋을 것 같다.
프롬프트를 정리할 기준을 정하자.
ChatGPT뿐만 아니라 다른 AI tool들에 관한 콘텐츠 제공을 해주면 좋을 것 같다
에디터 페이지에 따로
뉴스레터로
0 notes
janedesign · 1 year
Text
Development process of Ideation
Tumblr media Tumblr media
지금까지 진행해온 UX디자인 프로세스를 바탕으로 어떤식으로 프롬프트들을 소개시켜주지 정리해보았다.
Problem solution
1.인기순으로
2.카테고리별로
3.검색해서
4.우리가 추천해줘서
또한 User Journey를 고려하여 만들어야할 페이지(main pages)와 필요 기능들이 있는지 적으며 흩어져있는 아이디어들을 하나로 모았다.
0 notes
janedesign · 1 year
Text
와이어프레임 레이아웃 UI 레퍼런스 조사
Tumblr media
한국 커뮤니티 웹사이트들 위주로 찾아보다가 Prompt101 웹사이트 성격과 맞는 레이아웃이 없다고 생각하여 외국사이트들을 찾아봤다. 가장 마음에 든건 Figma community였는데 필요한 기능만 정리해서 딱딱 보여주는 점에서 플러그인 소개를 해줄 때 벤치마킹 하면 좋겠다는 생각이 1차 적으로 들어 세부페이지도 찾아보았다.
Tumblr media
Tumblr media Tumblr media
세부페이지에서 벤치마킹 하면 좋을 점들
📌 태그기능
📌 영역 구분을 선으로만 하였지만 타이틀과 바디에 strength를 강하게 주어 영역 구분이 잘 된다는 점
📌 유저들이 댓글을 달 수 있다는 점
한국에서 런칭할 웹사이트를 만들 플랜이지만 해외사이트를 레퍼런스로 찾아보길 잘했다는 생각이든다. 한국 웹 UI는 너무 친절하게 디자인하려고하다보니 과잉정보를 떠먹여주는 느낌이 들 때가 있다. 그런 느낌들이 결국 CTA를 흐리게 한다는 생각이 들어 레이아웃 레퍼런스 체크를 할 때는 해외 웹사이트를 먼저 훑어 보는게 좋다는 생각이다.
0 notes
janedesign · 1 year
Text
유저저니맵
Tumblr media
페르소나를 만들고 그들의 사용여정을 만들어 비지니스 포인트를 찾아보았다.
A possible behaviours of users
ChatGPT를 활용한 업무를 할 수 잇는 방법이 있는지 관련 유튜브를 찾아본다.
ChatGPT 관련 근들을 어디서 볼 수 있는지 검색해본다.
지인들 중 ChatGPT를 잘 쓰는 사람들을 찾아본다.
CTA of us
ChatGPT 강의를 기획한다
ChatGPT를 잘 쓰고 싶어하는 사람들을 위한 커뮤니티를 만든다.
프롬픝/플러그인, 추천/소개 플랫폼을 만든다.
ChatGPT 커뮤니티를 웹으로 제작하기에는 아직 잘 쓰는 방법을 공유해줄 유저들이 부족하다는 점을 느꼈기 때문에 어렵다고 판단하였고 남길님이 앞으로 ChatGPT 외부강의를 다니시며 potential users를 모으면 프롬프트/플러그인을 소개해주는 플랫폼을 만들면 좋겠다는 결론을 내렸다.
0 notes
janedesign · 1 year
Text
페르소나
Tumblr media Tumblr media
하진님과 채연님께서 인터뷰에 참여해주셨던 것을 바탕으로 페르소나를 만들었다.
페르소나를 통해 얻어낸 clues of future target users
ChatGPT를 사용한 경험이 있는 사람
기본기능은 사용할 줄 아는 사람
프롬프트와 플러그인의 활용까진 어려운 사람
ChatGPT이외에 다른 인공지능플랫폼을 사용해본 경험이 있는사람
0 notes
janedesign · 1 year
Text
Competitive research
Tumblr media
아직 국내에 인공지능커뮤니티가 생겨난지 얼마되지 않아서 이번 competitive research를 진행하면서 원했던 결과를 얻어내지 못했다. 총 5개의 관련 웹사이트들 Flowgpt, 지피터스,GetGPT, Product Hunt, GPTbot.io를 둘러보았는데 목적이 뚜렷하고 CTA가 확실한 웹을 열어야겠다는 생각이 들었다. 사람들이 제일 필요로하는 문제를 찾고 그거 하나만 가지고 먼저 속이 뻥 뚫리게 해주기. 프롬프트101 베타버전의 핵심이 될 것 같다.
0 notes
janedesign · 1 year
Text
Tumblr media
채연님 인터뷰 영상 캡처
이 인터뷰는 프로젝트 디자이너 경제인이 마케터 이채연과 함께 진행한 것입니다. 소요시간은 총 12분걸렸습니다. 이채연은 디지털 마케팅 분야에서 일하며, 현재는 뉴스레터 작성을 주 업무로 하고 있습니다. 이채연은 인공지능(AI)이 직업 분야를 크게 바꿀 것이라고 생각하며, 특히 단순 작업을 하는 직업이 AI에 의해 대체될 가능성이 높다고 보고 있습니다. 그러나 AI의 발전이 너무 빠르게 이루어지면 세대 간의 격차가 심화되고, 일자리가 줄어들어 청년들이 절망할 수 있다는 우려도 표현하였습니다. 이채연은 자신의 업무에 AI를 활용하는 것이 필수적이라고 생각하며, 특히 마케팅 분야에서는 AI를 활용하는 마케터와 그렇지 않은 마케터로 분리될 것이라고 예상하였습니다. 그는 자신이 AI를 활용하는 데 있어 아직 부족하다고 느끼며, 특히 플러그인과의 결합을 통한 활용에 어려움을 겪고 있다고 말하였습니다. 이채연은 자신의 업무 중에서 콘텐츠 아이디어를 뽑는 작업에서 AI를 가장 효율적으로 활용한다고 말하였습니다. 그러나 그는 AI의 답변이 부실하다고 느끼며, 자신이 원하는 답변을 제대로 얻지 못한다는 불만을 표현하였습니다. 이에 대한 개선이 필요하다고 그는 주장하였습니다.
Tumblr media
하진님 인터뷰 영상 캡처
인터뷰는 프로젝트 디자이너 경제인과 미스테리코에서 일하는 임하진 사이에서 이루어졌습니다. 임하진은 운영팀에서 HR 업무, 정부 지원금, 그리고 사업 관리 업무를 맡고 있습니다. 인공지능에 대한 논의에서 이마진은 인공지능이 개인 비서 역할을 할 수 있을 것이라고 생각하며, 서류 작성이나 기술 설계 등에 도움을 줄 수 있을 것이라고 말했습니다. 그러나 인공지능의 발전은 일자리 감소와 정보 격차 증가라는 단점도 가져올 수 있다고 논했습니다. 임하진은 인공지능과 함께 일하는 능력이 필수적이라고 생각하며, 이는 사회가 그렇게 만들고 있기 때문이라고 설명했습니다. 그는 매일 ChatGPT를 사용하며, 이를 통해 쉽게 초안을 작성하거나 내용을 요약하는 등의 작업을 수행한다고 말했습니다. 그는 ChatGPT를 활용하는 능력을 10점 만점에 4점으로 평가하며, 이는 ChatGPT의 다양한 기능을 아직 충분히 활용하지 못하고 있다고 느껴지기 때문입니다.
임하진은 ChatGPT를 사용하면서 가장 큰 장점으로 원하는 정보의 답변이 바로 나온다는 점을 들었습니다. 그는 이를 통해 검색 엔진을 통한 복잡한 검색 과정 없이 원하는 정보를 즉시 얻을 수 있다고 설명했습니다. 그러나 그는 아직 ChatGPT 관련 커뮤니티를 이용해 보지는 않았습니다.
인터뷰 공통 스크립트
Background
소요시간: 20분
장소: 미스테리코 사무실 대회의실
참여자: 임하진
인터뷰 목적: 챗지피티를 사용하기 시작한 사람들이 느끼고 있는 불편한 점을 찾고 업무에 어떻게 적용시키고 있는지 파악하고자 합니다.
Mainstream question
“ 디자인솔루션이 어떻게 사람들이 자신에게 필요한 플러그인들을 잘 찾아서 쓸 수 있게 해줄 수 있을까? “
Sub questions
챗지피티를 사용하는 이유가 뭔가요?
챗지피티를 얼마나 자주 사용하나요?
챗지피티를 어떻게 알고 쓰게 되셨나요?
챗지피티를 잘 사용하길 원하시나요? 그 이유는?
챗지피티를 1 to 10 중에 얼마나 잘 활용하고 있다고 생각하시나요? 그 이유는?
챗지피티를 활용해서 업무를 한 경험이 있으신가요?
챗지피티 플러그인에 대해서 들어보셨나요?
플러그인을 사용 해본 적이 있으신가요?
자주 사용하는 혹은 이런 플러그인이 있으면 자주 사용할 것 같은 기능이 있나요?
챗지피티를 사용하면서 불편하거나 개선되었으면 하는 부분이 있나요?
챗지피티를 업무에 어떻게 적용시키고 있으신가요?
챗지피티를 업무에 적용시키면서 느꼈던 어려움이나 해결했던 경험이 있나요?
챗지피티를 활용해서 어떤 업무를 효율적으로 처리할 수 있었나요?
챗지피티를 사용하면서 느꼈던 가장 큰 장점은 무엇인가요?
챗지피티에 관련된 커뮤니티를 이용해보신 적이 있으신가요?
Interview script
안녕하세요 저는 인터뷰를 진행할 product designer 경제인입니다. 먼저 인터뷰에 응해주셔서 감사드립니다. 이번 인터뷰의 목적은 챗지피티를 사용하기 시작한 사람들이 느끼고 있는 불편한 점을 파악하고, 디자인 솔루션을 찾아보기 위함입니다. 인터뷰 내용은 녹화되며, 인터뷰 확인 이외의 용도로는 사용되지 않을 것임을 약속드립니다. 인터뷰는 약 20분 정도 소요될 예정이며 중간에 대답하고 싶지 않은 질문이 있으면 스킵해도 된다는 점을 알려드립니다. 시작하기 전에 질문이 있으실까요? 질문이 있으시면 언제든지 말씀해주세요. 준비되셨으면 인터뷰를 시작하도록 하겠습니다.
ice breaking
짧게 자기소개 부탁드립니다.
직업에 대해서 조금 소개부탁드립니다.
인공지능에 관한 인터뷰 질문으로 넘어가보돋록하겠습니다.
인공지능이 앞으로 우리 삶에서 어떤 변화를 가져올 것 같으신가요?
인공지능의 장점과 단점에 대해서 어떻게 생각하시나요?
인공지능이 발전하면서 우려되는 부분이 있다면, 어떤 부분인가요?
인공지능이 우리 직업을 대체할 가능성이 높은 분야는 어떤 것이 있을까요?
인공지능이 우리 직업을 대체하면서 새로운 직업이 만들어질 가능성이 있을까요?
우리는 인공지능과 함께 일하는 능력을 갖추어야 할까요?
인공지능에 관한 인터뷰 질문으로 넘어가보돋록하겠습니다.
챗지피티를 사용하는 이유가 뭔가요?
챗지피티를 얼마나 자주 사용하나요?
챗지피티를 어떻게 알고 쓰게 되셨나요?
챗지피티를 잘 사용하길 원하시나요? 그 이유는?
챗지피티를 1 to 10 중에 얼마나 잘 활용하고 있다고 생각하시나요? 그 이유는?
챗지피티를 활용해서 업무를 한 경험이 있으신가요?
챗지피티 플러그인에 대해서 들어보셨나요?
플러그인을 사용 해본 적이 있으신가요?
자주 사용하는 혹은 이런 플러그인이 있으면 자주 사용할 것 같은 기능이 있나요?
챗지피티를 사용하면서 불편하거나 개선되었으면 하는 부분이 있나요?
챗지피티를 업무에 어떻게 적용시키고 있으신가요?
챗지피티를 업무에 적용시키면서 느꼈던 어려움이나 해결했던 경험이 있나요?
챗지피티를 활용해서 어떤 업무를 효율적으로 처리할 수 있었나요?
챗지피티를 사용하면서 느꼈던 가장 큰 장점은 무엇인가요?
챗지피티에 관련된 커뮤니티를 이용해보신 적이 있으신가요?
오늘 인터뷰에 참여해 주셔서 감사합니다. 귀하의 의견과 경험을 듣게 되어 매우 기쁩니다. 이 인터뷰의 결과는 저희의 플랫폼생성에에 많은 도움이 될 것입니다. 추가적인 질문이나 정보가 필요할 경우, 저희가 다시 연락드리겠습니다. 다시 한번 감사드립니다
0 notes
janedesign · 1 year
Text
Card sorting & site mapping
Tumblr media
1차 Card sorting
Information architecture에 필요한 키워드를 적어 나갔습니다. 이 과정에서 유사 홈페이지를 참고하여 추가하기도 하였습니다.
Tumblr media
1차 Grouping the cards
1차 Card sorting에서 나온 카드들을 그룹핑한 후 조금 더 추가할 수 있는 내용들이 생겨 다른 sticky색을 사용하여 추가하였습니다.
Tumblr media
1차 information architecture
Briefly 1차 information archietecture를 완성하였습니다. 타겟유저 조사 후 수정이 들어갈 것입니다.
0 notes
janedesign · 1 year
Text
프롬프트101 브레인스토밍
Tumblr media
Miro board
프롬프트101 웹 제작을 시작하였습니다. 브레인스토밍을 하진님과 1시간에 걸쳐 진행하였으며 모든 단계를 10분씩 그리고 추가시간이 필요한 경우 5분씩 정확하게 시간을 쟀습니다.
📌 키워드 브레인스토밍
소요시간: 10분씩
진행횟수: 2번
Tumblr media
1차 액티비티
Tumblr media
2차 액티비티
Tumblr media
3차 액티비티
키워드 브레인스토밍을 진행할 때 웹사이트 제작에 필요한 키워드, 프롬프트101을 ���각하면 연상되는 키워드를 ���성하였으며 이는 앞으로 우리가 사용할 툴 정리, 프롬프트101의 뚜렷한 목표, further directions, 수익창출방법, 가치관, 타겟유저, 유저 유입방법, 제공할 수 있는 무/유료 서비스는 무엇인지 알아낼 수 있었습니다. 이번 액티비티를 통해 수집한 자료들을 바탕으로 프롬프트101의 정체성을 확립하는데 도움이 되었습니다.
📌 컨셉 브레인스토밍
소요시간: 10분씩
진행횟수: 2번
Tumblr media
1차 액티비티
Tumblr media
2차 액티비티
Tumblr media
3차 액티비티
컨셉 브레인스토밍은 키워드 브레인스토밍을 이후 생각나는 이미지, 일러스트, 컬러, 타이포그래피 등을 가져와 보는 시간이었습니다. 타이포그래피가 상대적으로 자료가 부족하였기 때문에 5분의 추가시간을 할애하여 조금 더 자료수집하는 시간을 가졌고 그 후 어울리는 이미지 4개씩 그룹핑을 한 후 히어로이미지라고 생각하는 이미지 2개씩 선정하여 총 4개의 이미지를 선택 하였습니다. 이 활동을 통해 우리가 생각하는 프롬프트101의 디자인 컨셉 그리고 현재 우리가 가지고 있는 스킬로 어떤 새로운 컨셉이 나올 수 있을지 생각해 볼 수 있는 시간이었습니다.
1 note · View note