묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
피그마 질문입니다.
안녕하세요.선생님 강의처럼 동그라미들과 틀을 동시선택후에 가운데 정렬 Align horizental cental를 눌렀는데선생님처럼 3개의 동그라미가 하나로 취급되어 중앙으로 맞추어 지지않고그냥 3개의 동그라미가 하나로 모여버립니다.어떻게 하는건가요?
-
해결됨모바일 웹 퍼블리싱 포트폴리오 with Figma
피그마 작업파일이 커뮤니티에 공개되는데, 무료회원이라서 그런건가요?
피그마 작업파일이 커뮤니티에 공개되는데, 무료회원이라서 그런건가요?깜짝 놀라서, 커뮤니티에 작업 파일 삭제 했는데, 제 원본도 같이 삭제됬더라고요..ㅠㅠㅠㅠㅠㅠ무료회원이어서 그런건지, 제가 설정을 공개로 해놓은건지, 비공개 방법이 있는지 알고싶습니다.
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
좋은 UX/UI 와 나쁜 UX/UI - 세줄일기/개인작업어플
관점 측면 : 행동유도성, 대응의 원리좋은 UX/UI세줄일기 : 사용자가 어디에 사진을 넣어야하는지, 어디에 어떤 내용을 적어야하는지 정확하게 알려줌 나쁜 UX/UI개인작업 어플 : 깔끔한 디자인에만 치우쳐 사용자가 어디를 어떻게 조작해야하는지 편의성이 떨어짐.(실제로 테스트 결과 불폄함을 호소하는 사용자들 있었음)+화면은 추후에 피드백을 받고 글씨를 넣은 모습입니다
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
좋은 UX/UI 사례 분석 과제 - 유튜브
주제: 유튜브 - 재생 목록 내 영상 시청 화면의 UX/UI 분석분석 배경: 재생 목록 요소가 같이 보이게끔 유튜브 영상을 시청한 적이 있습니다. 소소하지만 현 상태를 나타내는 UI 아이콘이 눈에 띄었고, (우측 재생 목록 요소 내, 재생 중 애니메이션과 좋아요 버튼이 표시됨) 사용자를 위한 세심한 배려로써 느껴져 좋은 경험을 받았던 것 같습니다. 또한 수업에서 배운 원리들도 몇 가지 보여 분석하면 좋겠다고 생각했습니다.좋은 UX/UI 사례1. 일관적인 재생 목록: 재생 목록 내 UI 요소들이 동일하게 디자인 되어 있습니다. 사용자는 재생 목록을 스크롤하여 올리거나 내리면서 이전/이후 목록 확인이 가능한 것을 쉽게 예측할 수 있습니다. 2. 재생 영상과 재생 목록 별 유사성의 원리:왼쪽의 경우 현재 재생중 영상이 전체 화면의 80% 채웠고, 나머지 부분은 재생목록으로 표시되어 있습니다. 화면상의 비율뿐 아니라 각각 제공되는 기능이 다르기에 UI상에서도 차이가 보입니다.사용자는 재생 영상 혹은 재생 목록 관련 영역을 구분하여 필요한 기능을 찾아갈 수 있습니다.3. 현재 상태를 알려주는 UI:왼쪽 재생 영상이 실제로 재생중이라면 우측 재생목록에서는 재생중 애니메이션이, 좋아요 버튼을 눌렀다면 해당 아이콘이 표시됩니다. 사용자는 현 영상 상태를 UI 상에서 확인 가능합니다.
-
해결됨모바일 웹 퍼블리싱 포트폴리오 with Figma
장바구니 파트 checkbox 질문
선생님.장바구니 밑에 표시해 둔 체크박스가 좀 이상해서 질문드립니다.첫번째 체크 박스와 두 번째 체크 박스의 크기가 상품명 글자수에 따라커졌다 작아졌다 불규칙하게 변하는데 이 부분이 좀 이상합니다.첫번째 아이템 상품명 글자수와 두번째 아이템 상품명 글자수를같게 입력하면 체크박스 크기가 일정하고 둘 중 하나라도상품명 글자수를 늘리거나 줄이면체크박스 사이즈가 작아졌다 커졌다 하는데 이 부분이 혹시display:flex; align-items: flex-start;와 관련이 있는 건가요? 확실히 잘 모르겠습니다.상품명 글자수에 상관없이 체크박스 크기가 변하지 않게 하려면 어떻게 해야 하는지궁금해서 질문드립니다.
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
UX 리서처 관련하여 질문드립니다.
"UX리서처" 직업 설명 중 사용자 리서치에 대한 룰을 만들거나 직접하는 역할을 수행한다고 나와있는데, 혹시 룰이라면 어떤 것을 말하는 걸까요?! 사례를 들어 설명해주실 수 있을까요?! (회사에서는 어떻게 룰을 정의하는지 궁금해서 여쭤봅니다 :))
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
피그마 작업 후 WPF로 불러와질수있나요?
별개의 질문인데, 전혀 몰라서 여기에 질문남겨봐요,,ㅠ회사에서 피그마 쓸지 말지를 WPF환경에서 호환되냐 안되냐고 결정하신다는데,, 전혀 문외한이라 여기에 여쭤봅니다,,,
-
해결됨UIUX 포트폴리오 Part.1 - Figma(피그마) 깊이 있게 배우기
수업노트와 예제파일 다운로드는 어디에서 받을 수 있나요?
수업노트와 예제파일 다운로드는 어디에서 받을 수 있나요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프러그인 - 아이콘에서 가져 온 아이콘 수정하는 방법
프러그인 - 아이콘에서 가져온 아이콘을 수정할 수 있는지 궁금합니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
강의 후기 작성하는 곳
강의 후기 작성은 어디에 하면 될까요??
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
프로토타입 질문
항상 친절하게 답변해주셔서 감사합니다.프레임을 만들고 프로토타입을 실행해서 보는데 특정 아이콘이 안 보이거나 특정아이콘이 화면에 고정되어서 보이는(아래 캡처사진, 돋보기 아이콘) 등의 문제가 생겼습니다.이럴경우, 어떻게 해결해야 하는지 모르겠습니다.
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
CTA 테스트 관련하여 질문이 있습니다!
선생님 안녕하세요!사용자에게 다음 단계의 행동을 유도할 수 있는 것을 CTA라 이해했고, 이와 관련된 테스트도 20 ~ 30%로 한다고 하셨습니다. 혹시 회사에서 진행하셨던 테스트의 과정 및 결론이 어떻게 도출되는지 여쭤봐도 될까요?!(보통 내부 팀원 대상으로 테스트를 하여 정성적인 방식인 1:1 or n:1 인터뷰를 하시는걸까요?!)
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
안 좋은 UX 사례 과제
제목: 인프런 내 수강 중 강의에 대한 질문을 올리는 절차 및 환경에 대한 불편함배경: 사용자(나)는 강의 종료 후 하루 뒤에 과제(or 질문)에 대한 생각이 떠올랐음.과제를 작성하기 위해 거쳐야할 버튼이 3개였으며, 텍스트 작성하다 실수로 브라우저 뒤로가기 버튼을 했고, 다시 돌아왔으나 내용이 날라가 다시 작성함.영향 예측: 강의 내 과제(or 질문) 참여 활성도가 낮아질 것으로 예상됨.학생들이 직접 올리는 과제(or 질문)은 "참여율"을 판단하는 한 가지 지표로 보임.해당 지표를 눈 여겨 봐야할 이유는, 장기적 관점에서 사용자의 탈퇴율을 낮추는 회사의 핵심 목표와도 밀접한 영향이 있다고 판단됨.개선이 필요한 내용: 1. 강의를 수강하고 있는 사용자의 경우, 강의별 질문 올리기에 대한 접속 절차 개선(아래 스크린샷은 현재 접속 절차임)2. 텍스트 입력 환경 개선 필요입력 중 내용 자동 저장 기능 및 사진 이미지 조정 기능이 필요과제를 하며 느낀 점:디자이너가 어떤 문제를 발견해, 이를 해결해야겠다고 생각했더라도다른 팀원들 (기획자 및 개발자, CEO 등등)을 설득해 공감을 이끌어내는 것이 중요할 것 같다는 생각이 들었습니다. 또한 문제 발견 및 해결을 위한 리서치 과정의 관점에 대해서도 생각해보았습니다. 그 문제를 정당화시키는 관점이 아닌, 객관적으로 보는 자세가 역시 중요하며, 이를 계속 고수하는 것이 필요하겠다고 생각했습니다.질문 사항:사실 과제를 하며, 제가 느낀 불편한 점이 정말 맞는가? 내가 제기한 불편함이 소수의 사용자가 느끼는 불편함이면?과 같은 의문이 들었어요. 또 한가지는 강렬하게 들었던 생각은원래 기능을 잘 몰라 그런 것이 아닐까? 에 대한 것입니다.이런 생각이 들면 어떻게 해야 하는 것일까요?파악하지 못한 기능이 없는지 더 적극적인 자세로 임해 기능을 찾아봐야 하는 것인지, 선생님의 생각이 궁금해 질문 드립니다.참고로 좋은 UX 사례는 다시 정리해 글 올리도록 하겠습니다. 읽어주셔서 감사합니다! 앗, 제가 과제의 의도를 잘 이해하지 못한 것 같습니다."디자인 원리를 토대로" 라고 이야기 해 주셨는데, 그저 제가 느낀 불편감을 토대로 입력했던 것 같습니다. 디자인 원리에 근거해 다시 다른 주제로 과제올려보도록 할게요! 감사합니다 :)
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
좋은 UX와 안좋은 UX 사례 과제입니다.
안좋은 UX 사례로 배달앱 요기요 탈퇴 시스템을 선정했습니다.사용자가 회원탈퇴를 하기위해 앱 상에서 탈퇴하기를 찾아들어간 상황이지만. 계속 이용하기 버튼이 존재하며탈퇴하기보단 계속 이용하기를 강조하는 버튼과 색상을 사용함으로서. 요기요측 에서는 사용자 탈퇴를 일부 막을수 있겠지만,사용자에게 혼동을 주는 UX이라 생각합니다.오히려 사용자가 계속 이용하기를 실수로 눌렀다 한들. 브랜드 이미지에대한 반감만 생길뿐이라 생각되는 UX입니다.일반적으로 사용자가 생각하는 탈퇴시스템의 mental model과 너무 상반되게 UX를 디자인한것같습니다.사용자의 문제해결, 편의, 사용자 관점에서 디자인한 UX가 아닌. 요기요 브랜드측 의도에 따른 디자인이라 생각됩니다.그리고 선택지를 체크 해야 탈퇴하기 버튼이 활성화되어 행동유도 디자인 또한 부족하다 생각됩니다. 좋은 UX 사례로 애플 소유의 노래찾는 앱 Shazam. 입니다.이앱을 처음접하는 사용자라도 어떻게하면 노래를 찾을수있는지 행동유도가 잘 디자인되어있다고 생각합니다.또한 대응의 원리또한 잘 적응되어있다고 생각합니다.애플 소유의 앱이라노래찾는 기능과 연관지어 애플뮤직을 이용하라는 광고성 문구를 충분히 넣을 가능성이 있지만,그렇지 않고 사용자의 관점에서 잘디자인한것같습니다. 선생님 덕분에 재미있게 UXUI에 대하여 재밌게 잘이해하며 공부하고있습니다.한가지 질문이있습니다.UX의 좋은 원리에서 행동유도와 대응의원리가 유사하다고 이해가 되는데 정확히 분명하게 차이를 스스로 설명하기 어렵습니다. 차이점이 무엇일까요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
아이콘 사이즈 줄임
하단 Tab 바에 들어가는 아이콘 사이즈를 줄였을 때 아이콘 굵기가 굵어지면서 아이콘 모양이 달라지는데요아이콘 모양을 변형시키지 않으면서 사이즈를 줄일 수 있는 방법이 있나요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
컴포넌트 설정(styles, local variables 차이)
제품 상세 페이지 디자인 관련색상 컴포넌트 설정 시 local styles- color style 과 local variables 차이점이 궁금합니다.색상 컴포넌트를 반영했는데 local styles 과 local variables로 구분해서 저장되었습니다.
-
미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
사용자 리서치 관련해 질문드립니다!
선생님 안녕하세요! 가설을 세우고 (예를 들어 이 서비스의 이 기능을 많이 사용할 것이다.), 이에 대한 검증에 필요한 방법이 사용자 리서치라고 하셨는데요. 혹여나 해당 기능이 실제로 많이 안쓰인다면, 즉 가설을 잘못 정해서 검증에 실패했다면 어떻게 하나요? 이런 경우 디자이너의 신뢰도도 떨어질 것 같아 왠지 좀 두려운(?) 부분인 것 같습니다. 현업에서 이러한 사례가 있었는지도 궁금합니다!
-
미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
강의수강질문
현재 취업목적이아니라 향후 나만의 서비스를 만들어보자란취지로 자바 스프링 백엔드과정을 공부하고있는데요향후 화면구현을 직접하기 위해 이번에 새로나온 강의를 수강하면 향후 해당취지에도움이 많이될까요?사실 html css js 리액트 이런게 화면을 만들어내는걸로 알고있는데 SCSS 란게 뭔지 잘몰라서 판단이안서요 ㅠㅠ 그래서 향후 공부를하게되면화면구현을 자유자재로 할수있게될런지요? 현재 강사님의 강의는 다른 제 계정에html + css +js 포토폴리오 시즌1,2 2강좌 반응형 웹사이트 포토폴리오 아키텍쳐 agency 1강좌그리고 현재 이 계정엔 모바일웹 포토폴리오 figma 이렇게 총 4강좌 구매해서 보유중입니다. SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma이강좌를 구매하게되면 제가 구매하고있는 강좌들이랑 내용의 겹침성은 크게없겠지요?
-
미해결모바일 웹 퍼블리싱 포트폴리오 with Figma
강의 관련질문이요
현재 모바일 웹 퍼블리싱 with figma 이강좌를 수강하고있는데요 보니까 새로운 강의가 또나왔더라구요 혹시 이게 내용상 많이 겹치나요????? 제가 공부가짧아서 볼줄아는 안목이없다보니 새로운강의도 하면 좋을지 판단이 잘안섭니다. SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma 이강좌요 여기구성보니까 모바일 웹퍼블리싱 관련 내용도있는것같아서요많이중복되지않나싶어서요
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
오픈소스 템플릿을 활용한 UI 디자인 기초작업 수업 질문
종합 실전예제3. 이커머스 앱 UI 디자인- 오픈소스 템플릿을 활용한 UI 디자인 기초작업 강의에서 질문드립니다.하단 탭바를 복사해서 왔을 때 Star 아이콘 프레임 수치들이 고정값으로 수정할 수 없게 되어있습니다.Component 가 제대로 삭제되지 않는 것 같습니다.강의에서 알려주신대로 복사하고 해당 Component를 삭제해도 Go to main component 누르면 오픈소스 파일로 넘어갑니다.