본문 바로가기

본캠프

 (78)
[0415_본캠프 39일차] 📚 오늘의 공부아티클 스터디 / 디자인 심화 개인과제1. 아티클 스터디'피그마의 절대 위치'라는 주제의 아티클로 스터디를 진행했다.피그마의 Absolute position 기능에 대해 한번 더 짚고 갈 수 있었다. Absolute position : 오토 레이아웃이 적용되지 않음.오토 레이아웃이 적용된 프레임 내의 객체에만 적용 가능!Z-index는 피그마 레이어 패널에서 아래쪽에 있을수록 높게 설정!장점 : 오토 레이아웃을 조금 더 편리하게 쓸 수 있고, 실제 개발되는 모습에 가깝게 쓸 수 있다. 예전 코딩 공부를 하면서 Absolute position 기능을 알게 되었는데, 언뜻 보면 모든 상황에 치트키처럼 사용할 수 있는 기능 같지만과도한 Absolute는 화를 부른다.. 🤣    2. 디자인 ..
[0412_본캠프 38일차] 📚 오늘의 공부아티클 스터디 / 디자인 심화 개인과제1. 아티클 스터디'앱 상단바 디자인을 어떻게하는 게가장 좋을까?'라는 주제의 아티클로 스터디를 진행했다. 좋았던 점앱 상단 바에서 바텀 라인의 존재 유무에 따라 얻을 수 있는 장단점들을 알 수 있었다. 장점 : 바텀 라인을 기준으로 위아래 확실한 분기가 잘된다단점 : 라인을 분기함으로써 하단 간격까지 몇 px 더 사용하게 되어 한 화면에 더 많은 콘텐츠를 보여주지 못한다.장점 : 시각적으로 더 세련됨단점 : 분기가 안되어 가독성이 떨어짐A/B테스트를 통해서는 바텀 라인이 없는 화면을 더 선호했지만, 사용성 측면에서는 바텀 라인 있는 것이 더 좋은 것 같다는 의견이 있었다.  아쉬웠던 점바텀 라인이 있을 때, 한 화면에 더 많은 콘텐츠를 보여주지 못한..
[0411_본캠프 37일차] 📚 오늘의 공부아티클 스터디 / 디자인 심화 개인과제1. 아티클 스터디'네카라쿠배 디자이너의 UX/UI 디자인 참고 사이트'라는 주제의 아티클로 스터디를 진행했다. 좋았던 점실무에서는 비슷한 도메인의 실제 앱을 사용하며 참고한다. (정확한 최신 레퍼런스는 내 휴대폰 속에)아카이빙 사이트들은 최신 화면이 아니다.화면으로만 앱을 보면 전체 경험이 아니라 분절해 보기 쉽다.여러 서비스들의 화면을 아카이빙 사이트에서 가져와 클론 디자인을 했던 경험이 있다. 이때도 최신 화면과는 달라 혼란을 겪었던 경험이 있는데(몰랐음..), 클론 디자인과 달리 실무에서는 실제 앱을 직접 사용하여, 그 사용에서 나오는 스크린뿐만 아니라 어디를 클릭했는지, 인터렉션은 어땠는지까지 사용자 경험까지 레퍼런스로 여긴다는 부분을 배울 ..
[0409_본캠프 36일차] 📚 오늘의 공부아티클 스터디 / 디자인 심화 개인과제1. 아티클 스터디'닫기와 뒤로 가기, 어떻게 다를까?'라는 주제의 아티클로 스터디를 진행했다. 새로 알게 된 개념하이어라키 백: 하위개념에서 상위개념으로 돌아가는 것 (한 번에)히스토리 백: 이전에 지나왔던 화면들을 역순 하여 차례대로 되돌아가는 것 (순차적으로)사용 기준은 맥락만 판단맥락일 때 : Modal이 아니므로 → 뒤로 가기 버튼 + 좌우 애니메이션맥락이 아닐 때 : Modal이므로 → 닫기 버튼 + 상하 애니메이션 동의하는 내용아직까지 사용자가 기대하는 ‘뒤로하기’의 정답은 없는 것 같다. 사용자의 행동 패턴을 파악하여 데이터를 통해 가장 많은 행동 패턴에 맞춰 제작하거나, 해당 서비스의 기준을 만들어서 사용자가 그 기준에 적응하게 하는 ..
[0408_본캠프 35일차] 📚 오늘의 공부아티클 스터디 / UX 기획 및 리서치 강의1. 아티클 스터디'디자인과 생성 AI, 미래의 디자이너는 어떤 일을 할까'라는 주제의 아티클로 스터디를 진행했다. 새로 알게 된 개념디자이너가 데이터에 대해 얼마나 활용해야 할까 : 디자이너는 주로 표면에 있는 데이터를 활용해 의사결정 과정에서 PM, 데이터 분석가, 개발자, 의사결정자와 협력하게 된다. 근본적인 원인을 파악하기 위해 필요한 데이터가 무엇인지 고민하고, 타 부서와의 협업을 통해 근본적인 원인을 파악하려고 노력해야 한다. 퍼널 분석 리포트 : 고객이 어느 시점에서 서비스를 이탈하는지 파악리텐션 리포트 : 우리의 충성고객 파악플로우 리포트 : 고객 행동 흐름 파악, 더 정교한 사용자 경험을 디자인 동의하는 내용 윤리적 규제 : 비전..
[0405_본캠프 34일차] 📚 오늘의 공부아티클 스터디 / UX 기획 및 리서치 강의1. 아티클 스터디'글로벌 런칭을 위해 필요한 LTR과 RTL UI의 이해'라는 주제의 아티클로 스터디를 진행했다. 새로 알게 된 개념LTR : (left to right) 왼쪽에서 오른쪽으로 읽는 글자 (우리나라를 포함한 대부분의 나라들의 방식)RTL : (right to left) 오른쪽에서 왼쪽으로 읽는 글자 (아랍권 나라들의 방식)But, RTL 언어도 숫자와 영어 같은 경우에는 오른쪽에서 왼쪽으로 읽는다.아이콘은 그대로, 정렬만 우측움직임, 방향 나타내는 아이콘일 경우, 아이콘의 방향도 RTL로단위의 순서도 반대인터렉션도 반대로 동작. 인터렉션도 RTLRTL 서체는 LTR 서체보다 더 크게 작용→ 대부분 우리의 좌우 반전 UI, 그리고 ..
[0404_본캠프 33일차] 📚 오늘의 공부아티클 스터디 / UX 기획 및 리서치 강의1. 아티클 스터디'모두를 위한 디자인은 가능할까?'라는 주제의 아티클로 스터디를 진행했다.유니버설 디자인 : 성별, 장애, 언어 등에 구애받지 않고 사용할 수 있는 디자인. 온라인, 모바일 영역 : ‘유니버설 디자인’ + 접근성’ 필요유니버설 디자인의 핵심 : 가능한 문턱을 낮추는 것 누구에게는 너무나 당연하고 쉬운 일이지만, 누군가에게는 어렵고 힘들 수 있는 영역임을 인지하고, 발견하고, 그것을 쉽게 기능하도록 계속해서 바꾸어 나가는 일 (지금의 디지털 소외계층 이슈..) But, 어설픈 이해와 공감은 오히려 이상한 결과물을 만들기도 한다. 높은 이해도 + 불편함에 대한 짙은 공감의 밀도 = 좋은 서비스나 디자인을 구현할 수 있는 가능성이 올..
[0403_본캠프 32일차] 📚 오늘의 공부아티클 스터디 / UX 기획 및 리서치 강의1. 아티클 스터디'빈 화면은 텅 빈 채로 두어도 될까요?'라는 주제의 아티클로 스터디를 진행했다.빈 화면의 중요성에 대해 다시 알 수 있었던 아티클. 평소 앱을 사용하면서 별생각 없이 넘어갔던 빈 화면들에게 이렇게 많은 의미가 있었는지 몰랐다.사용자에게 어떤 서비스를 제공하는지에 따라 활용하는 방법들이 달라진다. 같은 말이지만 조금 더 사용자의 기분에 맞추어 대응할 수 있는 따뜻한 멘트들이 필요하다. (Ux writing의 중요성)But, 사람마다 빈화면에 대한 니즈도 다르고 같은 말이지만 다르게 받아들일 수 있기에 아직 정답은 없는 것 같다. 최대한 사용자를 적으로 만들지 않고 우리 서비스에 오래 머물도록 하는 것이 중요하다! OTT 서비스를..

티스토리툴바