본문 바로가기

전체 글

(48)
[TIL] 필수과제① FACTS(사실, 객관) : 디자인씽킹 프로세스를 활용해 음식 배달/외식 시장에 필요한 아이디어를 도출했다. (진행 중) FEELINGS(느낌, 주관) : 디자인씽킹 5단계 중 1단계 '공감하기' 단계에서 - 음식 배달/외식 서비스에 경험이 있는 사람을 직접 인터뷰 하였는데, 가상의 인물을 설정한 후 질문과 답을 스스로 채워가는 것 보다 훨씬 풍부한 아이디어를 얻을 수 있었다. 실제 사용자다운 가감없는 답변이어서 도움이 많이 됐다.  2단계 '문제 정의하기' 단계에서 앞서 수집한 정보를 친화도 분석법으로 분류해야 했는데, 이 과정이 조금 어려웠다. 분석법은 그저 분석을 돕기위한 수단일 뿐이니, 힘을 빼고, 활용했던 것 같다.  FINDINGS(배운 것) : 이론으로 배운 디자인원칙과 디자인씽킹을 어떻게 ..
[study] 음식 배달/ 외식 시장을 타깃하는 한 가지 아이디어를 도출하기 과제 디자인씽킹 프로세스를 활용해 음식 배달/외식 시장에 필요한 아이디어를 도출해라 !  목표1. 디자인씽킹 5단계 이해하고 적용.  공감하기 → 문제 정의하기 → 아이디어 발산하기 /→ 프로토타입 만들기 → 테스트하기2. 다양한 디자인 원칙을 근거로 탄탄한 솔루션 설계  2024.06.10 - [UXUI design/record] - [study] 디자인씽킹에 기반한 아이디어 도출    1. 공감하기음식 배달/외식 서비스에 경험이 있는 사람을 만나 직접 인터뷰하거나 자료 조사를 통해 AEIOU의 분류 체계로 사용자의 정보를 수집해보기  인터뷰   Q1. 당신은 어떤 사람인가? (음식 배달/외식 시장의 주요 사용자는 어떤 사람인가?) A1.  청년, 자취 경험 수 년 간 있음, 현재 가족과 함께 거주, ..
[study] 디자인씽킹이란? 📌 디자인씽킹 프로세스를 활용해 음식 배달/외식 시장에 필요한 아이디어를 도출하기  사용자내가 만들 제품을 쓰고 있는 (혹은 쓰게 될) 사용자에게 공감해 봅시다.음식 배달/외식 시장의 주요 사용자는 어떤 사람인가요?문제음식 배달/외식 시장의 사용자는 어떤 문제를 겪고 있나요?어떻게 문제를 발견했고, 왜 문제라고 생각했나요?문제를 해결할 아이디어음식 배달/외식 시장의 사용자의 문제를 해결해 주는 솔루션을 위한 아이디어는 어떤 것들이 있나요?왜 문제를 해결할 수 있을거라 생각하시나요? 디자인 씽킹이란? 사용자에 대한 이해를 기반으로 문제를 찾고 제품을 만들어 검증하는 프로세스를 말한다.    디자이너는 왜 디자인씽킹을 배워야 할까?디자인은 아이디어를 눈에 보이는 것으로 만드는 일이다. 회사에서 일을 한다는..
[Figma] 컨스트레인트, 리사이징의 관계 컨스트레인트 컨스트레인트는 오토레이아웃을 진짜 오토레이아웃으로 만들어주는 기능이다.    부모컨테이너 안에있는 자식 컨테이너를 클릭하면 오른쪽 디자인패널에 다음과같이 되는 것을 확인 할 수 있다. 이 말은  '오른쪽과 위쪽을 기준으로 고정해줘'란 의미다.  파란색 점선이, child 컨테이너가 parent 컨테이너에 가지고 있는 ‘제한’ 즉 컨스트레인트다.  자식컨테이너가 부모컨테이너에 고정되어 움직이는 일종의 핀의 위치를 컨스트레인트라고 한다.  파란점선이 자식컨테이너의 왼쪽과 위쪽에 가있는거 보이시죠. 자식컨테이너는 부모컨테이너의 사이즈가 변할때 부모컨테이너의 왼쪽과 위쪽을 기준으로 고정되어 움직인다는 뜻이다. -> 컨스트레인트는 다른말로 anker라고 할 수도 있다.   즉, 정렬을 사용하는건 부모..
[WIL] 0527 ~ 0531 회고 팀소개 페이지 제작 프로젝트 느낀점 - 무에서 유를 창조하는 디자인 감각이라고 하나, 개인적으로 그 과정이 참 어렵게 느껴졌다.- 팀원들과 소통하면서 합의점을 찾아가는 과정이 꽤 재밌게 느껴졌다. 팀원들이 다 좋은 사람이었기 때문일수도 ....? 나랑 다를뿐 나쁜 사람은 없다! 열린 마음과 수용하는 능력 기르기  - 비교를 멈추고 나만의 감성을 키우고 확장해가는 것이 중요. 4개월동안 많이 보고 만들고 생각하면서 성장하고 싶다.   나의 상태 - 강의의 내용이 매우 기초적인 내용을 다루고 있다는 것은 감각적으로 느껴지지만, 용어가 익숙하지 않고, 부모자식간의 관계나 컨스트레인트 등을 다루는 강의 내용은 이해가 잘 안된다.   적용 - 시중의 많은 제품들을 사옹해보면서 디자인 감각 키우기 - 강의 내용 복..
[미니프로젝트] 팀 소개 페이지 제작 (4) 대격변이 일어났다. 지현님께서 새벽에 잠이 안와 새로운 컨셉의 페이지를 제작해보셨다면서 시안을 보여주셨다. 너무 귀엽다,,,  오늘(5/30)은 팀 소개 페이지 제작(~완성)과 ppt 제작을 했고,모든 일정 후 내일 있을 발표 대본을 준비했다.  다음은 스플래쉬 화면, 시작 화면, 메인 팀소개 페이지와 팀원 소개 페이지다.    다음 이미지는 팀 소개 페이지를 여러가지 버전으로 제작해본 것이다.  우리 팀원들은 짧은 시간이지만, 며칠간 피그마 작업에 몰입하면서떠오른 아이디어를 디자인으로 옮겨내는 작업이 처음보다 빨라지고 뚝딱뚝딱 잘 만들어냈다. ☺︎   만들다 보니, 내용이 부족한 것 같아서 싸이월드를 찾아보던 중, 빠질 수 없는 방명록을 찾게 됐다.  아이디어가 생기면 공유하고, 이를 적극적으로 만들어..
[미니프로젝트] 팀 소개 페이지 제작 (3) 오늘(5/29) 팀소개 페이지 디자인 수정과 프로토타입 연결을 했다. 발표(5/31)때 쓸 ppt를 제작하는 것이 목표였으나, 우리 팀원들은 디자인에 대한 열정이 커서 ppt 제작은 내일의 일로 두었다. 오늘은 수정에 수정을 거치고 기존 페이지에 변화를 주기 위한 새로운 시도도 있었다.  오늘 새롭게 알게 된 내용은 다음과 같다.  ① 하이퍼링크 연결블로그 링크를 이름 옆 네잎클로버에 넣기로 하고, 링크 연결을 했더니  blog에 밑줄이 그어졌다. 알고보니 그 방법은 텍스트 링크 연결이었는데, 구글링을 통해 네잎클로버 자체에 링크를 연결할 수 있는 방법을 찾았다.    개체 클릭 후 ---> 우측 디자인 툴 Prototype 클릭 ---> Interactions 의 + 클릭 --->  None - On ..
[미니프로젝트] 팀 소개 페이지 제작 (2) 오늘(5/28)은 로고 컬러와 폰트를 선정하고, 개별로 생각해온 유저플로우, 와이어프레임, 웹페이지 의견 취합 후 제작했다. 로고 컬러는 럭키비키와 어울리도록 행운의 의미가 있는 초록색을 선정했고, 메인화면 컬러를 함께 고민하면서 두 버전으로 제작했다. 대표 이미지는 네잎클로버이다.  왼 - 의견 종합 / 오 -  취합    취합한 내용을 토대로 와이어프레임과 유저 플로우를 다음과 같이 그렸다.(왼 - 와이어프레임, 오 - 유저플로우)     그리고 마침내 우리는 검정색 배경에 초록색상을 포인트 컬러로 사용하기로 했다.    색상이 정해지고 컨셉이 구체화되면서 수정과 회의를 이어갔다. 메인화면과 팀소개, 팀목표 페이지는 점차 구색을 갖추어 갔는데, 팀원 소개 페이지가 뭔가 부족하게 느껴졌다. 그래서 우리..