🚩 오늘 달성한 목표
- 디자인 카타
- 프로젝트 진행 (~와이어프레임!)
↑ 어떻게 와이어프레임까지 했지? 대단하다 우리조...! ο(=•ω＜=)o⌒☆ - 팀 튜터링
↑ 그래도 오늘은 수정지옥까지는 아님...ㅎㅎ - TIL 작성
🚩 디자인 카타
[선정한 선택지]
A
[선정한 이유]
- 예시에 나와있는 것처럼 이미지 하단에 들어가는 UI라면 A가 더 익숙하고, 이미지 슬라이더의 기능(가로로 스와이프)을 시각적으로 나타내준다.
- 이미지 개수가 적다면 A와 같이 한 눈에 보이도록 디자인하는 것이 사용자에게 인지부하가 덜 온다고 생각했다.
- BUT ) 이미지 개수가 많다면 B가 확연히 좋음. 점이 늘어날수록 인지부하가 올 가능성이 높아진다.
(정보는 최대한 깔끔하게…!)
[선정하지 않은 이유]
- 현재 이미지 위치?를 A처럼 색상강조를 더 했다면 어땠을까? 눈에 정보가 바로 들어오지 않는 느낌이다.
📖 ‘A 타입’의 장점과 단점
- 장점 정리
- 사용자에게 인지 부담이 적다.
- 직관적인 정보 제공(스와이프 방향, 현재 위치 등).
- 이미지가 적다는 가정하에 활용하면 좋을 것 같다.
- 콘텐츠 소비형에 적합.
- 단점 정리
- 이미지 개수가 많아지면 탐색 행동에 방해 됨.
- 사진의 갯수가 불 명확하다.
📖 ‘B 타입’의 장점과 단점
- 장점 정리
- 진행 상황을 명확히 전달해야하는 정보 중심으로 탐색하는 경우에 적합하다.
- 비교하며 선택하는 플랫폼일 경우 적합하다.
(커머스 상품 이미지 / 단계형 튜토리얼)- 사진이 얼마나 남았는지, 다음 페이지가 몇 번 페이지인지 숫자로 정확히 확인이 가능하다.
- 단점 정리
- 눈에 정보가 바로 들어오지 않는 느낌.
- 사용자가 ‘슬라이더’라고 인식하기 애매할 수 있음.
- 스와이프 방향(좌&우,상&하)및 자신의 위치를 헷갈릴 수도 있을 것 같음.
💡 개선안 도출하기
- A - 배경컬러가 깔리면 시각적으로 잘 보일 것 같다!
- B - BG 깔고 이미지 내부 오른쪽 하단에 위치해두자!
- B - A처럼 해당 위치에 대한 정보의 색상을 더 강조하자!
🚩 오늘의 공부 기록
마지막까지 열심히 수정한 우리들... 칭찬해...!
사실상 2, 4단계 갈아엎는 거였는데, 다들 잘 버텨줬다ㅠㅠ
그래두 튜터님께서 잘했다구 칭찬해주셨다! 만세!!
열심히 한 보람이 있어~ 우리 모두 서로에게 박수!!
수정사항 목록이랑 질문들 작성해서
조별 순회 튜터링 받기 전에 정리해두면서 한 번 더 돌아보기..!
이 시간이 진짜 뿌듯하면서 걱정도 많이 되는 듯...
열심히 수정했는데 또 수정할까봐ㅠㅠ
하지만! 잘했다고 칭찬받았구~
수정사항 몇 개 있었지만, 정리만 좀 더 하자는 거였당!
원래도 좀 해야겠다 싶었던 부분이어서 다들 OKOK 했다~
(다른 조들은 전부 2단계 회귀 하다가
튜터님이 시간 없다고 와이어프레임 보내버린듯...)
튜터링 받은 거 수정 꼼꼼히 하고 와이어프레임으로 넘어갔다!
드디어 5단계 시작이네~ 했는데,,,
다들 왜케 열심히야! 앞에서 자꾸 수정해서 힘 빠진 게 맞는 듯!
새로운 거 하고, 디자인 하니까 아주 날라다닌다.
1~2시간만에 와이어프레임 끝! 물론 정돈은 해야겠지만~
다들 수고했어요! 멋져멋져~~ ヽ(✿ﾟ▽ﾟ)ノ
🚩 + PLUS +
💘 귀여워~
ㅋㅋㅋㅋ 프로젝트 진행하다가 그린 그림...
갑자기 힘이 쪽 빠져서 그림을 그려놨는데,
나람님이 토끼 밑에다 덩 그림....ㅋㅋㅋㅋㅋㅋㅋㅋ
💘 다들 많이 힘든가 보오...
우리 조 너무너무 고마워요.
다른 조들 진짜 힘들어하고, 의견 갈라지고, 앞으로 못 나아가고 그러는데,
다들 내가 막 급하게 나아가려고 해도 다 따라와주고,
실없는 소리 해도 웃어주고, 다 들어줘서ㅠㅠㅠ
진짜 초짜 그 자체라 답답할 때도 있을텐데,
믿어주고 함께 해줘서 정말 고맙습니다...💗
앞으로도 열심히 할게요! 조금만 더 힘냅시다...! 💕💕💕
