본문 바로가기

전체 글143

용어 정리 코드스니펫 nippet은 작은 조각이라는 뜻으로, 코드 스니펫(Code Snipet)은 '코드 조각', 즉 재사용 가능한 소스 코드, 기계어, 텍스트의 작은 부분을 의미한다. 사용자가 루틴 편집 조작 중 반복 타이핑을 회피할 수 있게 도와준다. ChatGPT Generative Pre-trained Transformer (사전 훈련된 생성 변환기) 정보를 텍스트 형태로 제공해주는 인공지능 챗 봇 ChatGPT API Application Programming Interface의 줄임말이다. 음식점에 손님, 점원, 요리사가 있다고 했을때, 결과물=요리사, 주문을 넣는 사람=손님, 이 둘을 연결해주는 매개체 또는 수단=점원에 비유할 수 있다. 랜딩페이지 landing(착륙)의 의미로 사용자가 처음으로 접하는.. 2024. 2. 7.
웹 서비스 분석 및 개선 아이디어 (넷플릭스) 웹 서비스 선정: 넷플릭스 선정 이유: 제일 자주 사용하는 앱이지만 가끔 불편함을 느껴서 선정했다. 서비스 소개: 시리즈와 영화를 인터넷 연결 지원 디바이스에서 시청할 수 있는 멤버십 기반 스트리밍 서비스이다. UI/UX 디자인 분석 인상 깊은 기능 1. 영상을 보다가 밝기 조절을 쉽게 할 수 있어서 편리하다. 2. 출연자의 이름을 클릭하면 배우의 필모그래피 페이지로 연결된다. 개선 아이디어 1. 가끔 찜하기, 취소가 제대로 작동이 안 될 때가 있다. 2. 시작 화면이 New & Hot으로 연결되어 있는 게 불편할 때가 있다. 보통 사용자들은 본인들이 이미 보던 시리즈나 영화를 이어보려고 할 텐데 첫 화면부터 찜한 콘텐츠와 시청 중인 영상이 뜨면 편할 것 같다. 3. "홈"과 "나의 넷플릭스"가 분리가 .. 2024. 2. 6.
피그마 강의 3주차 숙제 (프로토타입) 2024. 2. 6.
게임 속 팝업 버튼 UX 디자인 좋은 예, 나쁜 예 게임에는 수 많은 팝업이 뜨기 때문에 팝업이 전달하는 내용과 예측되는 사용자의 행동에 따라 팝업의 구조 또한 각각의 상황에 맞게 다르게 디자인 되어야 한다. 서비스 제공자 입장에서 사용자가 와주었으면 하는 루트를 사용자에게 헷갈리지 않고 명확하게 전달 할 수 있어야 한다. 나쁜 예시와 좋은 예시 모두 정리해보았다.[게임 디스라이트의 팝업]버전이 오래되어 새로운 패치를 다운로드 받아달라는 팝업서비스 제공자의 입장에서는 취소 버튼을 누르고 앱을 이탈해버리면 손해인 상황이기 때문에 취소 버튼을 삭제하고 확인 버튼만 남기는 것이 좋겠다.[게임 일곱개의 대죄의 팝업]아니오 버튼이 있지만 막상 아니오 버튼을 눌러도 다시 같은 팝업이 뜬다.이 또한 아니오를 없애고 예만 남기면 좋겠다.[게임 카트라이더의 팝업]누를 수.. 2024. 2. 5.
클론 디자인 (애플) 애플 공식 페이지 한 부분을 그대로 만들어보았다. 제작 소요 시간 1시간 30분 제작 순서 1. 줄자로 간격 따기 2. 맨 위에서부터 타이핑과 아이콘들을 넣어가며 제작하기 3. 간격 조절에 용이하게 오토레이아웃으로 묶어가며 제작하기 4. 오늘은 마스터 컴포넌트 기능도 사용했다. 오토레이아웃을 만들어서 작업하던 중 중간에 공백이 많이 필요했다. 구글에 찾아보니 Currently the only 2 ways to add spacing is to: Create a spacer element or. Wrap the items in another frame and apply gap spacing. 라는 방법을 찾았다. 반복되는 요소들은 마스터 컴포넌트 기능으로 먼저 제작을 하고, 변경사항이 있으면 변경 후, 오토.. 2024. 1. 31.
더블 다이아몬드 모델 (리서치에 대해서) 인터뷰의 목적과 좋은 질문이 무엇인지, 인터뷰 전 준비해야 할 사항, 인터뷰 진행 방법에 대한 글이다. 글쓴이가 참고한 책- 사용자의 숨겨진 마음을 읽는 리서치 기술- 이것이 UX/UI 디자인이다  인터뷰의 종류에는 두가지가 존재한다.1. 필드 리서치: 인터뷰 리서치를 의미한다.2. 데스크 리서치: 문헌이나 리포트 자료를 통해 시장 동향, 경쟁사 조사, 트렌드 동향 하는 리서치를 의미한다.  리서치에 대해 배우려면 먼저 UX 방법론 중 하나인 더블 다이아몬드 모델에 대해 배워야 한다.  더블 다이아몬드 모델UX 방법론으로서, 서비스 기획에 자주 사용되는 프레임워크이다. 유저 경험 측면에서 문제를 밝힌 다음, 솔루션(서비스)를 디자인한다.왼쪽에서 오른쪽으로 가는 수순이다. 1. Discover: 발견 단계.. 2024. 1. 31.

티스토리툴바