IT 산업에는 디자인과 관련된 많은 영역이 있습니다. 가장 일반적인 것은 약어 UX 및 UI 뒤에 숨겨진 디자이너입니다. 글쎄, 어떤 사람들은 심지어 프론트 엔드 개발자를 디자이너에게 쓸 수도 있습니다. 디자이너가 IT 세계에있는 사람, UI와 UX의 차이점, 디자인과 관련된 프런트 엔드 개발자의 종류를 알아 봅니다.
디자이너
응용 프로그램, 사이트 또는 게임의 인터페이스 개발은 다소 복잡한 과정이며 엔지니어링, 심리학 및 디자인과 같은 다양한 분야의 지식을 적용해야합니다. 사용자 인터페이스 디자이너 (영어-사용자 인터페이스 또는 UI)는 사이트 기능 (검색, 탭, 메뉴) 및 클라이언트와 인터페이스의 상호 작용에 대한 세부 정보를 표시하는 방법에 중점을 둡니다. UI 디자이너의 목표는 미학적으로 수용 가능한 최신 제품 디자인입니다.. UX는 "사용자 경험"을 의미하는 사용자 경험을 나타냅니다. UX 디자이너는 잠재적 사용자의 인터페이스 사용 성과 이해에 더 중점을 둡니다. 이러한 전문가는 종종 연구 및 설문 조사를 수행하며, 이는 설계 개념을 작성하고 개발 중 및 개발 후에 개념을 테스트하는 기초가 될 것입니다. 일반적으로 구조, 내용, 탐색 및 사용자가 이러한 요소와 상호 작용하는 방식에 중점을 둡니다.소프트웨어를 만들기위한 기본 구조 인 사이트 맵, 프로토 타입을 생성합니다. UX- 디자이너의 목표는 사이트에서 그가 왜 왔는지 빠르고 고통없이 얻는 것입니다. 그럼에도 불구하고 오늘날 슬래시를 통해이 두 전문 분야의 글을 찾는 것이 매우 일반적입니다. 즉, 두 방향의 작업은 한 전문가가 수행합니다. UX / UI 디자이너는 인터페이스와의 사용자 상호 작용을 설계하고 필요한 작업을 결정하며이 인터페이스가 결과로 어떻게 보이는지 책임을집니다.
UX / UI 디자이너를 위해 알아야 할 사항
그래픽 편집기. 시장에서 가장 인기있는 도구는 Adobe Photoshop, Adobe Illustrator 및 Sketch, Figma입니다. 편리한 편집기를 선택하고 사이트 나 응용 프로그램의 스크린 샷을 약간 업그레이드하여 그리기 시작하십시오.
프로토 타이핑 도구 (Mockplus, Axure). 프로토 타입 도구는 아이디어와 구현 사이의 링크입니다. 사용하는 도구는 중요하지 않습니다. 몇 가지를 시도해보고 스타일과 선호도에 맞는 것을 결정할 수 있습니다.
사용자 심리학. 레이아웃 개발 단계에서 이미이 인터페이스를 사용하는 것이 편리한 지 여부를 고려해야합니다. 고객 대신 자신을 상상하고 그와 강한 관계를 맺고 그의 요구에주의를 기울이십시오. 결국, 수요가 있으면 제품이 성공할 것입니다.
지식이 필요하다 색 이론. 우리는 어린 시절부터, 특히 미술 학교에 간 사람들로부터 무언가를 알고 있습니다. 그럼에도 불구하고, 디자이너의 작업과 관련하여 특정 성이 있습니다. 기본 지식은 인터넷의 책이나 기사에서 얻을 수 있습니다.
의 아이디어를 갖는 것이 좋습니다 타이포그래피텍스트와 시각적 구성 요소를 결합하는 수단입니다.
사이트의 구성과 유용성.
작업의 세부 사항에 따라 HTML 및 CSS 또는 (약간의) 프로그래밍 언어에 대한 이해가 필요할 수 있습니다 (리소스에 대한 링크는“프론트 엔드 개발자가 알아야 할 사항”섹션에서 찾을 수 있습니다).
프론트 엔드 개발자
프런트 엔드 공급 업체의 주요 작업은 인터페이스의 클라이언트 부분을 개발하는 것입니다. 즉, 그러한 전문가는 설계자가 설계 한 것을 "활성화"합니다. 그는 인터페이스의 작동 및 작동에 대한 책임이 있으며 시각적 컨텐츠에 대한 책임은 적습니다. 프론트 엔드 개발자는 종종 개발 단계에서 사용자 인터페이스를위한 좋은 솔루션을 찾아야하므로 종종 UX / UI 디자이너와 상호 작용합니다. 프론트 엔드 개발자가 작성한 코드는 사용자의 브라우저에서 실행됩니다 ( "클라이언트 측"). 또한 가장 중요한 작업 중 하나는 사이트 또는 웹 응용 프로그램이 모든 플랫폼과 브라우저에서 동일하게 보이는지 확인하는 것입니다.프런트 엔드 개발자가 알아야 할 사항
일반적으로 프런트 엔드는 HTML 페이지 레이아웃 언어, CSS 스타일 시트 및 JavaScript 프로그래밍 언어의 세 가지 기둥에서 실행됩니다. 또한 프런트 엔드 공급 업체는 HTTP 프로토콜, 서버 및 브라우저의 작동 원리, 특히 현재 시장에 나와있는 다양한 장치의 인터페이스 표시 원리를 이해해야합니다. 웹 인터페이스를 만드는 도구와 방법은 끊임없이 발전하고 변화하므로 개발자는이를 지속적으로 모니터링해야합니다.HTML 및 CSS (레이아웃)
이것은 사이트가 만들어지는 벽돌의 레이아웃입니다. HTML 마크 업 언어는 사이트 구성, 콘텐츠 및 사이트 간의 모든 상호 작용을 나타냅니다. 페이지 상단, 하단, 측면 블록, 내용, 제목, 표시 텍스트 및 멀티미디어 요소를 지정할 수 있습니다. CSS 스타일 시트는 HTML 요소를 장식합니다. 페이지에있는 각 그래픽 요소가 정확하게 표시되는 방법을 결정합니다. 최신 버전의 HTML5 및 CSS3을 사용하면 비디오 및 오디오 구성 요소를 페이지에 배치하고 2 차원 이미지와 애니메이션을 만들거나 간단한 게임을 만들 수도 있습니다. 모든 태그와 스타일을 한 번에 기억할 필요가 없습니다. 기본을 배우고 즉시 적용하는 것이 유용합니다. HTML 및 CSS의 기본 사항 인 W3School을 배울 수있는 매우 좋은 사이트입니다. 그러나 최소한 영어에 대한 기본 지식이있는 경우에만 가능합니다. 또한 프런트 엔드 공급 업체는 크로스 브라우저 및 크로스 플랫폼 개발, 적응 형 및 반응 형 레이아웃을 이해해야합니다.부트 스트랩
이것은 HTML, CSS 및 JavaScript를위한 프레임 워크입니다. 즉, 생성자와 마찬가지로 사이트가없는 것보다 훨씬 빠르게 사이트를 작성할 수있는 특정 템플릿입니다. 그러나 물론 자신의 필요에 맞게 연마해야합니다. 영어를 아는 경우 getbootstrap 및 모든 동일한 w3school을 권장합니다.자바 스크립트
자바 스크립트는 프론트 엔드 개발의 핵심입니다. 이것은 가장 일반적인 인터페이스 프로그래밍 언어입니다. 그는 사이트에 많은 기능을 추가 할 수 있습니다. 기본적으로이 언어를 사용하면 대화 형 요소를 페이지에 추가 할 수 있습니다. 실시간 대화 형 온라인 게임 및 영화로 업데이트되는지도를 만드는 데 사용됩니다. 고급 JavaRush 과정에서는 약간의 JavaScript를 배웁니다. 동일한 W3School에서 공부하거나 javascript.ru 사이트에서 러시아어로 읽을 수도 있습니다.jQuery
jQuery는 개발을 더욱 쉽고 빠르게 할 수있는 플러그인과 확장 기능이 포함 된 Javascript 라이브러리입니다. 라이브러리는 코드를 처음부터 작성하는 대신 기성품 구성 요소를 추가하여 특정 프로젝트에 맞게 사용자 지정할 수 있습니다. 자동 완성 검색 양식을 사용하고 그리드를 재정렬하고 크기를 조정하며 카운트 다운 타이머를 설정할 수 있습니다. w3school의 실용 jQuery 코스자바 스크립트 프레임 워크
다양한 유형의 프레임 워크가 있지만 사용하기 편리한 프레임 워크 중 하나를 선택할 수 있습니다. 가장 유명한 것은 Angular, Backbone, Ember 및 React입니다. 그것들은 코드를 위해 기성품 구조입니다. 개발 속도를 높이는 데 도움이됩니다. 또한 라이브러리와 함께 사이트 나 응용 프로그램의 개발을 처음부터 최소화 할 수 있습니다. 2017 년 가장 인기있는 5 가지 JavaScript 프레임 워크 및 라이브러리 개요힘내 버전 제어 시스템
버전 관리 시스템은 시간이 지남에 따라 코드의 변경 사항을 추적 할 수 있습니다. 또한 이전 버전의 프로젝트로 돌아갈 수 있습니다. Git은 가장 널리 사용되는 버전 관리 시스템입니다. Git으로 작업하는 능력은 모든 개발자에게 중요한 기술입니다.간단한 결론
UI는 "사용자 인터페이스"를 의미하는 사용자 인터페이스를 나타냅니다. 즉, UI 디자이너 주로 제품이 사용자에게 제공되는 방식을 담당합니다. 그는 버튼, 아이콘을 개발하고 글꼴을 선택하고 레이아웃을 준비합니다. UX는 사용자 경험을 나타냅니다. 그래서 UX 디자이너 그는 사이트의 디자인, 응용 프로그램 및 기타 사항을 디자인하여 사용자가 편안하고 이해할 수 있고 무엇을 할 수 있으며 최소한의 노력으로 필요한 것을 사이트에서 얻을 수 있습니다. 종종 두 가지 유형의 작업이 한 사람의 오케스트라 (UI / UX 디자이너)에 의해 수행됩니다. 프론트 엔드 개발자는 디자이너의 작업에 활력을 불어 넣어줍니다. 버튼이 눌 리기 시작하고 그림이 바뀝니다. 그는 프레임 워크, 전 처리기 및 라이브러리로 구성된 프로그래밍 언어를 알아야합니다.“디자인”이라는 용어는 믿을 수 없을 정도로 단순 해 보일 수 있습니다. 동시에 매우 모호하며 다른 사람들 에게이 개념을 설명하도록 요청하면 답변이 매우 다릅니다.
예를 들어 누군가“아, 나는 디자이너로 일하고있다”고 말할 때 대부분의 사람들은 여기서 의미하는 바를 이해하지 못할 수 있습니다. 그리고 그처럼 단순 해 보이는 단어 뒤에는 많은 의미가 있기 때문입니다.
오늘날 시장은 기술 기업 분야에서 성장하고 있으며, 스크린을위한 다양한 인터페이스 제작에 초점을 맞추는 경향이 있으며, 이는 새로운 디자인 기능의 출현으로 이어집니다.
UX 디자이너로서의 이러한 직업은 언젠가는 경험하지 못한 사람들에게는 이상하고 조금 복잡해 보일 수도 있습니다. 또한 경험이 많은 일부 개발자는 그 의미가 무엇인지 이해하지 못하고 궁금해 할 수 있습니다. 그들은 심지어합니까?
그러나 UX 산업은 빠르게 성장하고 있습니다. UX (또는 "사용자 경험") 전문가의 수가 얼마나 증가했는지 살펴보십시오.
이 분야의 노동 시장이 신규 이민자에서 항상 UX 전문가였던 사람들에 따라 다르지만 결코 의심하지 않았기 때문에 그들 모두가 새로운 전문가는 아닙니다.
위와 같은 상황에서 특정 문제가 발생할 수 있습니다. 예를 들어, 자신을 UX 디자이너라고 부르는 사람이 실제로 UX 분야의 전문가가되는 것은 아닙니다. 이것은 마치 치과 의사 나 간호사에 대해 이야기하는 것처럼 명확하게 정의 할 수없는 특별한 종류의 직업이기 때문에 UX에서 좋은 전문가와 나쁜 전문가를 구별하는 것은 매우 어렵습니다.
UX 디자이너는 누구입니까?
UX 디자이너의 작업은 일반적으로 제품이나 서비스에 대한 인식과 관련이 있으므로이 경우의 디자인 문제가 항상 명백한 것은 아닙니다.
이들은 주관적이며 둘 이상의 솔루션이있을 수 있습니다. 본질적으로, 제품 설계 프로세스의 모든 단계가 이전 단계를 따르는 지 확인하는 것은 UX 디자이너의 책임입니다.
이는 수행 한 조치를 평가하기 위해 풀 타임 사용자 테스트를 사용하여 수행 할 수 있습니다. 사용자가 구두 및 비 언어 테스트를 모두 수행 할 수있는 경우 효과적인 ux 조건이 생성됩니다. 예를 들어, 새로운 사용자를위한 편리한 적응을 만드는 것이 좋은 솔루션입니다.
UX 디자이너는 무엇을합니까?
우수한 UX 전문가는 우수한 사용자 경험의 모든 측면을 하나의 제품에 결합 할 수 있습니다.
이는 이러한 측면이 개별적으로가 아니라 함께 상호 작용한다는 확신이있는 경우에만 수행 할 수 있습니다. 우리가 고려하는 전문가는 미래의 결과, 특히 UX 자체에 전적으로 책임이 있습니다.
그러나 여전히 자격을 갖춘 UX 전문가의 경력의 시작일뿐입니다. 앞으로이 방법을 잘 수행하기 위해 다양한 방법을 사용할 수 있기 때문입니다.
정말 훌륭한 UX 디자이너가 되려면 뛰어난 의사 소통 기술, 헌신, 혁신에 대한 사랑, 창의력과 이니셔티브를위한 노력을 통해 실험시기와 확립 된 프레임 워크를 고수 할시기를 이해해야합니다. 그럼에도 불구하고, 모든 UX 전문가는 확실히 미래 시장에서 수요를 원한다면 경력의 낮은 단계부터 시작해야합니다.
성공적인 UX 디자이너가 되려면 통신 메커니즘, 작업 완료 알고리즘 및 인터페이스 요구 사항을 설명 할뿐만 아니라 올바르게 사용해야합니다.
사용하는 특성과 컨텍스트뿐만 아니라 처음부터 끝까지 사용자 상호 작용을 투자자에게 설명 할 수 있어야합니다. 강력한 팀의 지원으로 UX 디자이너는 Facebook과 같은 잘 알려진 플랫폼의 특성을 가치 있고 저렴한 툴킷으로 변환 할 수 있습니다.
와이어 프레임과 스케치는 작업의 일부일뿐입니다.
와이어 프레임과 시각적 계획은 제품을 만들기 위해 수행해야하는 신중한 준비의 결과입니다. 디자이너와 프로그래머가 이러한 자료를 추가로 사용할 수 있도록 준비 과정을 PowerPoint 프레젠테이션과 같은 시각적 형식으로 제시하는 것이 매우 중요합니다.
테스트 유용성 동안 제품 프로토 타입에 대한 데이터를 얻거나 스크린 캐스트를 작성하기도 쉽습니다. 이러한 도구는 와이어 프레임만큼이나 중요 할 수 있습니다.
UX 디자이너는 또한 효과를 높이기 위해 제품 디자인을 개선하기 위해 신중하게 제작 된 계획에 집중하는 방식으로 인정받을 수 있습니다.
그러나 훌륭한 UX 전문가를 선택하는 데는 그 책임이 다를 수 있으므로 입증 된 방법이 없습니다. 후자는 매우 광범위하며 개인, 법인 및 새로운 기술 개발과의 상호 작용을 다룹니다.
사용자 테스트
UX 디자인은 온라인 플랫폼이나 애플리케이션에서 고객과 함께 앉아 특정 기능에 대한 의견을 정기적으로 요구하는 것보다 훨씬 다양합니다.
실제로 평가 프로세스에는 고객을 위해 설계된 작업을 수행 할 수있는 고객의 능력을 모니터링하는 과정이 포함되어야합니다. 이런 식으로 그들은 자신의 사용자 경험에 대한 편집되지 않은 응답을 제공 할 수 있습니다.
이러한 유형의 평가의 경우 고객 평가, 개별 평가 및 시험 참가자 선택의 수는 주로 제품을 만드는 초기 단계에서이를 수행하는 데 얼마나 많은 돈을 투자 할 것인지에 달려 있습니다.
다행히 고객 중심 테스트는 실제로 온라인에서 제품과의 사용자 상호 작용을 관찰하는 것만 큼 신뢰할 수 있고 간단합니다.
"사람"의 정의와 창조
"개인"이라는 용어는 가상의 캐릭터를 의미하는 데 사용되며, 이는 제품을 개발하는 사용자 범주 중 하나입니다. 이러한 유형의 성격 평가는 물론 적절한 경우 신중한 연구의 대상이 될 수 있습니다.
비록 그러한 활동이 등장 인물을 만들어 내고 싶은 유혹을 느끼지만,“사람”이 실제 사용자에 대한 통계에 근거하지 않는다면 불행히도 쓸모가 없습니다. 비즈니스와 관련이없는 캐릭터를 만드는 것도 별 차이가 없습니다.
캐릭터를 만드는 가장 좋은 방법은 사용자 테스트, 설문 조사, 설문지, 포커스 그룹 및 기타 방법과 같은 다양한 유형의 연구를 사용하는 것입니다.
자신을 UX 디자이너라고 부를 수없는 경우
전략을 세우는 데 도움이되는 사람들과 교류하는 방법을 배우지 않으면 진정한 자격을 갖춘 UX 디자이너가 될 수 없습니다.
이 직업의 이름에는 "사용자 경험"이라는 문구가 포함되어 있지만 사용자가 존재하지 않으면 활동에 가장 작은 가치가 없습니다. 사용자의 실제 요구에 대한 데이터를 고려하지 않고 흥미로운 아이디어 이상의 것을 기반으로 디자인을 만들면 UX 디자이너가 아닙니다.
대상 고객을 결정할 수없는 UX 전문가에 대해서도 마찬가지입니다. 온라인 플랫폼이 모든 사람과 모든 사람에게 이상적이라고 생각하면 작업을 불가능하게 할뿐만 아니라 웹 디자인의 진정한 원칙을 무시해야합니다. 대상 독자는 항상 있어야합니다.
또 다른 단점은 문제가 실제로 존재하는지 확인한 다음 원인을 찾는 대신 문제를 즉시 해결하는 것입니다.
만약 당신의 상사가 온라인 플랫폼을 설계하라고 요구하고 왜 당신이 이것을해야하는지 묻지 않는다면, 당신은 UX 전문가가 아닌 평범한 (그리고 반드시 재능있는) 웹 디자이너 일 것입니다.
개인적인 경험만을 바탕으로 의사 결정을하는 것도 나쁜 생각입니다. 상사가“마지막 여론 조사에서 다른 대체 피드백 옵션 대신 태그 필드를 사용하기로 결정한 이유는 무엇입니까?”라고 물으면 단순히 "좋아하기 때문에 선택했습니다." 이것은 UX 디자인에서는 작동하지 않습니다.
성공적이고 자격을 갖춘 UX 디자이너가 되려면 고객 인터뷰, 유용성 테스트 종료, 사람 만들기, 상황 평가, 개념 모델, 사이트 맵, 제품 프로토 타입, 와이어 프레임, A / V 등급 등의 모든 디자인 도구를 사용하는 것이 매우 중요합니다. .
자격을 갖춘 UX 디자이너의 경우 대상 고객의 기능을 찾아야 할뿐만 아니라이 정보를 팀에 보여줄 수 있어야합니다.
제품은 항상 진화해야합니다
당연하게 여겨야 할 첫 번째 일은 제품이 실제로 완성되지 않을 것입니다. 또한 제품은 본질적 가치 측면에서만 고려되어서는 안되며 개발에 필요한 방법도 중요하기 때문입니다.
많은 UX 전문가의 경우 엄격한 프레임 워크를 유지하거나 계획을 따르는 것이 어려울 수 있지만 대부분의 회사는이 경로를 준수합니다. 그러나 일정하게 유지되는 유일한 것은 변화이며 항상 그렇습니다.
제품을 설계하려는 경우 생산에 필요한 방법을 개선하고 최종 결과를 지속적으로 개선해야합니다.
실제로, UX 디자이너는 학습 한 내용과 향후 작업에 적용하는 방법을 찾기 위해 과거 프로젝트 (성공 및 실패)를 정기적으로 되돌아 보는 것이 유용 할 수 있습니다.
시리즈의 새로운 기사를 소개합니다. 이주기에서는 제품의 모양과 논리를 일치시키는 전문가 인 UX / UI 디자이너의 위치를 \u200b\u200b고려합니다.
UX / UI 디자이너 -사용자 인터페이스를 디자인하는 전문가.
전형적인 작업 일 다음을 포함합니다 :
- 우선 순위 작업 (디자인, 렌더링) 작업;
- 고객과의 커뮤니케이션;
- 편집하기.
장점과 단점
이 직업은 약속과 시장 수요뿐만 아니라 세상을 더 나은 곳으로 만들 수있는 기회를 갖도록 설계자를 유혹합니다.
“저는 많은 청중의 문제를 해결하거나 최소한 콘텐츠를 인식하는 프로세스를 더 즐겁고 재미있게 만들 수 있다고 생각합니다. 사람들을 둘러보고 실제로 필요한 것을 이해 한 다음 구현 방법을 알아내는 것이 흥미 롭습니다.”
“이 분야는 디자이너의 올바른 결정이 특정 제품이나 프로젝트를 개발하는 사람들의 삶의 질을 크게 단순화하고 향상시킬 수 있다는 점에서 매우 흥미 롭습니다. 또한 전 세계의 다양한 유형의 비즈니스에 대해 많은 것을 배울 수 있으며, 이는 자신의 사업을 시작하고 더 세계를 바라 보는 데 유용 할 수 있습니다.”
“개인적으로 어리석은 응용 프로그램, 엘리베이터의 불편한 버튼 레이아웃, 잘못 생각한 자동차 인테리어에 열광하고 있습니다. 나는 그것을 개선 할 수있는 일을하고 싶습니다. 이 세상은 아주 불완전합니다 (자연이 아니라 모든 것이 완벽하고 균형을 이룹니다). 항상 지능적인 디자이너를위한 작업이있을 것입니다.”
“시스템 관리자 프로그래머로 공부했지만 Photoshop에서 무언가를하는 것이 항상 흥미로 웠습니다. 이전에는 자습서, 비디오 자습서 및 기사가 많지 않았으므로 입력하여 대부분의 기능을 마스터했습니다. 나중에 Illustrator를 사용하기로 결정했는데 Photoshop보다 훨씬 복잡했지만 벡터를 만드는 데 좋습니다. 나는 새롭고 유용하고 아름다운 것을 만들고 싶습니다. 결과를 개선하고보고 싶습니다. 디자인 분야에서는이 모든 작업을 수행 할 수 있습니다. 트렌드가 어떻게 변하고 새로운 프로그램과 기능이 나타나는지 흥미 롭습니다. 항상이 모든 것을 따르고 끊임없이 개발해야합니다.
“유망한 분야이기 때문에 UX / UI 디자인이 마음에 듭니다. 기술은 빠르게 발전하고 있으며 하나의 인터페이스는 새로운 인터페이스로 대체되고 있으며 모든 인터페이스를 설계해야합니다. 여기에서는 인터페이스가 아름답게 보일지 여부뿐만 아니라 인터페이스의 편리함 및 사람의 문제를 해결하는 방법에 대해 생각할 수 있습니다 (올바른 카페를 찾거나 콘서트 티켓을 주문하거나 좋아하는 요리를 준비하는 데 도움이 됨) . 의료 기기에서 자동차에 이르기까지 모든 인터페이스가 있습니다. 자동차가 날 때 누군가와의 인터페이스의 상호 작용을 통해 누군가가 생각해야합니다. UX / UI 디자이너가 될 것입니다.”
또 다른 장점은 프리랜서로 다양한 프로젝트를 원격으로 수행 할 수 있다는 것입니다 (모든 디자이너의 20 %).
마이너스 중 설계자들은 자신이 원하는 것을 모르는 고객과 전문적인 의사 소통을하고 IT 직원의 평가를 낮 춥니 다.
“80-90 %의 경우 TK없이 다음과 같은 요구 사항을 충족해야합니다.“매우 아름답고 구성 가능한 구성”
“저는 직업 부족이 우크라이나의 디자인 및 디자이너와 관련이 있다고 생각합니다. 어떤 이유로 든, 모든 사람들은 한 번 Photoshop을 열면 자동으로 디자이너가되어 디자인에 얼마나 많은 시간을 할애할지 스스로 결정할 수 있습니다. 특히 경험이 부족한 관리자와 프로그래머들 (이민자들 중 한 명은 Paint에서 30 분 안에 그 일을했다고 주장했지만 예술을 할 시간은 없다고 주장했다)은 경험이있다”고 말했다.
“장점은 심각한 학교가없고 시장에서 유능한 프로세스와 방법론에 대한 이해가 부족하다는 것입니다. 아웃소싱은 결과를 추적하고 자신의 모범 사례를 구축 할 수 없다는 것입니다. 이 제품에는 스타트 업을위한 성숙하고 완전한 혼돈을위한 단조 로움이 있습니다.”
"모든 IT와 마찬가지로 단점은 앉아있는 일이며 시력을 잃고 때로는 백인 #ffffff를 더 희게 해야하는 고객 :)"
어떻게되고 어디로 나아가 야 하는가
UI 측면에서 첫 번째 및 주요 기술은 그래픽 편집기를 마스터하는 것입니다. 가장 많이 사용되는 도구는 Adobe Photoshop, Sketch, Principle, Adobe Illustrator, After Effects입니다. 시작하려면 모바일 애플리케이션 또는 사이트의 스크린 샷을 다시 그려보십시오. 그러나 (복사해야 할지라도) 복사하는 것뿐만 아니라 불편을 느끼고 더 나은 방법에 대한 해결책을 제시하십시오.
또한 색상 이론, 타이포그래피, 구성, 현장 인체 공학 (인터페이스 사용성 원칙), 마케팅, 비즈니스 분석, 심리학의 기본 사항을 이해하는 것이 중요합니다. 개발자와의 효과적인 커뮤니케이션을 위해서는 레이아웃 기술 (HTML / CSS)과 JavaScript 및 프레임 워크에 대한 기본 지식이 유용합니다.
Nielsen Norman, Alan Cooper, Jeff Raskin, Steve Krug, Alistair Coburn이 저술 한 책을 읽고 방법론에 익숙해지면 UX 공부를 시작할 수 있습니다. 더 많은 응용 문헌은 Leah Buley의 One of User Experience Team : Research and Design Survival Guide입니다.
“현대 세계에는 많은 시행 기회가 있습니다. 나는 Coursera, Udemy, Edx와 같은 플랫폼에서 온라인 코스를 구매하고 계속 구매합니다. 저는 Adobe, Google의 온라인 회의를보고 기술 문헌을 읽으며 Awwwards의 Behance에있는 Dribbble의 작업을 분석합니다.”
“UX / UI 디자이너는 사용자 인터페이스의 고전을 배워야합니다.“Steve Krug의“나를 생각하지 마라”,“Norman의 Design of Familiar Things”는 Luc Wroblewski가 읽었습니다. 끊임없이 연습하고 사용자 대신 자신을 배치해야합니다. 실수를 지적하고 조언을 제공하며 성장을 촉진 할 멘토를 찾으십시오.”
다양한 영어 플랫폼에서 프리랜서로 경력을 시작할 수 있으며, Dev Challenge와 같은 챔피언십에서의 기술을 테스트하는 것도 유용합니다. 이것은 포트폴리오를 구축하는 데 도움이 될 것입니다.
UX 및 UI 기술 및 역량 ()
개인적인 자질의 중요성 :
- 인내;
- 고집;
- 창의적 사고;
- 완벽주의;
- 배우고 발전시키려는 욕구;
- 비판을들을 수있는 능력.
“인터페이스를 디자인하는 사람은 엔지니어입니다. 그는 강력한 분석적 사고력을 갖고 공감 능력이 뛰어나고 사물의 본질을 침투 할 수있는 능력이 있어야합니다. 물론 여전히 실용적인 기술이 있습니다-이것은 다양한 기술과 도구를 소유하고 있지만, 원칙적으로 사람은 본질적으로 엔지니어가되어야합니다. 열심히 공부하고 디자인 (구성, 색상 과학, 타이포그래피) 및 심리학 (사람이 어떻게 선택하고 어떻게 뇌가 작동하는지 이해해야 함)에 관한 책과 기사를 읽고 강의와 워크샵에 많이 들어가는 것도 어렵지 않습니다. 연습 "
가능한 경력 경로 UX / UI 디자이너 :
- 디자이너로서 개선하고 비율을 높이십시오 (프리랜서 인 경우).
- 제품 디자이너, VR 디자이너, VFX 디자이너, 게임 디자이너로 발전하는 관련 분야를 마스터하기 위해;
- 아트 디렉터 (디자인 책임자)의 직책으로 성장하십시오.
- 디자인에서 제품 관리로 전환하려는 것처럼 개발하십시오.
- 사람들을 조정하는 것이 재미 있다면;
- 기술적 측면이 더 흥미로운지를 다루기 위해;
- 프로그래밍을 마스터하고 UI 개발자가 되십시오.
- 마케팅이나 자신을보십시오.
“기술은 매우 빠르게 발전하고 있으며 항상 새로운 것이 나타나고 모든 것이 고유 한 디자인이 필요하며 자체 요구 사항과 기능이 있습니다. 그리고 우리 디자이너들은이 모든 것이 더 좋고 아름답고 편리해 지도록 도울 것입니다. :) "
율리아 본다 렌코 (Yulia Bondarenko), 맥심 팔리보다 (Maxim Palivoda), 마리나 포포비치 코 (Marina Popovichenko) 및 DOU에게 기사 작성에 도움을 준 입장에 대해 말한 25 명의 다른 우크라이나 디자이너들에게 감사한다. 이 기사의 인용은 그들의 이야기에서 발췌 한 것입니다.
디자인 분야에서 발전하고 싶다면 물론 기술을 끊임없이 변화시키고 트렌드를 인식하고 현대적인 디자인 요구 사항과 특수 용어를 알아야합니다. 그러한 용어 중 하나는 UX / UI 디자인입니다.
실제로 2 년 전에 어떤 종류의“주”와“우”를 찾아야했을 때, 나는 그것이 무엇인지 그리고 그것이 어떻게 다른지 이해하기 전에 깊이 파고 들었습니다. 이것에 대해 많은 것이 쓰여졌으며 동시에 분명하지는 않습니다. 그러므로 저는이 개념들을 함께 이해하도록 제안합니다.
UX부터 시작하겠습니다. UX는 다음의 약어입니다. 사용자 경험문자 그대로 "사용자 경험"으로 번역됩니다. 사이트와 같은 UX 디자인이 생각되는 정도에 따라 사용자가 필요한 정보를 검색하거나 상호 작용하는 것이 더 편리합니다. 즉, UX 디자인의 임무는 도구 또는 리소스의 기능 및 편의성 문제를 해결하는 것입니다.
그런데이 개념은 IT 분야뿐만 아니라 다른 분야에도 적용됩니다. 볼펜의 UX 디자인은 글씨 쓰기의 정도, 글쓰기의 양이 충분한 지, 올바른 필기체를 형성하는 데 도움이되는지, 운송하기에 편리한 지, 보호 캡 또는 자동으로 사용되는지 등입니다. 동시에 사용자가 이해하는 한 중요합니다.
사용자는 편안해야하며 모든 것이 명확해야합니다 UI 디자인은이 경우에 대한 약어입니다. 사용자 인터페이스다시 말 그대로- "사용자 인터페이스". 이 유형의 디자인은 요소의 색상, 모양, 크기 및 배열, 이름 및 글꼴 크기를 결정합니다. 즉, UI는 시각적 구성 요소이며 원하는 경우 사이트 또는 제품의 특정 요소를 강조하고 강조하는 작업입니다. 즉, 제품이나 자원을 즐겁게 사용하고 직관적으로 사용하기 편리하게 만드는 것입니다. 예를 들어, 텍스트의 인식은 텍스트가 단락, 글꼴 크기 및 유형, 제목 및 그림의 존재 여부 및 텍스트 주위의 공간으로 구분되는 방식에 따라 다릅니다.
UX와 UI 디자인의 차이점
이 두 개념의 명백한 유사성으로 인해 서로 다른 기능을 수행하면서도 거의 모든 프로젝트의 필수 요소입니다. 이러한 유형의 디자인 유형 간의 차이점을 더 잘 이해하려면 Yandex 검색 결과를 예로 들어 보겠습니다.
내부 구조, 계층 구조, 수많은 추가 서비스 ( 곧장, 측정 항목, 워드 스타트 등등) UX입니다. 그러나 예를 들어 이미 클릭 한 링크가 다른 색상으로 강조 표시되어 있다는 사실이 UI입니다. UI는 또한 사이트에 깨끗한 흰색 배경이 있고 검색 결과의 결과 사이에 들여 쓰기가 가능하며 편안한 인식, 파비콘 및 사이트 오른쪽 상단 모서리에 언제든지 메일을 보낼 수있는 충분한 기능을 제공합니다.
UX 디자이너 사용자가 자신의 기대를 충족시키기 위해 시스템과 상호 작용하는 방법을 생각합니다. UI 디자이너 아이콘, 그림, 글꼴, 색상 구성, 일반적인 인식 편의성 등 모양에 대해 생각합니다. 그리고 종종 같은 사람 이이 작업에 참여하므로 UI와 UX는 종종 디자이너를 통해 /를 통해 작성됩니다.
개념은 다르지만 유사점은 사용자 편의를 제공하는 것입니다.
적용 분야
위에서 언급했듯이 UI 및 UX라는 용어는 IT 분야에만 적용되는 것은 아닙니다. 실제로, 그들은 첫 번째 제품이 만들어 지 자마자 나타났습니다. 아주 오랜 시간입니다. 예를 들어, UX 디자인의 첫 번째 혁신 중 하나를 고려할 수 있습니다. 바퀴.
최근에 등장한 용어, 철자법 및 범위의 유사점은 종종 오해의 소지가 있습니다. 내 블로그의 일부로 개발 관련 주제에 더 집중할 것입니다 웹 인터페이스 및 상업 디자인.
UX / UI 디자인 문제를 이해하려면 교재 나 기사를 한 번 읽고 기본 사항을 이해하고 몇 가지 프로젝트를 완료하는 것만으로는 충분하지 않습니다. 웹 디자인 분야는 거의 매일 변화하고 있으며, 따라서 요구 사항과 사실은 " 어제"트렌드 한 추세" 오늘"더 이상 엉망이 아닙니다.
올바른 디자인이 있는지 이해하는 방법
우리가 판매하는 작업에 대해 이야기하고 있다면 UX 디자인의 "정확성"은 A / B 테스트 또는 포커스 그룹. 이를 통해 사용자 친화적이고 직관적이며 사용자 친화적 인 인터페이스를 확인할 수 있습니다. 예를 들어, 포커스 그룹의 모든 구성원은 사이트에서 특정 섹션을 찾거나 등록해야합니다. 그것이 얼마나 빨리 대처하고 UX 디자인의 품질에 대해 말합니다.
이 경우 UI 디자인 개념은 종종 사용자의 소문과 취향에 달려 있기 때문에 더 주관적입니다. 그리고 아름다운 사람이 다른 사람의 눈을 아프게합니다. 그럼에도 불구하고, 디지털 제품 디자인에 관련된 모든 사람들이 따라야 할 일반적인 권장 사항 (블록의 명확한 배열, 배경과 대비되는 텍스트, 클릭 가능한 요소 강조 또는 강조 등)이 있습니다.
의견 쓰기 아래는 내가 공개 할 수 있었는지 여부에 대한 귀하의 의견입니다.
유능한 접근 방식의 사용자 인터페이스 개발은 사용자와의 상호 작용을 최적화하기 위해 가능한 한 매력적이고 편리하게 만드는 방식으로 구축됩니다.
모든 프로젝트에서 웹 인터페이스 개발자는 사용자에게 친숙한 인터페이스를 만들어야합니다. 그러나 이것은 언뜻보기에는 항상 간단한 작업이 아니며 때로는 약간의 디자인 경험이 필요하지 않습니다. 여기서의 주요 요구 사항은 편의성, 실용성 및 직관적입니다. 이 시점에서 UX 및 UI 디자인과 같은 개념이 작동하여 혼동되기도합니다. 우리는 각각을 개별적으로 고려하고 핵심 사항을 결정합니다.
UX 디자인
사용자 경험 디자인번역 된 수단 "상호 작용의 경험" 정보 아키텍처, 인터랙션 디자인, 그래픽 디자인 및 컨텐츠 등 다양한 UX 구성 요소를 포함합니다.
일반적으로 UX 디자인은 웹 사이트, 모바일 응용 프로그램 또는 기타 프로그램 등 인터페이스와의 사용자 상호 작용에 대한 통합 된 접근 방식을 의미합니다. 이 일을하는 사람은 UX 디자이너(최근 몇 년 동안 UX-architect, UX-engineer 또는 전략가의 이름을들을 수 있습니다.이 문맥에서 "design"이라는 단어는 실제로이 단어의 의미로 이해하는 데 사용 된 단어보다 더 많은 단어이기 때문에)-인터페이스를 개발할 때 가능하면 사용자 환경과 전자 장치 유형에서 시작하여 정보를 입력하고 표시하는 방법으로 끝나는 모든 작은 사항을 고려해야합니다.
간단한 예 : 검색 엔진의 첫 번째 줄에 리소스를 홍보하기 위해 엄청난 양의 돈을 투자했지만 그 편리함이 많이 필요하다고 가정 해 봅시다. 이 경우 인상적인 수의 사용자가 사이트를 떠나기 만하면 그 영향이 최소화됩니다. 그렇기 때문에 자원 방문자의 행동을 지속적으로 분석하고 사이트를 개선하며 현재 동향을 모니터링해야합니다.
UX 디자인으로 해결 된 주요 문제 :
- 목표와 목표 설정-궁극적으로 무엇을 달성해야합니까?
- 목표를 달성하기위한 적합한 UX 도구 선택
- 대상 독자가 가장 편리하고 이해하기 쉬운 제품 개발
- 최종 결과 분석-제품이 고객의 기대치를 충족시키는 지 여부와 사용자 만족도가 얼마나 높은지.
이 단계에서 제품의 팬으로 구성된 군대를 만드는 것은 모든 세부 사항에 대한 유능한 생각입니다. 여기에 생생한 예가 있습니다. Apple은 그러한 길을 걸어 수천만 명이 마음을 얻었습니다.
UI 디자인
사용자 인터페이스 디자인 또는 사용자 인터페이스-이것은보다 좁은 개념으로, 그래픽으로 설계된 특정 기술 요소 (버튼, 확인란, 선택기 및 기타 필드)를 포함합니다. 이 작업은 사용자가 프로그램 / 사이트와의 상호 작용을 구성하는 데 도움이됩니다. 오늘은 uI 디자인 규칙:
- 인터페이스 요소 구성 이는 논리적으로 구성되고 상호 연결되어 있어야 함을 의미합니다.
- 인터페이스 요소 그룹화 논리적으로 관련된 요소 그룹 (메뉴, 양식)으로 통합되는 것을 의미합니다.
- 인터페이스 요소 정렬. 잘못 정렬 된 인터페이스가 누군가에게 편리 할 수 \u200b\u200b있다고 상상하기 어렵습니다!
- 통합 스타일의 인터페이스 요소.스타일 디자인은 사용자의 메모리에 저장되어 있기 때문에 중요한 역할을합니다.
- 여유 공간의 가용성.이를 통해 정보 블록을 구분하여 한 가지에 집중할 수 있습니다.
모든 규칙에 따라 개발 된 사용자 인터페이스는 리소스의 효율성을 크게 높이고 경쟁 우위를 제공합니다.
정보 아키텍처 (IA)
나는 몇 마디 말하고 싶다 정보 아키텍처 (IA). 활동은 기술 또는 시스템 규칙이 아니라 사용자의 관점에서 구성되는 정보의 양, 즉 데이터 구성에 중점을 둡니다. 페이지의 요소 배치, 페이지 자체의 연결을 결정합니다. IA의 역량은 메뉴와 탐색 및 유능한 구현과 비슷합니다.
요약하면, 다른 소스에서 UX 디자인은 다른 것을 의미하지만 일반적으로 기사에서 설명하는 제품에서 작동한다는 것을 의미합니다. UX는 무엇을 의미합니까?
