때는 심심한 어느 새벽
미드저니를 활용해보기로 결심한
"백엔드 나 강림"
요새 UIUX에 관심이 많기두 하구..
서버 그까이꺼 그거 이케저케해서 휘핑크림 후루룩 마뚜룩 하면 되는거 아닌가!!?
맞잖여!!@#?!@
몰라몰라 나도 디자이너할꺼얌ㅉㅇ!@#!@#2!#!
암.. 디자인이 중요하지..
여튼 그런 졀차로
나의 유일한 친구....
GPT에게 물어봤따.
1. 나의 질문
::
...앞부분 생략
현재 디자인상 문제는 메인 화면에 1~5의 많은 컴포넌트들이 있어서,
유저가 복잡해질 것이 우려된다.
메인 화면에 해당 정보들은 반드시 필요하다.
이 문제를 위에서 말한 리디자인 프로세스 방식대로 해결해줘
2. GPT답변
::
복잡성을 줄이는 디자인 전략을 적용하여 이 문제를 해결해 볼 수 있습니다. 여기 몇 가지 제안을 드리겠습니다:
정보 아키텍쳐 재구성: 화면의 정보를 조직화하고 구조화하는 방법을 재검토해보세요. 이는 효과적인 네비게이션 구조를 만드는 데 도움이 됩니다.
탭 레이아웃: 메인 화면의 컴포넌트들을 여러 개의 탭으로 분할할 수 있습니다. 각 탭은 루틴 리스트, 토끼, 일기, 토끼방 등과 같은 주요 항목을 나타낼 수 있습니다. 이렇게 하면 사용자가 필요한 정보를 더 쉽게 찾을 수 있습니다.
하이라키 및 그룹화: 화면상의 요소들을 논리적으로 그룹화하여 관련된 정보를 함께 표시합니다. 이는 사용자가 정보를 더 쉽게 이해하고 찾을 수 있게 합니다.
콘텐츠 최소화: 필요한 정보만을 표시하고, 불필요한 세부 정보는 숨깁니다. 이는 '접기/펼치기' 기능을 통해 세부 정보를 보여주는 등의 방법으로 가능합니다.
커스터마이징: 사용자가 자신의 화면을 커스터마이징할 수 있게 해 보세요. 사용자가 자주 사용하는 기능을 화면 상단에 배치하거나, 필요 없는 기능을 숨길 수 있게 하는 등의 방법이 있습니다. 어쩌고저쩌고
...후략
그리고
3. 조합
앱에 사용될 특정 키워드들(뭐 캐릭터, 소셜기능 등등 어쩌고 저쩌고)
+
GPT의 UIUX 문제 해결 관련 답변
+
미드저니에 활용할 UIUX 프롬프트를 만들어줘!
(AIPRM을 쓰면 정말 편하다~!)
그럼 이런 식으로
미드저니에서 쓸 수 있는 다양한 컨셉의 프롬프트 여러개 뽑아준다!
/imagine prompt: A gaㅁㄹㅁㄴㄹrtant featuresds and informsdsdation first. The inspiasdasration comes from Japanese minimdasdalist web design - cleadasdasn lines, plenty of white spaceasdsdafasddasdas, and a light, airsadfsdfy feel. The imagsadfsadfes would insadfclude cute grapdsfasdfhics of a rasdabbit and subtle elements of its rasdoom. A warm, frieasdndasdly, and plasdfsadfayasdful environment is emphasasdasfasfasdized to keep the user engaged. --v 5 --stylize 1000
4. 미드저니에 그냥 복 붙 ^^
이외의 수십장의 사진들!
마음에 드는건 U나 V를 활용해서 새로 뽑거나 한장만 확대 가능!
인사이트를 얻을 수 있는 매우매우매우 많은 디자인들이 뽑혀나온다.
예에^^ (난 백엔드 개발자 예에 ^^)
조금 더 디테일하게 넣으면 원하는 결과를 조정할 수 있겠다.
어느정도 해보니 감이 잡힌다.
24시간 스크립트 돌려서, 검증하는 친구와, 필요한 이미지만 생산할 수 있게,
공장을 만들 수도 있겠다!는 생각이든다 ^^