해령님의 블로그

2025.02.17개인과제, 상세페이지, 다이얼로그, 프로토타입하루 계획디자인 카타B를 선택했습니다.두 앱의 차이를 알기 위해서 실제로 앱에 들어가서 비교해봤습니다. 둘 다 두 번 터치한 경우 감정표현 남겨지고 길게 누르면 감정표현을 고를 수 있는 창이 뜨는 것을 볼 수 있었습니다.A가 상대방의 대화에 간편하게 감정표현하기엔 더 좋다고 생각했습니다. 좋아요 버튼을 누르면 상대방에게 알림이 가기 때문에 인원이 적고 사적인 상황에서 쓰기 적합하다고 생각했습니다. 알림으로 서로의 반응을 빠르게 확인하고 대화하기 좋지만, 좋아요를 잘못 누른 경우에는 상대방에게 알림이가 불편할 수 있다고 생각합니다.B는 A와 마찬가지로 두 번 연속으로 터치하면 감정표현이 달리게 되지만 A와 다르게 알림이 뜨지 않기 때문에 실수로..

2025.02.14개인과제2번째 개인과제 앱 UI키트 및 프로토타입 제작하기식료품 및 생필품을 구매할 수 있는 가상의 커머스 앱 UI 설계 및 프로토타입을 제작 과제 목표앱 자체를 만드는 것보단, 피그마 기능을 정확하게 사용하고, 규칙적인 UI를 만들고,프로토타입을 만들면서 어떤 경우들이 생길지 고민해본다.과제 진행 상황현재 홈 화면까지 완성한 상태이다. 3일 밖에 시간이 없어서 걱정이 많았는데 하다보니 완성할 수 있겠다는 생각이 들었다.그래도 미리 해두면 점검할 시간도 있고 팀원이나 튜터님께 질문할 여유도 생기기에 주말에도 하려고 한다.  과제 진행하면서 어려웠던 점현재 홈 화면까지 완성한 상태이다. 3일 밖에 시간이 없어서 걱정이 많았는데 하다보니 완성할 수 있겠다는 생각이 들었다.지금까지 진행하면서..

2025.02.13피그마 연습 예제, 과제 피드백하루 계획디자인 카타저는 B를 선택했습니다.A는 가진 금액보다 더 많이 입력하더라도 자동으로 최대 금액을 입력해주기에 편리하다고 생각했습니다. 하지만 실수로 최대 금액으로 바뀐지 모르고 다음으로 넘어가는 경우도 있겠다는 생각이 들었습니다. 실수로 가진 금액보다 조금 더 입력한 경우에는 전부 다 지우고 다시 입력해야 되기에 조금 불편할 수도 있겠다는 생각을 했습니다.B는 오류 메시지를 제공하면서 오류나 경고를 나타낼 수 있고 눈에 잘 띄는 빨간색을 이용하였는데, 이를 통해 사용자가 오류를 빨리 인지할 수 있다고 생각합니다. 또한 오류 메시지를 제공함으로써 사용자가 제대로 입력했는지 다시 확인하게끔 한다고 생각해서 좋다고 생각합니다. 조금 아쉬웠던 점은 지갑에..

2025.02.12컴포넌트 인터랙션오버레이 프로토타입드래그 프로토타입하루 계획디자인 카타저는 B를 선택했습니다.A는 이 앱을 처음 사용해서 기능이 익숙하지 않은 사람에게 쓰기 적합한 방식이라고 생각합니다. 하지만 지금 보이는 앱은 결제와 관련된 앱인 것으로 보이는데, 은행이나, 페이 등은 비슷한 기능을 가진 경우가 많다고 생각합니다. 그래서 이미 비슷한 앱을 사용해본 사용자에게는 일일이 X를 누르는 것이 번거롭게 느껴질 수도 있겠다는 생각을 하였습니다.B는 사람들이 이미 비슷한 앱을 많이 사용해본 경우에 사용하기 좋다고 생각했습니다. 간단한 핵심 메시지나 아이콘, 일러스트를 제공하면서 이 앱을 사용하면 어떤 이점이 있는지, 어떤 가치가 있는지 사용자에게 각인시킬 수 있다고 생각합니다. 일일이 X를 누르지..

2025.02.11배리언츠, 프로퍼티, 포지션, 오버레이, 모달, 다이얼로그 컴포넌트하루 계획디자인카타저는 B를 선택했습니다.A는 다양한 메뉴들을 홈 화면 안에 배치해서 사람들이 다른 기능들을 이용하도록 하였는데요, 중고거래 앱 같은 경우에는 좋은 가격대의 제품이나 인기 있는 물건들은 빠르게 팔릴 수도 있기 때문에 최근에 나온 매물이 보이는 것이 다른 메뉴들을 보여주는 것 보다 더 중요하다고 생각해서 A의 UI가 아쉽게 느껴졌습니다. 또한 찜 버튼이 사진 안에 배치되어 있는데 이미지에 따라 잘 안보일 수도 있겠다는 생각이 들었습니다.B는 하단 네비게이션 바에 다른 메뉴들을 넣어서 사용자가 핵심 기능에 집중할 수 있도록 한다고 생각합니다. 또한 B는 글의 제목이나 정보들이 잘리지 않고 온전히 보여서 굳이 ..

2025.02.10역설계, 디자인 클로닝 하루 계획디자인카타나는 A를 선택했다.A의 UI가 한 화면에서 더 많은 기능을 볼 수 있다.은행 앱들은 기능이 많은 경우가 많은데, 전체보기를 지원해서 사용자가 원하는 서비스를 찾기까지 시간을 줄여준다.밑에 최근 이용 내역을 보여줘서 사용자에게 필요한 정보를 더 제공하고 있다. B는 설명이 같이 덧붙여져 있어서 어떤 기능인지 굳이 확인하지 않아도 되고,앱에 익숙하지 않거나 은행 시스템에 익숙하지 않은 사람들에게는 이해가 더 쉬울 것 같다.한 눈에 보이는 기능이 적어서 원하는 기능을 사용하기까지 단계가 한 개 더 추가 된 느낌이라 조금 아쉽다.1주차 과제과제1. UI 차이점 알아보기 과제2. 와이어프레임 그리기가상의 굿즈 커머스 서비스의 제품 리스트 화면과 제품 상..

2025.02.07분기점, 그리드반응형, 적응형정보 구조도, 플로우 차트, 와이어 프레임계획표1. 다양한 환경에 대한 UI 차이 이해1) 웹과 앱의 차이Wep업데이트가 간단하고 접근성이 뛰어나지만,다양한 기기에서 제약 없이 쓸 수 있지만 카메라나, GPS 등 성능 면에서 떨어진다.푸시나 알림을 제공하기 어렵다. App안드로이드와 IOS앱 별도앱 마켓에서 설치할 수 있고 업데이트마다 심사를 통과해야 한다.기기에 특화된 기능 사용할 수 있지만 다양한 디바이스를 지원하는 것은 어렵다.푸시 메세지를 보낼 수 있다. 2) 대표적인 웹과 앱의 UI 차이페이지 이동뒤로가기주요 메뉴 이동바텀 시트 3) OS별 차이앱 심사 가이드라인이 다르기에 디자인이 다를 수 있다. IOS애플 로그인이 다른 로그인 수단에 비해 덜 중..