실전_카타&아티클

<오전 계획> 디자인카타왜 해당 UI가 더 좋은지 작성합니다.나머지 하나의 UI는 왜 별로인지, 왜 선택하지 않았는지 작성합니다.내 의견을 뒷받침 할 수 있는 실 사례가 있는지 찾아봅니다. 💬 더 나은 컴포넌트로는 라디오 버튼으로 구성된 컴포넌트를 골랐습니다왼쪽

오늘의 아티클https://brunch.co.kr/@ghidesigner/207AI 디자인 시대 UXUI디자이너의 3가지 역량효율적인 정보를 산출하기 위해 정확하게 질문하는 것이 중요하다사람과 사람이 대화를 할 때에도 누가 이야기하냐에 따라 받아들여지는말의 의

오전 계획디자인카타하나의 정보 입력 방식, A와 B는 각자의 어떤 장단점을 갖는가?두 가지 화면 모두 익숙한 화면이다 더 좋은 방식을 고르자면 나는 오른쪽 자동 섹션 이동 방식이였다내 경험상 왼쪽의 방식을 접한 경험이 더 큰데한 번 타 어플에서 오른쪽 방식을 처음 접했

오늘의 아티클 https://brunch.co.kr/@maju/50삶의 질을 높여주는 10가지 ux사례12번 부분을 재미있게 읽었다요즘 어플에서는 단순하게 물건을 판매하기보다구매자들이 구매를 위해서만 들어오는게 아닌 다른 목적으로도 들어오게끔다양한 요소들이 생

오전 계획디자인 카타가이드 텍스트 위치 어디에 노출하는 것이 더 유용할까?나의 선택은 -> B평소 내가 디지털화면에서 접했던 가이드 텍스트는 B번과 비슷한배치를 접했다 가이드 텍스트 경우 눈에 띄는 강한 색깔로 안내될 경우 A의 버튼 크기보다는작지만 B번처럼 별도 표기

오늘의 아티클 인지 부하를 줄이는 ux 디자인의 비밀나의 인지부하 예시사용하던 앱을 쓰다가 다른 앱으로 넘어가기가 힘들다앱마다 다른 uiux를 가지고 있기 때문에 뇌가 앱마다 새로운 흐름을 학습해야하니 그것을 귀찮아하는 심리가 있었구나 생각이 들었음장기적으로 쓰는 어플

🔻<오전 계획>디자인 카타📍윈도우 시작 페이지의 변화 어떤 것을 선호하시나요?선호하는 변화 -> 윈도우 11윈도우 10 화면은 정말 오랫동안 접했던 화면이다근 6년간도 엘지 그램, 컴퓨터 화면에서 윈도우 10의 형태를 띄었으며불편함을 느끼진 못했다최근 장비대여

디자인 카타회원가입 생년월일 입력, 키보드와 피커 중 이탈률이 더 낮은 방식은 무엇일까요?이탈률이 더 낮은 방식은 A생년월일 입력은 대부분 과거형이기 때문에 연령에 따라 스크롤을 해야하는차이가 크기 때문에 이 부분에서 연령마다 느끼는 ux가 다를 것 같다B번을 사용했던

아티클 스터디 시각적으로 균형있는 디자인을 하는 방법원은 가장 부드럽고 여백이 많은 형태라 작아 보이는 경향이 있음정사각형은 직선적인 외곽으로 더 똑똑하고 선명하게 커 보임\- 삼각형은 뾰족한 형태 때문에 작거나 가벼워 보일 수 있음예비 디자이너 - 눈금선 없이 눈으

디자인 카타 > 채팅 내 금칙어 표시, 각 방식에 어떤 차이가 있을까요? > 더 선호하는 방식은 A > A는 채팅을 입력하고 있는 사용자의 흐름을 방해하지 않으면서도 금칙어에 대한 인지를 줄 수 있어보여 A를 선택하였음 사용자의 시선이 잘 갈 수 있도록 텍스트필드

UI를 위한 색https://brunch.co.kr/@blckschrl/41색은 정보 전달 수단이자 사용자의 행동을 유도하는 도구사용자의 시선을 끌고, 우선순위를 설정하며, 감정이나 분위기를 유발색의 사용은 무조건 의도가 있어야 하며, 일관성이 중요함 색의 비

디자인 카타예약 시 정보 입력 각 방식의 장점은 무엇일까요?A의 장점 한 번에 많은 걸 입력하지 않아도 되는 부분에서 인지 부하가 낮음1/2로 단계를 보여주고 있다보니 다음을 위해 내가 진행중임을 느끼게 해줌모바일 기기에서는 작은 화면이다보니 많은 정보보다 적은 내용

아티클 스터디도파민 디자인 금융 경험을 변화시키다https://mag.surfit.io/how-dopamine-design-changes-banking/도파민 디자인 : 행복 회로를 자극해 즉각적인 만족감을 주는 디자인 전략반복 사용 유도, 몰입도 상승, 중독

디자인 카타 > 무선 청소기 동작 버튼 각 디자인에 어떤 의도가 있을까요? > A 버튼 홀딩 청소기 예시 - 다이슨 청소기 트리거 방식으로 손잡이를 쥐고 있는 동안만 작동하기 때문에 필요한 순간에만 작동하여 에너지 효율을 높이고자한 의도가 보이는 청소기 배터리 절약

아티클 스터디모임 앱은 어떤 모습이어야 할까?https://brunch.co.kr/@jung1elove89/1before많은 색상이 들어가 시선이 많이 분산됌가독성이 떨어져보임글자가 많다보니 지루함이 느껴짐썸네일 사진의 밝기나 색감이 불확실해 보여 신뢰도가 떨

디자인 카타하단 내비게이션 바의 홈 탭 디자인, 어떤 차이가 있을까요?A와 B는 무신사의 초기 네비게이션 바와 개선 후 네이게이션 바로 추정된다A의 네비게이션을 보았을 때 평소 활발하게 플랫폼을 접하는 사람이면 어떤 아이콘과 의미인지 느낌적으로 인지할 수 있는 어렵지

아티클스터디https://brunch.co.kr/@summer-bom/54눌러보고 싶은 동그란 버튼평소 버튼을 둘러봤을때는 둥근 네모의 모양을 많이 봤던 것 같은데 동그라미 버튼을 봤을 때 엘리베이터, 오락실 게임 버튼이 생각나서 버튼을 누르면 무엇인가 작동할

디자인 카타 > 바텀시트 팝업의 닫기 버튼, 어디가 좋을까요? 개인적 의견 : 팝업의 길이에 따라 달라질 것 같다 올리브영 어플을 들어갔을 때 팝업 길이가 긴 편이다 오른쪽 빨간 동그라미는 평소 어플을 들어갈 때 나의 엄지손가락 위치인데 닫기 버튼이 위에 있는 것

아티클 스터디https://gogumafarm.kr/%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88%EC%9D%98-ux%EC%B0%B8%EA%B3%A0%EC%84%9C-%EB%93%80%EC%98%A4%EB%A7%81%EA%B3%A0-%EC

디자인 카타🌀메세지 읽음 표시 어떤걸 선호하시나요?🔻A의 타이핑 상태 표시 경험 : 아이폰 메세지, 인스타 디엠🔻B의 읽음 상태 표시 경험 : 아이폰 메세지, 인스타 디엠, 당근 마켓, 카카오톡 (1의 유무로 확인 가능)아이폰 메세지에서 읽음 표시 (설정에서 of

디자인카타 월별 시세 비교 그래프, 어떤 보기 방식을 선택하시겠어요? A)터치하여 그래프 보기를 선택👋🏻 이 방식은 깔끔하게 정리되어보이는 레이아웃으로 그래프에 집중할 수 있어보임 > 오른쪽 끝단에 현재 시세의 텍스트가 그래프를 보는데 방해가 되지 않는 컬러로 배

아티클 스터디네이버 플러스스토어 앱 출시왼쪽 : 네이버 사이트에서의 쇼핑오른쪽 : 플러스스토어 앱에서의 쇼핑차이점검색보다는 추천에 더 중점을 두었다검색을 하면 고객이 검색하고 요구하지 않아도 알아서 그에 맞게니즈를 파악하여 추천해주는 AI 쇼핑 가이드 기능이 생겼다만약

디자인카타장바구니가 비었을 때 어떻게 보여주는 것이 좋을까요?나의 선택 : A🔻A는 아이콘, 텍스트, 버튼의 세로길이가 미세한 차이가 있지만비율이 맞아 안정적이고 깔끔한 느낌을 준다 위에서부터 아래로 갈수록 점점 가로길이도 넓어지며 피라미드 형태로 보임📎지그재그 앱

사용자 인터뷰로 숨은 니즈 파악하기https://brunch.co.kr/@maju/42디자인씽킹에서 사용하는 문제 해결 프레임워크발견, 정의, 개발, 전달의 4 단계로 구성된다사용자 인터뷰는 발견 단계에서 사용자의 숨겨진 니즈를 파악하는 데 중요한 역할을 한다

디자인카타스마트 티비 구성, 어떤 것을 선호하시나요?📍선호 하는 화면 : AWhy? 평소 tv를 아예 안보는 편이라 콘텐츠, 채널 중심을 사용자의 입장에서 고르기가 애매했지만 느낌적으로 끌린 건 A였다🔻A는 먼저 시각적으로 봤을 때 사용자에게 지금 즐겨볼 수 있는

아티클 스터디https://techblog.gccompany.co.kr/%EC%97%AC%EA%B8%B0%EC%96%B4%EB%95%8C-%ED%8D%BC%EC%86%8C%EB%82%98%EB%8A%94-%EC%96%B4%EB%96%BB%EA%B2%8C-%EB

카카오톡 프로필 이미지 모양 어떤 형태를 선호하세요?보기에 더 눌러보고 싶게 생긴 형태는 A, 중심이 있어보이는 형태는 B그래서 내 선택은 B🔻A는 동글동글한 프로필이 마치 부드러운 느낌을 준다 동전, 버튼, 오락실 게임지, 풍선 등이 떠오르면서 만져보고 눌러보고 싶

디자인카타 마이페이지에 프로필 사진 유무, 어떤 차이가 있을까요? 📍A는 프로필과 이름을 설정할 수 있고 다른 사람들과 서로 프로필을 공유할 수 있다 이름만 보았을 때 이 사람이 어떤 사람일까? 실존하는 사람일까? 조금의 낯설다는 느낌이 있을 것 같은데 프로필 설정

한 눈에 파악이 가능해보이는 표현은 A, 깔끔하고 자연스러워보이는 형태는 B🌀그래서 나의 선택은 A🔻우리가 페이지를 접속할 때 접속중과 속도를 보여주는 부분에서 프로그레스 바를 많이 접하다보니 무언가가 채워지면서 종료되는 느낌이 A와 비슷한 느낌을 주기 때문에 크게

A는 포인트컬러인 퍼플색을 주로 이용해 나중에도 기억에 남을 것 같은 느낌B는 카테고리 종류에 맞는 실제 사진으로 편안해보이고 친근함을 주는 느낌그래서 나의 선택은 A다하지만 A,B 둘 다 조화로워보이지는 않는다🔻A는 글자에 비해 아이콘의 크기가 크고 색감이 많이 들

🔻A는 썸네일 크기가 가장 크면서 위에서 아래로 읽히도록 시각적 위계가 잡혀있다🔻B는 썸네일에 많은 요소들이 들어가있으면서 시선을 확 잡아 글까지 눈이 가는데 A보다 시간이 더 걸린다더 눈에 잘 들어오는 방식은 B💬요즘은 하나의 브랜드 단독 플랫폼에 들어가서 구경

🔻A는 별점의 개수에 따라 대략적인 의미를 아래에 같이 코멘트해준다점수의 기준이 애매할 때 방향성을 잡아주는 효과가 있다 하지만 별점을 누르기 전에는 점수의 의미를 알려주지 않고 누르면 알려주기 때문에 하나씩 다 눌러봐야한다는 번거로움이 있을 것 같다🔻B는 코멘트가

디자인카타 ▪️A와 B의 큰 차이는 댓글 정렬 방식이 달라지면서 댓글 타이틀이 차지하는 길이가 달라졌다는 것이다 🔻A의 형태는 유저들이 이 영상 댓글에 대한 탐색을 유도하고 정보를 빠르게 탐색할 수 있도록 유도한 ui같다 🔻B의 형태는 댓글을 탐색하고 싶은 유저들

더 빠르고 확실하게 알려줄 수 있을 것 같은 형태는 A🔻A의 형태는 다운받기를 눌렀을 때 레이어 팝업으로 떠서 ▪️쿠폰을 받을 수 없는 이유, ▪️사용자가 할 수 있는 다음 행동들을 안내하고 있다또한 확인을 누르고 팝업창을 끌 수 있게 되어있어 안내하는 문구를 천천히

ux관점에서 본 카카오톡 입력 중 기능💬몇일 전 인스타그램에서 소식을 접했던 카카오톡에서 채팅방 내 입력 중 기능을 실험중이라는 이야기를 들었다‼️👀아티클을 살펴보는 중 마침 궁금했던 주제라 딥하게 읽어보고 싶어 오늘의 아티클로 선정했다🔻찬성측 : 채팅 흐름이 더

📍A 💬위 사진은 이메일을 이용한 로그인이다 사용자가 @를 붙이지 않아 오류가 난 것으로 보인다입력하는 중에는 로그인 필트에 집중하고 있기 때문에 B처럼 하단 로그인 버튼에 있는 오류 안내 텍스트로는 시선이 가기가 쉽지 않을 것 같다그래서 입력 후 ⭐️사용자가 입력

넷플릭스에서 콘텐츠를 탐색할 때 어떤 영화인지 포스터로 예측할 수 있다A,B 모두 크기가 큰 썸네일부터 시선을 잡은 후 하단에 타이틀을 노출시키며 💡위부터 아래까지 흐름대로 읽혀지는 것을 볼 수 있다📍선택할 형태 -> A💬 Why?A는 길이가 긴 포스터의 공간을

"아 이 용어에 대해서 내가 문제 혹은 궁금증이 생겼을 때 도움을 주는 것 같은데?"라고 인식하면서 눌러보게 되는 느낌이 든다information의 약자인 i를 아이콘으로 사용하고 있기 때문에 💡궁금할 것 같은 너를 위한 정보가 있어를 암시시켜준다네이버 "주식"검색!

🔻A는 시간별 인기순위를 알려주는 차트로 B와 다르게 순위가 표기되어 있고 실시간으로 순위의 변동 상황까지 숫자로 알려주고 있다🔻B는 매일 새로운 신곡으로 새롭게 업데이트 되며 A와 다르게 순위를 표기할 이유가 없어 썸네일과 글씨가 더 크게 표기되고 있다📍이로 인

👀카타 문제를 처음 봤을 때는 문 안쪽에 위치한다고 해서 안쪽 벽면에 있다고 생각했다 그래서 🫵🏻그렇게까지 해야하나요,,했는데 알아보니버튼이 이렇게 있어서 긍정적이 생각으로 바뀌었다💬 Why?두 방식 중 많은 사람들이 더 오랫동안 써봤고 익숙한건 B라고 생각한다

⭐️A의 방법은 하나의 바 안에서 투표 현황을 직관적으로 빠르게 파악할 수 있다는 장점이 보인다 다만 더 높은 투표율의 색상보다 낮은 투표율의 색상이 더 돋보이게 보이는 느낌이 있다 박스 테두리에 그림자 효과가 들어간 것으로 보이는데 A의 투표율 색상이 그림자와 비슷한

🔻A는 아이콘과 텍스트의 크기가 적당한 크기로 배치되어있다🔻B는 A보다 크기가 작지만 프레임에 씌어져 존재감을 더 돋보이고 있다💬왜 이렇게 바뀌었을까?바뀐 아이콘의 기능들은 모두 사용자가 눌러서 영향력을 펼칠 수 있는 기능들이다▪️좋아요/안좋아요 : 영상에 대한

💬내 계좌 -> 내 계좌로 송금할 때 쓸 수 있는 말옮겨놔야겠다보내야겠다이체해야겠다빼놔야겠다 등📍내 계좌로 송금화면 분석⭐️케이뱅크 내 계좌 송금 -> 보내기⭐️카카오페이 송금 -> 보내기⭐️카카오뱅크 송금 -> 이체하기⭐️농협 송금 -> 확인지금까지 이체 전 단계

A,B 모두 숙박 날짜 예약 화면으로 선택한 날짜 색상을 강조, 예약 날짜 표시, 버튼 색상 강조를 했다는 점은 공통점으로 보인다차이점은 A는 체크인 날짜와 체크아웃 날짜를 강조함으로써 시작과 끝이 명확하게 보이고 선택하지 않은 날들과 확실하게 구분이 된다 다만 B는

사용자가 제품을 접하고 사용하면서 느꼈을만한 부분을 리뷰에서 질문하여 사용경험을 떠올리며 간편하게 작성할 수 있도록 흐름을 유도해주고 있다 텍스트 리뷰를 작성하기 전 질문에서 제품에 후기를 선택했기 때문에 텍스트 리뷰를 필수적으로 쓰거나 어떤 내용을 써야할 지 부담감을

신용 점수가 오르면 이점이 많기 때문에 여기서 정보를 찾으면 15점이 올라갈 수 있다!라는 보상에 대해 강조하고 있다 사용자가 화면을 접하는 과정신용 점수 관련 버튼 -> 15점 상승 -> 상위 타이틀첫 순간에 기억 남은 📈15점 상승으로 레벨업을 할 수 있다는 기억

A는 사용자가 어느정도 생각한 동네가 있거나 명확한 목적지가 있는 사용자에게 빠르게 검색과 탐색이 진행될 것 같은 타이핑 방법B는 명확하게 정해진 동네가 없고 호기심, 탐색, 시장 조사 필요 사용자가 한 눈에 둘러보며 탐색하기 좋을 것 같은 선택 방법으로 보인다네이버

🔻A의 화면을 보았을 때 예,아니요 버튼 중 아니요 버튼을 눌렀을 때의 화면이라고 생각을 했다 브랜드 컬러를 사용했지만 아니요 버튼에 비해 가시성이 좋지 않다라고 생각이 든다 의도는 잘 모르겠지만 이러한 레이아웃으로 계속 간다면 아니요 버튼을 눌러 계정 보안 강화를