안녕하세요. 이동규(LiveDK)입니다.

이번 팁은 어플리케이션상의 로그인 과정에서 일어날 수 있는 UX에 대해 이야기 해보려고 합니다. 그림1은 일반적인 로그인 UI입니다. 두개의 TextBox와 하나의 로그인버튼으로 이루어 져 있습니다. ID, PW를 입력하게 되면 터치 키보드가 아래에서 튀어 나오게 됩니다. 그림2를 살펴보면 패스워드 입력후 튀어나온 키보드로 인해 로그인 버튼을 가려 버렸습니다.

그림1. 일반적 로그인화면

그림2. 키보드로 가려진 로그인버튼

다시 로그인 버튼을 누르기 위해서는 배경(컨트롤이 없는 부분)을 클릭하여 키보드를 아래로 집어 넣어야 합니다. 터치를 한번더 해야 로그인을 할 수 있게 됩니다. Windows Phone 에서는 이러한 사용자 경험을 항샹 시켜 줄 수 있는 특별한 컨트롤이 존재 합니다. 바로...

Application Bar

그림3,그림4 와 같이 Application Bar는 화면의 하단에 위치하며 버튼 및 매뉴등을 추가 할 수 있습니다.

그림3. Application Bar

그림4. Application Bar 메뉴

그림3은 로그인 버튼을 과감히 없애고 Application Bar를 설치 하였습니다. 이렇게 하면 그림2에서 처럼 TextBox 를 클릭하여 키보드가 뜨더라도 아래 그림5 처럼 버튼을 유지할 수 있습니다.

 

그림5. Application Bar 활용한 로그인 최종화면

 로그인 과정에서 로그인 버튼을 화면에 박아버리면 키보드로 인해 사용자 경험이 떨어 질 수 있습니다. 하지만 Windows Phone의 Application Bar 를 적절히 활용한다면 불필요한 클릭을 줄여 좀 더 사용자 경험을 향상시킬 수 있을 것입니다.

다음 포스팅에서는 Application Bar를 실제로 어떻게 만들고 활용하는지에 대해서 알아보겠습니다.

참고자료
The Windows Phone Developer Blog - http://bit.ly/dCh17Q
Posted by LiveDK

댓글을 달아 주세요

안녕하세요. 이동규(LiveDK)입니다.

지난번 Windows Phone Developer Tools 업데이트에 소개드렸던([News] Windows Phone Developer Tools (January 2011 Update)) 기능중 새로 추가된 Copy and Paste 기능에 대한 팁을 하나 알려드리고자 합니다. 기존의 Copy and Paste 기능을 사용하다 보면 아래 그림1에서 보듯이 Paste 후 Paste버튼이 사리지는 것을 볼 수 있습니다.

그림1. Paste 버튼이 사라짐


만약 어떠한 단어를 복사후 여러곳에 붙여 넣기 하길 원한다면 매번 그 단어를 선택하여 복사버튼을 누른후 붙여넣기 해야 합니다. 하지만 이렇게 단순한 Copy and Paste기능을 Microsoft에서 만들리가 없겠죠!

그림2 드레그를 통한 Paste 버튼 활성화


그림2와 같이 없어진 Paste 버튼부분을 오른쪽으로 드레그 하시면 이전에 복사한 단어를 다시 붙여 넣기 할 수 있습니다.
이상으로 간단한 Copy and Paste 팁을 마칩니다.
 

Posted by LiveDK

댓글을 달아 주세요