Articles

는 방법을 디자인하는 응용 프로그램을 궁극적인 가이드

알았는 평균적인 사람에서 우리에게 쓴 약 5 시간에 접착이 그들의 스마트폰에서나 이용할 수 있나요? 지의 메시지,사진을 게시 또는 게임—현재 디지털 시대에 우리가 살고 있는 사람들이 지속적으로 사용하는 앱입니다.

대규모 인기가 오는 거대한 경쟁 및 경쟁이 좋은 것(유리에 우리의 발가락을 만드는 모든 것이 조금 더 나은)입력하여 세계 어디 앱 나무에 성장할 수 있는 협박하는 아직 보상합니다.

경우 응용 프로그램을 구축하기로 결정했고,무언가를 설정하는 당신이 떨어져 경쟁에서 필수적인 부분입의 성공할 수 있습 사이의 차이를 서고 간단하게 만드는 최대의 숫자입니다. 그 무언가는 놀라운 앱 디자인입니다.

아름다운 인터페이스,눈에 띄는 단순하게,그리고 쉽게 탐색하는 3 가장 눈에 띄는 특징에서 사용한다. 당신이 원하는 사람들을 친구들에게 응용 프로그램에 대해 이해하고,그 목적이 있는 쉬운 시간을 탐색을 통해 그것의 확인하기 위해 뭔가를 그들은 계속 돌아가니다.

하지만 어떻게 훌륭한 앱 디자인을 만드나요?

우리의 궁극적인 가이드 앱을 디자인이 여기에 도움을 자세히 알아보도록 하겠습니다 프로세스의하는 방법을 디자인하는 응용 프로그램 우승자:

  • 시작
    • 의 목표를 설정 앱
    • 계획
    • 연구의 틈새 시장 및 경쟁자
  • 디자인과 개발을
    • 와이어프레임을 만들
    • 의 설계 응용 프로그램
      • 옵션에 대한 설계 응용 프로그램
      • 응용 프로그램 디자인 팁: 무엇을 찾기 위해 응용 프로그램 중인 디자인 프로세스
    • 피드백을 수집하고 당신의 디자인에
    • 의 응용 프로그램을 개발해
  • 테스트 및 출시
    • 응용 프로그램을 테스트로 포커스 그룹
    • 베타 버전을 출시
    • 앱을 실행

시작—

의 목표를 설정 앱

법안 iOS 응용 프로그램
에 의해 디자인 Googa

를 실행하기 전에는 키보드 펜과 종이는 이 시작하기 좋은 장소입니다. 앱을 디자인하는 이유와 성취하기 위해 설정 한 내용에 대해 생각해보십시오.

에 당신의 생각 캡을 넣어 다음 질문에 대한 답변을 적어:

  1. 앱의 기본 목표는 무엇입니까? 정확히 무엇을하고 싶습니까?
  2. 앱을 사용자에게 어떻게 호소 할 것입니까?당신은 무엇을 할 밖으로 설정? 사람들이 앱으로 해결할 수 있도록 돕고 싶은 문제는 무엇입니까?
  3. 왜 사람들은 경쟁사 중 하나 대신 앱을 사용하고 싶습니까? 어떻게 떨어져 자체를 설정합니까?

목표 설정이 중요한 앱 디자인이 아니라 인생의 교훈입니다! 앱에 대한 명확한 목표를 설정하고이를 적어두면 전체 프로세스를 통해 다시 돌아올 수있는 참조가 제공됩니다. 는지 잊어버린 경우 응답을 하나의 이 질문에 그들을 가지고,적어둔 것입니다 훌륭한 참조하는 트랙에 당신을 유지하는 과정에 대한 응용 프로그램의 세계를 지배.

계획을 세우십시오.

잠깐! 아직 컴퓨터에 도달 가지 마세요,당신은 연필과 종이로 완료되지 않습니다.

양식을 시각적으로 표현한 답변을 목표 설정을 질문하고 그들을 얻을 수 있다. 이미지를 통해 skillapp.니다.

생각에 대한 답변을 당신의 질문에 첫 번째 단계입니다. 이제 그 정보를 가지고 프로젝트 범위의 개요를 스케치하십시오. 이 단계에서 당신은 즐거운 시간을 보낼 수 있습으로 좀 더 깊이 설명을 업데이트할 수 있습니다려고 돈을 벌기(광고,응용 프로그램 구매,etc.),무엇이 당신을 필요로하고 스케치의 경로를 당신이 당신의 아이디어를,그리고 어떻게 당신을 얻을 것이다 그들 내에서 작동합니다.

의 생각이 무대를 그림 표시되도 지도 앱의 무엇을,그것의 기능은,대상 및 미니 단계별로 안내하는 방법 당신은 그것을 얻을 수 있습니다.

연구의 틈새 시장 및 경쟁자

네,그렇습니다,당신은 펜을 넣어 지금 내려와 돌을 world wide web.

AccountFeed web design
연구 시장을 더 나은 이해의 문제는 사람들이 얼굴과 어떻게를 해결할 수 있습니다. FaTiH 에 의해 디자인.

연구는 앱 디자인 과정에서 필수적인 단계입니다. 앱의 틈새 시장을 이해하고 자신이 무엇에 반대하는지에 대한 아이디어를 얻는 것이 중요합니다. 응용 프로그램의 세계는 매우 다양하고 경쟁력 있는 분야입니다,그래서 당신은 확실히지 확인하려면 귀하의 종류의 하나인 아이디어를 정확히입니다.

당신이 밖에 보이는 것에 겁 먹지 마십시오. 단지 때문에 많은 어플리케이션과 비슷하게 당신이 무슨 대한 의미하지 않는 당신이 될 수 없는 하나를 트니다. 연구하고 당신의 경쟁자가 당신을 보여줄 것이 무엇이 없는 자신의 애플리케이션에서,당신은 더 나은 아이디어를 무엇으로 통합하다.

리뷰에주의를 지불하려고-사용자가 현재 거기에 이미 애플 리케이션에 대해 무엇을 좋아합니까? 그들이 싫어하는 것은 무엇이며 어떻게이 문제를 해결할 수 있습니까? 이 단계에 참조할 수도 있습니다 다시 작성하고 스케치,노트를 수정할 수 있고 더하는 방법에 대한 아이디어를 얻는다.

리를 설계 및 개발하 앱

만드는 와이어프레임 앱

의 와이어프레임이 초안에 대한 앱의 시각됩니다. 당신은 귀하의 목표와 시각케 한 단계 더 나아가 만드는 기본”청사진은”어떻게 응용 프로그램입니 모습,그리고 어떻게 그것은 기능입니다. 이 할 수 있는 아주 단순히 종이 처음이지만,디지털 와이어프레임 것을 쉽게,특히 당신의 골격은 점점 더 복잡해지고 상세한 있습니다.

이 일을 어떻게 진행합니까? 당신의 와이어 프레임은 당신의 비전을 가지고 모바일 화면의 경계에 넣을 수있는 기회입니다. 걱정하지 마세요,아직 특정 디자인 선택을 할 필요가 없습니다. 이 단계는 앱의 워크 플로우와 전반적인 구조를 생각해내는 것입니다.

Axure iOS 플랫 와이어프레임 템플릿
의 와이어의 스케치는 아이디어 및 그들에게 디지털 화장을 한 단계 더 가까이하는 데 어떤 아이디어의 앱처럼 보이는 것의 손에 사용자에게 있습니다. UX/UI 랜드를 통한 이미지.

이전 단계에 도움을 줄 당신은 어떤 생각하는 앱을 만들려고 합니다. 귀하의 와이어는 더 상세하고 특정 개략의 일이 어떻게 작동하며 어떤 페이지와는 함수가 필요합니다.

가의 과다 사용하기 쉬운에 묻혀버릴 도구가 있을 만드는 데 사용할 수 있는 당신의 골격. 어느 것이 당신에게 가장 적합한 지 확인하고 앱 디자인에 생명을 불어 넣기 시작하십시오.

여기에 몇 가지 와이어 프레임에 사용할 수 있는 도구.

  • Axure
  • Pidoco
  • iPlotz
드 와이어프레임
의 예로는 와이어프레임에 대한 Uber app. 스케치 앱 소스를 통한 이미지.

일단 당신이 당신의 와이어프레임 뻗어있는,당신은 좋은 개요를 통해 어떤 페이지해야 합는 방법과 응용을 작동합니다.

을 테스트하는 경우에 당신의 골격체를 만들 수 있습한 클릭 모델 같은 도구를 사용하여 Invision. 이렇게하면 계획 한 화면을 통해 클릭 할 수있게되며 설정 한 탐색이 의미가 있는지 테스트하는 데 도움이됩니다.

동료 및 친구에게 와이어 프레임을 보여주고 앱의 구조 및 탐색에 대한 의견을 수집하십시오. 테스터가 직관적 인 것을 발견하고 모든 화면과 요소가 그들에게 의미가 있는지 확인하십시오.

발견하는 경우 그루터기에서 탐색 또는 정렬 화면 레이아웃,당신은 단순히 조정의 와이어프레임하고 다시 테스트합니다. 와이어 프레임에 만족할 때까지 계속 앞뒤로 움직입니다.

의 설계 응용 프로그램

화려한 최소한의 응용 프로그램 설계
응용 프로그램에 의해 디자인 Nashrulmalik

Now it’s 에 대해 생각하는 시간을 실제 디자인의 앱을 만들 좋은 사실적인 모형. 이것은 매우 중요한 단계이기 때문에 그것이 무엇이 영구적 인 인상을 남길 사용자에,너무 서두르지 말고 또는 인색하에 올 때 당신의 앱을 디자인합니다. 훌륭한 찾고,전문적이고,아름다운 디자인은 앱을 성난 성공으로 만들 수있는 것입니다.

어떤 색상,글꼴 및 디자인 요소 사용해야 한다는 것은 큰 결정은,그래서 우리는 이야기에 대해 더 많은 이 디자인에 팁이 있습니다.

그것은 당신의 응용 프로그램이 설계 얻는 방법을 결정에 올 때 당신은 몇 가지 다른 옵션을 가지고있다. 앱을 직접 디자인하는 것을 고려할 수도 있지만 그래픽 디자이너가 아니라면 권장하지 않을 것입니다. 전문가에게 의지하여 훌륭한 결과를 얻을 수 있는지 확인하는 것이 좋습니다.

과 함께 직접 작업 디자이너

이미 있는 경우의 비전은 무엇이 당신의 모습과 당신이 무엇을 원하고 필요로 하는 가장 쉬운 방법은 작업 디자이너와 1-to-1. 로컬 프리랜서를 고용하거나-아직 디자이너와의 연결이없는 경우-온라인으로 다른 디자이너 포트폴리오를 살펴볼 수 있습니다.

99 디자인 디자이너 검색 툴
탐색 디자이너와 99 디자인’디자이너 검색 툴

있는지 확인해 보면 디자이너의 작업으로 귀하의 비전에서 마을을 찾을 완벽하게 일치 측면에서의 기술과 스타일입니다.

응용 프로그램을 실행하고 디자인 콘테스트

99 디자인 앱을 디자인 간
시작하는 대회를 작성하여 간략하게 디자이너들은 당신이 필요합니다.

에 대해 잘 모르는 경우 무엇을 원하는 모양한 앱을 찾고 계신을 위한 제안,좋은 옵션은 응용 프로그램을 실행하는 디자인 대회입니다.

당신은 간단한 글을 쓰고 전 세계의 디자이너들이 그것을 읽고 앱에 대한 아이디어를 보냅니다. 디자인을 구체화하기 위해 피드백을 제공하고 궁극적으로 좋아하는 것을 승자로 선택할 수 있습니다.

앱 빌더 사용

또 다른 디자인 방법은 앱 빌더를 사용하는 것입니다. 와 같은 많은 웹 builder 응용 프로그램 빌더를 저장할 수 있는 조금의 돈에 비해 고용을 전 디자이너,그러나 당신이 필요하다보고 있는 구속으로 무엇을 할 수 있습니다. 복잡한 디자인을 원하고 특정 요구 사항이있는 경우 빌더의 깊이에서 벗어날 수 있음을 명심하십시오.

에서 이용할 기관

의 마지막 선택이 완벽한 패키지,어디 의지할 수 있고 다른 사람의 모든 것을 알아:에서 이용할 기관을 구축하는 처음부터 응용 프로그램을 포함한 디자인입니다. 프로젝트가 정말 복잡하고 다른 분야에서 많은 전문 지식이 필요한 경우 이는 훌륭한 선택입니다. 만들기 위해 노력을 기울이고 그들 중 일부는 따옴표를 얻을하고 아이디어들이 있는지 확인하기 위해에 적합한 당신이 무엇을 원하다. 이 것입니다 의심 할 여지없이 당신의 가장 비싼 옵션을,하지만 당신이 원하는 것을 끝내는 특정한 방법으로 자원을 가지고있게 일어날,그것은 힘든 옵션을 이길 수 있습니다.

옵션에 상관 없이,당신이 선택해야 피드백을 제공하고 눈을 유지하고 있는지 여부에 디자인이 실제로 맞는 귀하의 브랜드와 통신하는 스타일과 보고 가는 곳에서 시작합니다. 을 잃지 않의 목표를 설정 시작 부분에 반영하고 있는지 여부에 최종 디자인은 정말 당신이 원하는 무엇을 말하는 그것을 말한다.

응용 프로그램 디자인 팁:무엇을 위해 밖으로 보이는 동안 응용 프로그램 디자인 프로세스

여기에 몇 가지 중요한 팁을 유지할 때 마음에 그것을 디자인하는 응용 프로그램:

을 손쉽게 탐색할 수 있게 해주:

놀라운 응용 프로그램은 아무것도 없이 쉽게 탐색,그래서 디자인과 마음에 이것을 원활하고 즐거운 체험을 위해 사용자에게 있습니다.

안드로이드 앱을 디자인
때는 디자인,안드로이드에 대한 확인 서비 쉽게 찾을 수 있 완벽한 환경을 제공하기 위해 사용자를 위해. Viztek 을 통한 이미지.

보장 서비 또는 탭 바이 명확하게 표시합니다. 사용자가할 수 없 앱을 탐색할 수 있습니다면 그들은 어떻게 그렇게 하고,일을 계속 볼 수 있도록 그들이 갈 곳을 알고 있습니다. 사용자에게 익숙한 레이아웃을 고수해야하므로 앱을 탐색하는 방법을 직관적으로 알 수 있습니다.

또 다른 중요한 팁:손가락 친화적으로 만드십시오. 버튼과 링크가 너무 작아서 사람들이 손가락으로 클릭 할 수 없다면 앱을 탐색하는 데 어려움을 겪을 것입니다.

단순성을위한 디자인:

현대적인 모양을 위해 최소한의 것을 유지하고 공백을 관대하게 사용하십시오. 이를 통해 사용자는 가장 중요한 것에 집중할 수 있습니다. 다시 사용하는 친숙한 기호하고 문구를 유지하는 데 도움이 될 수 있습니다 그것은 간단하고 사용하기 쉽습니다.

디자인에 대한 단순 디자인으로 목표의 사용자 경험을 즐겁게하고 있습니다. 너무 많은 정보에 표시 화면에서 한 번 또는 단순히 너무 많은 일,그리고 귀하의 사용자가 될 가능성이 높은 압도하고 포기하는 앱입니다.

Suncorp Bank app design
Design by Sasha Radojevic.

선택 색 및 글꼴을 주의 깊:

색채 심리학 큰 영향을 미친,그래서 과소 평가하지 않아 그 효과가 있다. 마찬가지로,글꼴 선택은 앱의 모양과 느낌에 영향을 미칠 것입니다. 이러한 디자인 요소가 전달하는 숨겨진 의미에 대해 생각하고 신중하게 선택해야합니다. 또한 기억하십시오:일관되고 전문적인 모양을 위해 너무 많은 다른 색상과 글꼴을 혼합하고 싶지 않습니다.

이 있는 경우 브랜드의 지침을 특정한 색 및 글꼴을 확인,그들과 함께 붙 앱에서는 디자인,그래서 당신의 애플리케이션가의 브랜드입니다.

에 대해 생각 visual 계층구조 및 중량:

Visual 무게 및 크기의 영향을 서로 다른 화면에서 요소에 비해 다른 사람입니다. 시각적 인 무게를 사용하여 디자인의 가장 중요한 측면이 눈에 띄도록하십시오.

명확한 시각적 계층 도움이 될 것입니다 사용자는 오리엔테이션과 그래서인지 확인하는 계층을 설정하는 페이지와 하위 페이지뿐만 아니라 헤드 및 서브 헤드라인은 항상 일치한다.

일관성:

실리콘 밸리 뱅킹 시작 응용 프로그램 설계
디자인에 대한 일관성에서의 응용이 그것을 쉽게 인식 할 수있는 그것을 유지됩니다. Ozonestyle 의 디자인.

다음은 색상과 글꼴 및 기타 모든 디자인 요소가있는 것입니다. 이것은 다른 그래픽,탐색 및 귀하의 콘텐츠에도 적용됩니다.

앱각관(디자인 요소와 같은 색상 버튼 레이블)기능의 일관성을(당신이 유사한 기능을 통해 모든 요소)외부성(다른 모든 아울렛 등과 같은 웹사이트,자매 응용 프로그램과 비슷하게 표시 새로운 응용 프로그램).

앱 전체에서 일관성을 유지하면 전문적으로 보이게되며 사용자가 앱 및 브랜드와의 관계를 발전시킬 수 있습니다.

피드백을 수집하고 당신의 디자인에

이제 당신은 그림 완벽한 모형,시간의 통화에서 친구,가족,그리고 심지어 원수(이 있는 경우)과의 디자인을 테스트합니다. 렌더링된 클릭을 통해 모델을 만들이 쉽게 당신 테스터 실제 느낌의 앱처럼 될 것이다.이것이 완성 된 앱이 아니며 나중에 더 많은 테스트가있을 것이라는 점에 유의해야합니다. 이것은 본질적으로 레이아웃,탐색,모양 및 느낌을 테스트하는 반면 기능은 나중에 제공됩니다.

여행 계획을 세부 사항 응용 프로그램
두려워하지 말고 피크 어깨를 통해 당신의 샘플 동안들을 탐색합니다. 이를 통해 앱을 얼마나 쉽게 탐색하고 있는지 또는 다시 개최되는 위치를 확인할 수 있습니다. Subzero_에 의해 디자인.

더 많은 사람들이 당신을 얻을 샘플의 앱 디자인,더 많은 의견이 있고,따라서 더 좋은 생각이 무엇이 잘 작동하고 무엇을 개선이 필요합니다. 건설적 비판 여기에 귀하의 친구가 될 것입니다,그래서 두려워하지 않을 좀 더 깊이 파고와 샘플러 및 정확히 알아보십시 그들은 생각합니다. 너무 혼잡합니까? 너무 개성? 테스터가 가질 수있는 의견을 적어 두십시오.

가 있는 경우 렌더링한 클릭 모델,보의 어깨 너머의 샘플러(지 확인하고 당신의 숨은 좋고 신선한 첫 번째). 이것은 그들이 당신의 응용 프로그램을 탐색하는 방법을 표시하는 데 도움이 당신에게보기 소비자 경험의 포인트를 제공합니다.

일단 당신이 모든 의견이 당신이 필요하고 좋은 이해의 노력 무엇이 당신을 위해 무엇을 필요로 개선할 수 있습 돌아가에게 문의 디자이너들에게 필요한 조정을 수행합니다.

앱을 개발하게하십시오

이제 개발자 또는 개발 팀에 디자인을 넘겨 줄 시간입니다. 그들은 앱의 기능적 측면을 코딩하고 실제로해야 할 일을하는지 확인합니다. 가장 가능성이 그들 앞뒤로 갈 것입니다 당신과 당신의 디자이너 디자인을 조정하게 모든 것을 원활하게 작동하고 그 어떤 문제로 실행하는 동안 개발 과정이다.

그리고 voilà,당신은 지금 기능적인 응용 프로그램을 가지고! 모든 것이 시작될 때 결정한 앱의 목표를 다시 살펴보십시오. 당신이 해결된 일반적인 문제를 가져 즐거움을 가진 사람들이 재미를 만들거나,단순화된 사람들의 삶에서 어떤 방법이 있을까? 기회는 당신이 아마 가지고 있고,당신은 정말로 당신의 별의 디자인으로 그것을 못 박았습니다.

테스트 및 출시

응용 프로그램을 테스트로 포커스 그룹

일까지자
통화에서 샘플을 다시! 앱에 대한 최종 조정을 할 수 있도록 건설적인 비판에 개방하십시오. 디자인 Deniel Lalla

이제 우리가 완벽하게 작동하는 응용 프로그램을 넣어하는 테스트,그래서 당신이 원하는지 확인하기 위해 정확하게 당신이 그것을 설정하기 전에를 위해 놓습니다. 이 시점에서 앱의 모든 측면이 제대로 작동하고 시각적으로 매력적이어야합니다.

이전에 모형을 테스트하는 데 도움을 준 행복한 도우미를 기억하십니까? 그 녀석들에게 다시 전화 해. 그(것)들을 당신의 초점 그룹으로 만들고 당신의 app 를 가진 총 자유가 있으십시오.최종 결과를 결정하기 전에 할 수있는 모든 최종 피드백을 얻으려고합니다. 만약 당신이 작업 디자이너와 개발자,취 건설적 비판을 가지고 작업을 넣어 만들기에 최종 조정으로 완성된 제품입니다.

베타 버전을 출시

베타 테스트 방법을 실행하는 베타 버전의 앱에 그것을 사용할 수 있도록 초기-채택에 작은 규모입니다. 이 방법으로 라이브 환경에서 앱이 어떻게 실행되는지 확인하고 사용자가 해당 앱에 어떻게 반응하는지 확인할 수 있습니다.

TestFlight web design
TestFlight IOS 는 특정 프로그램을 제어하는 베타 테스트합니다. 여기에서 수집한 최종 피드백을 통해 앱에 마무리 터치를 적용할 수 있습니다. 센서 타워를 통한 이미지.

사용자에게 알려는 당신을 감사하겠 그들의 의견,그리고 그것을 사용할 것을 조절할 수 있는 기반으로 무엇을 보고 의견을받을 수 있습니다.

일단 당신이 당신이 필요로 하는 의견하고 명확한 분석 방법의 응용과 기능을 실제 환경에서,결승선에 나타납니다 그리고 당신이 준비하는 공개를 당신의 작품세계.

앱을 실행

마지막에,터널 끝에 빛! 좀 더 계획,테스트,설계 및 테스트했으며 앱이 선반에 부딪 칠 준비가되었습니다.

마자
응용 프로그램에 의해 디자인 Ljuba97

안드로이드가 필요 없을 검토하기 전에 당신은 당신의 응용 프로그램을 실행. 즉,앱 파일을 google Play 스토어에 업로드하기 만하면(베타와 마찬가지로)사람들이 즉시 앱 다운로드를 시작할 수 있습니다. IOS 는 라이브로 가기 전에 앱을 검토 할 것이라는 점에서 약간 다릅니다. 걱정하지 않지만,경우에 따라 우리의 궁극적인 가이드 및 행한 모든 것이 제대로,당신은 문제가 없습니다.이제 앱이 대중에게 제공되었으므로 거기서 멈추지 마십시오. 사용자에게 최상의 경험을 제공하기 위해 정기적으로 앱을 계속 개선하고 업데이트하십시오.

또한 다음 단계 인 마케팅의 중요성을 과소 평가하지 마십시오. 효과적으로 응용 프로그램을 마케팅 거기 밖으로 사용자의 휴대폰에 응용 프로그램을 얻을 도움이 될 것입니다. 새로운 모바일 앱을 마케팅하는 방법에 대한 몇 가지 직관적 인 아이디어를 살짝 보려면이 유용한 기사를 확인하십시오.

당신은 폭풍에 의해 응용 프로그램 세계를 취할 준비가 되셨습니까?-

앱은 오늘날의 비즈니스 세계에서 지배적 인 측면이며 이제는 실제로 머리를 돌릴 수있는 앱을 만들고 디자인 할 준비가되었습니다.앱 디자인 프로세스가 복잡해 보일 수도 있지만이 가이드를 따라 작은 관리 단계로 나누면 훨씬 쉬워집니다.

그래서,당신은 무엇을 기다리고 있는가? 디자인 모자를 쓰고 당신의 멋진 앱 아이디어를 현실로 만드십시오.

멋진 앱 디자인을 찾고 계십니까?
여기에서 프로젝트에 적합한 앱 디자이너를 찾을 수 있습니다.