노을 진 윤슬

1. 아티클 이름 어떤 앱으로 만드는 게 좋을까 송해원 / 2023.07.16. 어떤 앱으로 만드는 게 좋을까 앱의 4가지 형태별 장단점 [코드스테이츠 PMB 7기] | 모바일 서비스를 기획할 때, 어떤 형태의 모바일 앱으로 제작할 것인가를 결정하는 것은 중요하다. 어떤 앱 형태를 선택하느냐에 따라 구현할 brunch.co.kr 2. 아티클 정보 요약 네이티브 앱 정의 모바일 기기에 최적화된 언어로 제작된 앱 각 OS의 네이티브 언어로 개발한 앱 PC에서 실행할 수 없음 Android: Java, Kotlin IOS: Objective-C, swift 예시) 카카오톡(메신저), 스타벅스, 인스타그램 ➡︎ 놀라운 디자인, 사용성을 보인다면 대부분 네이티브 앱: 보바일 앱에 집중한 제품으로, 앱 개발에 비용..

1. 아티클 이름모바일웹 / 웹앱 /하이브리드앱 / 네이티브앱침착한 주먹밥 / 2022.01.04. 모바일웹 / 웹앱 / 하이브리드앱 / 네이티브앱 [코드스테이츠 PMB 9기] 개발하는 방식 | 4가지 대표 개발 방식 IT 서비스를 개발한다면 어떤 방식으로 진행할지를 결정하게 됩니다. 네 가지 대표 개발 방식이 있습니다. 모바일 웹(Mobile Web) : brunch.co.kr2. 아티클 정보 요약4가지 대표 개발 방식모바일앱(Mobile Web): 모바일 화면에 맞게 구성한 웹 웹 앱(Web App): 모바일 웹과 비슷하지만 구동방식이 앱처럼 보이게 한 앱 하이브리드 앱 (Hybrid App): 웹 앱과 네이티브 앱의 기능을 결합하여 개발된 앱 네이티브 앱 (Native App): 모바일 기기에 최적..

1. 아티클 이름 글로벌 고객은 강남언니를 어떻게 사용할까? 출처 강남언니 공식 블로그 /2023.11.30. 글로벌 고객은 강남언니를 어떻게 사용할까? 강남언니 도쿄 출장기 by 강남언니 블로그 blog.gangnamunni.com 2. 아티클 정보 요약 왜 강남언니는 고객 사용성 테스트를 꾸준히 하지 못했는가? 기존 강남언니의 사용성 테스트 방법 화면을 송출하는 거치대와 마이크를 사용하고 zoom을 이용하여 동시 통역 진행 ➡︎ 몇 가지의 한계 존재 1. 각 스쿼드의 PO와 디자이너는 회의 중간마다 접속해 화면을 지켜보고 기록하는 방식으로 진행되었기에 온전히 사용성 테스트 전부에 집중 불가 2. 도쿄 지사에서 진행하여, 직접 고객을 모색하고 스크립트를 작성하지 않음 ➡︎ 각 제품팀 질문이나 궁금증에 ..

오늘 새로 배운 것 인지부하의 종류 내재적 인지부하 : 학습할 과제나 학습자의 수준에 의해 생기는 부하 ➡︎ 어렵거나 양이 많으면 사용자가 받아들이기 힘들다. 외재적 인지부하 : 과제의 난이도가 아닌 가르쳐주는 것에 따라 달라지는 부하 ➡︎ 사용자에게 학습방법 및 전략을 잘 제시해주어야 한다. 본질적 인지부하 : 학습자가 과제를 처리하기 위한 노력에서 생기는 부하 ➡︎ 사용자 본인이 주체가 되어서 생기는 부하. 내제적, 외재적 부하를 잘 설계하여 본질적 인지부하를 잘 이끌어내는 것이 필요 출처: https://brunch.co.kr/@zalhanilll/145 UX/UI 디자이너가 알아야 할 심리학 원칙 심리학은 앱의 UX에 큰 영향을 끼칩니다. 디자인이 어떻게 인지되는지 이해함으로써, 사용자가 더 효과..

오늘 새로 배운 것 피그마 프로토타입 제작 시 '막히는 스크롤' 인터렉션을 주고 싶을 때 문제상황 : 피그마에서 'On Click > scroll to'로 막히는 스크롤 인터렉션 구현 시도 ➡︎ 실패 문제분석 1. '스크롤'을 구현하고 싶어 피그마 'scroll to' 을 필수적으로 사용해야 한다는 생각에 매몰되어 있음 2. 'On click'가 아닌 'On drag' 기능을 사용하여야 하지만, 'On drag'로는 'scroll to'를 사용할 수 없음 (이때.. 빠져나와야 했습니다...🥹) + 튜터님 말씀 중 'scroll to'에 대한 부분이 이상하다고 생각하신다는 느낌을 받음3. 스크롤 인터렉션까지는 성공하였으나, 탭바 부분이 목차별로 움직이지 않고, 하단 바로가기 버튼과 위로 올라가기 버튼도 처..

오늘 새로 배운 것 안드로이드 상태바: 52px 안드로이드 하단 네비게이션 바: 48px 오늘 정리한 것 'PPT 보다 쉬운 피그마' 1강 단축키 및 개념 정리 오늘의 작업 진척도 와이어프레임 완성 컨셉 설정 및 디자인 컴포넌트 작업 진행중

프로젝트 진척상황 About us 와이어프레임 제작 완료 오늘 새로 학습한 것 플로우 차트 도형 종류 액션: 화살표 내부 텍스트 사각형: 페이지 마름모: 이벤트 아래물결 네모: 페이지 출력 콘텐츠 정보구조도 소프트웨어 설계를 계층적으로 모델링한 것 다른 것과의 관계를 보여주는 하향식 차트

피그마는 자체 플러그인으로 다른 프로그램보다 편리하게 포트폴리오 템플릿을 만들 수 있다. 플러그인을 활용하여 멋진 포트폴리오를 만들어보자. 플러그인 'Mockup'을 활용해 쉽게 화면 목업하기 1. 플러그인 > 'Mockup' 검색 > 'run' 해서 시작 2. 'Find'에서 원하는 카테고리 및 기기를 세부적으로 설정하여 클릭 후 + 아이콘으로 피그마 캔버스 내부 목업하고 싶은 Frame 선정 및 'paste in Canvas'로 피그마 내부에 불러오기 ***만일 무료로 하고 싶다면 'free only'체크박스 활성화 3. 크기 설정 후 포트폴리오 화면 마무리하기 플러그인 'Unsplash'를 활용해 간단히 사진 넣기 1. 플러그인 미설치 시 'Unsplash' run / 플러그인 설치 시 '사진 우클..