본문 바로가기

전체 글

(110)
[디자인입문] 개인과제 1 : 디자인씽킹에 기반한 아이디어 도출 (보완) 디자인씽킹의 5단계 이해와 적용공감하기 → 문제 정의하기 → 아이디어 발산하기 → 프로토타입 만들기 → 테스트하기다양한 디자인 원칙을 근거로 탄탄한 솔루션을 설계할 수 있다.사용자: 알레르기가 있고, 식단조절을 하고 있는 20대 1인가구문제: 배달 앱 내에서 정확한 영양정보, 알레르기 유발 성분 확인이 어렵다.문제를 해결할 아이디어: 영양정보를 확인할 수 있는 화면 제작 1. 사용자- 내가 만들 제품을 쓰고 있는 (혹은 쓰게 될) 사용자에게 공감해 봅시다.- 음식 배달/외식 시장의 주요 사용자는 어떤 사람인가요?음식 배달/외식 서비스에 경험이 있는 사람을 만나 직접 인터뷰하거나 자료 조사를 통해 AEIOU의 분류 체계로 사용자의 정보를 수집해 보세요.  - Activities (행동)  1인가구는 배달/..
[TIL] 24/06/10 [디자인입문] 개인과제 1 : 디자인씽킹에 기반한 아이디어 도출디자인씽킹의 5단계 이해와 적용공감하기 → 문제 정의하기 → 아이디어 발산하기 → 프로토타입 만들기 → 테스트하기다양한 디자인 원칙을 근거로 탄탄한 솔루션을 설계할 수 있다. 디자인씽byroe.tistory.com 6월 셋째 주 시작! 저번주 금요일에 발제한 개인과제를 수요일까지 해야 한다. 사고력을 요하는 숙제라 다 하고 나니 머리가 지끈거린다.. 그만큼 성장한 거라고 긍정적으로 생각해야지.배달앱의 문제점이 대부분 배달비, 배달라이더에 관한 내용이라 다른 문제점이 없는지 열심히 찾아보았다. 그러다 저번에 본 뉴스가 떠올랐다. 알레르기가 있는 손님이 식당에서 식재료를 빼달라고 했는데 안 빼고 그냥 조리했다가 알레르기 반응 때문에 피해를 본 손..
[디자인입문] 개인과제 2 : 디자인 원칙을 활용한 레퍼런스 분석 음식 배달/외식 관련 레퍼런스를 찾고 디자인 원칙에 근거하여 좋은 사례와 나쁜 사례를 정리해 보세요. 그런 다음, 과제 1에서 찾은 아이디어를 고도화하세요.  1. 좋은사례 (요기요, 쿠팡이츠)1. 유사성의 원리모양이 유사한 컴포넌트(아이콘+텍스트, 버튼)끼리 그룹화시켜 사용자가 내용파악을 하기 쉽다.2. 시각적 위계타이틀: 아이콘+텍스트본문: 버튼or텍스트강조되어야 할 텍스트를 두께감을 두껍게 하고 크기를 키워서 시각적 위계를 준다.타이틀과 본문 사이에 바를 넣어서 타이틀과 본문의 차이를 준다.3. 밀러의 법칙사진, 브랜드 로고, 가게이름, 별점, 가게, 영양정보, 원산지, 배달, 대표메뉴 등 다양한 정보가 있지만 정보를 그룹화해서 보기 쉽게 정리되었다.> 아이콘을 사용해 다음 화면으로 넘어갈 수 있게..
[디자인입문] 개인과제 1 : 디자인씽킹에 기반한 아이디어 도출 디자인씽킹의 5단계 이해와 적용공감하기 → 문제 정의하기 → 아이디어 발산하기 → 프로토타입 만들기 → 테스트하기다양한 디자인 원칙을 근거로 탄탄한 솔루션을 설계할 수 있다. 디자인씽킹 프로세스를 활용해 음식 배달/외식 시장에 필요한 아이디어를 도출해 보세요. 사용자 Activities (행동) 주 배달앱 이용 요일: 토요일>금요일>일요일주 배달앱 이용 시간: 17시~21시 저녁시간대 69%1인 가구는 배달/테이크아웃을 이용하거나(67.5%), 식당/레스토랑/카페 등에서 외식하거나(66.0%), 간편식을 이용해서 끼니를 해결(65.2%) 젊은 층의 배달음식 수요가 높지만 이를 주문할 수 있는 배달 애플리케이션에서는 대부분 영양성분을 찾아볼 수 없다. 배달앱 이용 시 확인하려고 노력하는 정보: 원산지 정보..
[WIL] 24/06/07 이번 주 회고앱을 깔아보고 이것저것 눌러보고 캡처해서 피그마까지 가져오는 과정이 너무 긴 것 같다. 이 부분에서 좀 더 빠르게 할 수 있는 방법을 찾아보기.오후에 집중도가 제일 낮았다. (14시~18시) 집중할 수 있게 환경을 바꿔봐야겠다. 점심을 조금 덜 먹거나, 점심시간에 산책을 하거나~앱 분석을 하다가 막혀서 팀원들에게 질문했는데, 좋은 접근방법을 알게 됐다. 시야가 더 넓어진 느낌! 개인과제여도 다양한 사람의 의견을 들을 수 있으니 좋다.피그마강의를 들을 땐 이해가 잘 안돼서 어려웠는데, 디자인입문 강의를 듣다 보니 분석할 때 머리를 많이 써야 해서 좀 힘들었다. 어려운 거랑 힘든 거랑 다르구나 싶었다.. 😂 그래도 분석하는 건 재미있었다! 시간이 조금 오래 걸렸지만.. 사례를 1개만 찾아도 되지..
[디자인입문] 개인과제 미니실습 - 에브리타임, 블라인드 앱 분석 1. 에브리타임과 블라인드는 각각 어떤 서비스인가요? 공식 홈페이지, 앱에서 서비스의 주요 기능과 특징 살펴보기 1. 에브리타임(1) 주요 기능대학교 커뮤니티오늘의 할 일강의 시간표 (시간표 짜기, 강의 일정, 강의 평가, 학업 성과 관리, 학점 계산)게시판 (진로, 홍보, 단체 등)채팅 (그룹채팅, 쪽지)중고거래 (책, 기타 중고거래)학교정보안내 (셔틀버스, 열람실 현황, 학사 일정 등)(2) 특징익명 대학생 커뮤니티 (학교 이메일 인증)같은 학교 학생들끼리만 커뮤니티 이용가능, 타 학교 학생과 교류 불가학과, 학번끼리 그룹채팅 (실명 채팅방 만들기 가능)캠퍼스픽 (동아리, 공모전, 대외활동, 스터디 등) 앱과 연동2. 블라인드(1) 주요 기능커뮤니티기업리뷰채용공고회사별 커뮤니티카테고리별 토픽 채널(2..
[TIL] 24/06/05 [강의학습일지] UXUI 디자인 입문 5주차 숙제 - 디자인 원칙의 실제 사례 찾아보기1. 게슈탈트 심리학에서 3가지를 골라 실제 사례를 찾아보세요.1. 유사성의 원리 - 메가박스 앱버튼이 같은 크기, 모양, 색상으로 나열되어 있어 유사한 속성을 가진다.예매 화면: 추천 영화(민트byroe.tistory.com  오전에는 어제 못했던 UXUI 디자인 입문 5주차 숙제를 했다. 내가 사용하는 앱에서 찾는 것도 좋지만, 다양한 앱에서 사례를 찾고 분석하고 싶어 UXUI 패턴 레퍼런스 사이트인 유아이볼을 참고했다.  유아이볼 | 매일 하루에 한개씩 업데이트 되는 패턴과 친해져요!국내 UI/UX 패턴을 담은 공간, 유아이볼uibowl.io 오후에는 UXUI 디자인 입문 6주차 강의를 수강했다. 5주차에서 배웠던..
[강의학습일지] UXUI 디자인 입문 6주차 숙제 - 레퍼런스 분석하기: 카카오톡 1. 화면 구조 분석카카오톡에서 5개의 메인 탭 화면이 각각 어떠한 구조로 되어있는지 나눠보세요.1. 친구 탭(메인) 2. 채팅 탭 3. 오픈채팅 탭 4. 쇼핑 탭 5. 더보기 탭 2. 디자인 원칙 기반 분석좋은 사례 2개와 나쁜 사례 2개, 총 4개의 사례를 찾아서 디자인 원칙에 근거하여 작성해 보세요.좋은사례시각적 위계중요한 부분에 큰 글씨, 튀는 배경색으로 대비감을 줘서 눈에 띄게 만들었다.근접성의 원리카테고리마다 여백을 줘서 별개의 그룹처럼 보인다.나쁜 사례균형양쪽이 대칭으로 맞으면 안정적이고, 비대칭이면 역동적이고 신선한 느낌이다.첫번째 캐러셀 카드는 옆으로 Swipe 할 수 있어 대칭이 맞지 않는다.두번째 카테고리 메뉴는 캐러셀 형태가 아님에도 불구하고 양쪽 대칭이 맞지 않고 오른쪽으로 치우쳐..
[강의학습일지] UXUI 디자인 입문 6주차 강의 레퍼런스 분석여러 가지 사례를 분류해 생각해 보고 도움이 될만한 부분을 찾아보는 과정얻고 싶은 정보-다양한 사례수집-세부적 요소로 나눠서 살펴보기좋은 점, 나쁜 점, 이유를 찾고 분석해서 인사이트를 정리해서 좋은 디자인을 구분할 수 있다.1. 화면구조 분석화면을 구성하는 요소를 나누는 방법    - 예), 파운데이션 → 엘리먼트 → 모듈 → 페이지 파운데이션: 더 이상 세부 속성으로 쪼개지지 않는 가장 기본이 되는 요소     - 예) 색상, 폰트, 아이콘 등엘리먼트: 파운데이션이 모여서 만드는 요소     - 예) 버튼, 뱃지, 탭 등모듈: 엘리먼트가 모여서 만드는 요소     - 예) 리스트, 캐러셀, 내비게이션 등페이지: 모듈이 모여서 만드는 최종 화면     - 예) 홈, 마이페이지, 장바구니, ..
[강의학습일지] UXUI 디자인 입문 5주차 숙제 - 디자인 원칙의 실제 사례 찾아보기 1. 게슈탈트 심리학에서 3가지를 골라 실제 사례를 찾아보세요.1. 유사성의 원리 - 메가박스 앱버튼이 같은 크기, 모양, 색상으로 나열되어 있어 유사한 속성을 가진다.예매 화면: 추천 영화(민트색), 자주 가는 영화관(보라색) 버튼 같은 크기/모양/색상극장 선택 화면: 전체지역, 상세지역의 크기/모양/색상2. 페쇄성의 원리 - 신세계쇼핑 앱일부가 끊어져 있거나 이어져있지 않아도 완벽한 형태로 인식할 수 있다.이미지의 일부가 잘려있어도 옆으로 계속해서 요소들이 이어질 것이라는 것 추측할 수 있다.홈 화면: 배너의 일부가 잘려있어도 가로로 콘텐츠가 이어져있음홈 화면 배너 버튼을 클릭하면 세로로 콘텐츠가 나열되어 있는데, 아래가 잘려있어도 밑으로 요소가 이어져있다는 것을 추측할 수 있음3. 공통성의 원리 -..

반응형