[UXUI 사전캠프 3주차] 앱 서비스 선정, 회원가입 프로세스 분석.

 

저번 주에는 웹 사이트를 선정하여 분석해보고 클론을 제작하는 과정을 직접 해보았습니다.

이번 주에는 앱 서비스를 선정하여 분석해보고 이에 맞는 클론을 제작하는 과정을 해보려고 합니다.

오늘은 제가 선정한 앱 서비스를 소개해드리고 프로세스를 간단히 분석해보는 시간을 가져보도록 하겠습니다.

---

01 ㅣ  앱 서비스 선정

1. 선정한 이유와 서비스 소개

 저는 STOVE 앱을 선정하였습니다. Stove는 Smilegate의 자체 런처이며, 기본적으로 로스트아크, 테일즈러너 등 스마일게이트에서 개발 및 스마일게이트 메가포트가 퍼블리싱하는 온라인 및 모바일 게임을 서비스하고 있습니다.

 또한, 요즘 게임에서 자주 사용되는 OTP 인증번호를 앱에서 제공함으로써 간편히 보안인증을 거쳐 게임에 안전히 로그인 할 수 있도록 도와주고, 그 외 유저들의 게시판 혹은, 자회사의 다른 게임들을 소개하는 서비스까지 제공하고 있습니다.

 

02 ㅣ  UX/UI디자인 분석

 이 앱 서비스에서 회원가입 프로세스를 일단 보게 되면, 다른 어플들과는 달리 주로 OTP인증번호를 받기 위해 많이 사용되기 때문에 앱 실행 후 바로 로그인창이 띄워지게 만들어 놓았습니다.

 

1. Flow Chart

Stove 로그인,회원가입 FlowChart

 

 

2. 화면별 구성과 UXUI 분석

 

Stove의 로그인 화면입니다. Stove의 상징색인 주황색과 함께 요즘 트랜드인 깔끔한 디자인으로 구성되어 있습니다. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

오른쪽 화면은 SNS 로그인창의 화면입니다. 다른 어플들을 살펴보면 대부분 모든 SNS종류로 로그인 버튼을 밖으로 빼놓는 경우가 많은데, UI를 한 번 숨겨놓으니 로그인창도 더 깔끔하고, UI를 오픈하였을 때는 백그라운드를 어둡게 설정하고 플랫디자인의 아이콘을 배치함으로써 한눈에 어떤 SNS인지 알 수 있게 해놓은 점이 인상깊었습니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

왼쪽의 화면은 어플로 1회 로그인 후 볼 수 있는 간편로그인 화면입니다. 어플을 다운로드 한 후에 최초 1회 로그인을 완료하게 되면 그 후로는 간편하게 로그인할 수 있도록 UX디자인을 적용한 것을 볼 수 있습니다. 이는 게임 플레이 도중 OTP 인증번호를 받아야하는 경우들이 종종 있는데 재로그인해야하는 수고로움을 덜기 위한 방안으로 생각됩니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

03 ㅣ  개선 아이디어

 요즘 흔히 볼 수 있는 UX 디자인 중 다크모드가 추가되면 좋을 것 같습니다.