차례:
- 코드를 작성하기 전에 디자이너는 레이아웃, 비주얼 및 상호 작용을 통해 사이트의 디자인을 작성합니다. 디자이너는 "네비게이션 메뉴가 페이지 상단이나 맨 아래에 있어야합니까? "보다 단순하고 창의적이며 장난기있는 감각을 전달하는 방법은 무엇인가? "
- 영화를 만드는 것처럼 앱을 만드는 경우 프런트 엔드 개발자가 주연 배우가됩니다.
- Sundar Pichai는 거의 모든 주요 Google 제품을 총괄합니다.
비디오: Plastic Surgery: The Cost of Beauty | 101 East 2024
일부 소형 앱을 직접 코딩하고 완성 할 수 있지만 Google지도 또는 Instagram과 같이 직장에서 사용하거나 매일 사용하는 것은 팀에 의해 만들어집니다. 단일 제품의 팀은 크기가 다양하여 최대 50 명까지 도달 할 수 있으며 각 사람은 디자인, 개발, 제품 관리 및 테스트와 같은 영역에서 특정 역할을 담당합니다. 중소기업에서는 같은 사람이 여러 역할을 수행 할 수 있지만 대기업에서는 역할이보다 전문화되고 개별 사람들이 각 역할을 수행합니다.
디자이너와 함께 앱 만들기코드를 작성하기 전에 디자이너는 레이아웃, 비주얼 및 상호 작용을 통해 사이트의 디자인을 작성합니다. 디자이너는 "네비게이션 메뉴가 페이지 상단이나 맨 아래에 있어야합니까? "보다 단순하고 창의적이며 장난기있는 감각을 전달하는 방법은 무엇인가? "
일반적으로 설계자는 사용자 인터뷰, 동일한 제품 아이디어에 대한 많은 디자인 작성, 그리고 한 가지 디자인을 선택하여 최종 결정을 내림으로써 이러한 유형의 질문에 답합니다. 좋은 디자인은 제품의 채택이나 사이트 사용을 크게 증가시킬 수 있으며 Apple의 iPhone 및 Airbnb와 같은 제품을 크게 증가시킬 수 있습니다. com.
는 주로 "모양과 느낌"과 레이아웃을 처리합니다. 예를 들어 Amazon과 같은 웹 사이트를 탐색하면 모든 페이지에서 탐색 메뉴와 내용이 같은 위치에 있고 동일하거나 매우 유사한 글꼴, 단추, 입력 상자 및 이미지를 사용할 수 있습니다. UI / UX 디자이너는 화면이 사용자에게 표시되는 순서와 사용자가 클릭 한 위치 및 텍스트, 웹 사이트와 상호 작용하는 방식 등을 고려합니다.
- UI / UX 디자이너를 도청하려고한다면 "그의 페이지는 너무 많은 행동 촉구로 너무 바빠서 대화를 듣지 못할 것입니다. Google 사용자는 사이트에서 다른 곳에서도 많은 결정을 내리지 않습니다. 하나의 구매 버튼 만 있으면 레이아웃을 단순화하여 누구나 단 한 번의 클릭으로 주문할 수 있습니다. 비주얼 디자이너 는 주로 웹 사이트에서 사용되는 최종 그래픽을 만드는 데 중점을두고 있으며이 역할은 "디자이너"와 가장 밀접하게 관련되어 있습니다."비주얼 디자이너는 아이콘, 로고, 버튼, 타이포그래피 및 이미지의 최종 버전을 만듭니다. 예를 들어 인터넷 브라우저를 살펴보십시오. 브라우저 아이콘, 뒤로, 다시로드 및 책갈피 단추는 모두 비주얼 디자이너가 만들고, 브라우저를 처음 사용하는 사람은 설명없이 아이콘의 의미를 알 수 있습니다.
비주얼 디자이너를 도청하려는 경우 "이 아이콘의 색상 대비가 너무 가볍기 때문에 읽을 수 없으며 아이콘이있는 텍스트를 포함하는 경우 아이콘 아래에 텍스트를 가운데 정렬하십시오 그 위에. "
- 상호 작용 설계자 는 주로 사용자 입력 및 상황을 기반으로 상호 작용 및 애니메이션을 처리합니다. 처음에는 상호 작용 설계가 키보드와 마우스의 상호 작용에 국한되었지만 오늘날 모바일 장치의 터치 센서는 사용자 상호 작용 가능성을 더욱 높였습니다. 상호 작용 설계자는 최상의 상호 작용을 사용하는 방법에 대해 생각하므로 사용자는 가능한 한 쉽게 작업을 완료 할 수 있습니다.
예를 들어 휴대 전화에서 이메일을 확인하는 방법에 대해 생각해보십시오. 수년 동안 전통적인 상호 작용은 메시지 목록을보고 메시지를 클릭 한 다음 회신, 플래그 지정, 폴더 저장 또는 메시지 삭제 등의 단추를 클릭하는 것이 었습니다. 2013 년에 상호 작용 설계자는 이메일 앱 상호 작용을 다시 생각하고 상호 작용을 만들었으므로 사용자가 여러 메뉴를 클릭하지 않고 이메일 메시지를 삭제하거나 회신하기 위해 손가락을 왼쪽이나 오른쪽으로 쓸어 넘겼습니다.
- 상호 작용 디자이너를 도청하려는 경우 사용자가지도 앱을 사용하여 탐색하는 동안 클릭이나 스 와이프를 통해 길을 잃어 버렸음을 알려주는 대신 휴대 전화를 흔들 수 있습니다. 즉시 위치 전문가에게 전화하도록하십시오. " 영화를 만드는 것처럼 앱을 만드는 경우 디자이너는 시나리오 작가가됩니다.
프론트 엔드 및 백엔드 개발자 코딩
프론트 엔드 및 백엔드 개발자는 디자인이 완료된 후 이러한 디자인을 현실로 만듭니다. Mark Otto 및 Jacob Thornton과 같은 프런트 엔드 개발자는 HTML, CSS 및 JavaScript로 코드를 작성하고 디자인을 사용자 인터페이스로 변환합니다. 이 개발자는이 책에서 배우는 것과 동일한 코드를 작성하고 장치 (데스크톱, 노트북 및 모바일), 브라우저 (Chrome, Firefox, Safari 등) 및 운영 체제 (Windows, Mac, 등). 이러한 모든 요소, 특히 모바일 장치의 채택 증가로 인해 모든 장치, 브라우저 및 운영 체제가 HTML과 CSS를 다르게 렌더링하기 때문에 코드화하고 테스트해야하는 수천 가지 조합이 생성됩니다.
Mark Otto와 Jacob Thornton은 가장 인기있는 프론트 엔드 프레임 워크 인 Bootstrap을 만들었습니다.
영화를 만드는 것처럼 앱을 만드는 경우 프런트 엔드 개발자가 주연 배우가됩니다.
Yukihiro와 같은 백엔드 개발자는 프런트 엔드 개발자가 만든 사용자 인터페이스에 기능을 추가합니다. 백엔드 개발자는 제품이 예상대로 작동 할 수 있도록 사용자 및 보이지 않는 모든 것을 확보합니다.백엔드 개발자는 Python, PHP 및 Ruby와 같은 서버 측 언어를 사용하여 어떤 내용을 언제, 누구에게 표시할지에 대한 논리를 추가합니다. 또한 데이터베이스를 사용하여 사용자 데이터를 저장하고이 코드를 모두 사용자에게 제공하는 서버를 만듭니다.
Yukihiro Matsumoto는 웹 사이트를 만드는 데 사용되는 유명한 서버 측 언어 인 Ruby를 만들었습니다.
제품 관리자와 함께 관리
제품 관리자는 제품을 정의하고 제품 개발 프로세스를 관리하는 데 도움을줍니다. 엔지니어링 팀이 작을 때 (예: 14 명 이하) 의사 소통, 역할 및 책임은 정식 감독없이 내부적으로 쉽게 관리됩니다. 엔지니어링 팀이 성장함에 따라 서로 의사 소통하는 모든 사람의 간접비도 커지고 프로세스가 없으면 상호 작용이 관리 할 수 없게되어 의사 소통 및 마감 기한이 만료 될 수 있습니다. 제품 관리자는 통신 오버 헤드를 줄이는 데 도움을 주며 제품을 빌드 할 때 문제가 발생하면 타임 라인을 연장하거나 범위를 축소할지, 더 많은 리소스를 팀에 추가할지 결정합니다.
훌륭한 책임과 권한을 지닌 한 제품 관리자는 원래 Google 툴바의 제품 관리자 였고 최근 검색, Android, Chrome,지도, 광고 및 Google+를 비롯한 많은 Google 제품을 감독하기 위해 임명 된 Sundar Pichai입니다..
Sundar Pichai는 거의 모든 주요 Google 제품을 총괄합니다.
품질 보증을 통한 앱 테스트
테스트는 앱이나 웹 사이트를 만든 후 마지막 단계입니다. 생산에 도움이되는 많은 도움의 결과로 새로 만들어진 제품에는 필연적으로 버그가있을 것입니다. 목록은 모든 핵심 앱 사용자 작업 및 흐름으로 이루어지며 자동화 된 프로그램과 함께 인력 테스터는 여러 브라우저, 장치 및 운영 체제에서 오류를 찾기 위해 계속해서 목록을 반복합니다.
테스터는 새로 발견 된 버그를 컴파일 한 다음 개발자에게 보내서 우선 버그를 우선적으로 처리합니다. 버그 수에 영향을받는 사용자 수, 버그를 수정하는 데 걸리는 시간 및 제품을 출시해야 할 때까지 남은 시간은 항상 균형을 이룹니다.
가장 중요한 버그는 즉시 수정되며 사소한 버그는 업데이트 또는 이후 릴리스로 수정 될 예정입니다. 오늘날 회사는 피드백 시스템에 의존하고 피드백 양식과 경우에 따라 자동보고를 통해 사용자로부터 오류 보고서를 수집합니다.
