사용자 경험을 향상시키는 것은 작은 것들입니다!

오늘은 여기 인디애나 폴리스에있는 젊은 마케팅 및 전자 상거래 소프트웨어 회사의 기술 이사로 새로운 직책을 맡은 첫 날이었습니다. 후원자. 오늘 소프트웨어를 검토하고 새로운 통합을 지원하면서 응용 프로그램의 정교함에 고무되었습니다. 우리의 응용 프로그램은 온라인 주문을 여러 POS 시스템.

저는 개발 팀과 협력하여 사용자 인터페이스를 완벽하게 사용자 정의 할 수 있도록 CSS 그리고 아마도 일부 AJAX. 반가운 소식은 이러한 변경 사항이 주로 응용 프로그램을 재 구축하고 재 구축 할 필요가없는 외관상의 변경이라는 것입니다. 대체로 애플리케이션은 두 가지 방법으로 개선 될 수 있다고 생각합니다. 첫 번째는 클라이언트의 상호 작용을 사용자 정의하는 기능이고 두 번째는 몇 가지 기본적인 '작은 것'을 구현하는 것입니다.

어젯밤 Paypal에서 일하다가 '작은 것'을 발견했습니다. Paypal 인터페이스에서 특정 링크에 마우스를 올려 놓으면 멋진 페이드 인 툴팁이 나타나고 마우스 아웃하면 페이드 아웃됩니다. 다음은 스크린 샷입니다.

Paypal에서 마우스 오버

종종 이러한 기술을 발견하면 더 많은 것을 알아 내기 위해 조금씩 파헤칩니다. 이 경우 Paypal이 단순히 야후! 사용자 인터페이스 라이브러리 툴팁을 작성합니다. 더 좋은 점은 단순히 (a) nchor 태그 내에 실제 제목의 메시지를 표시하는 것입니다. 이는 페이지가 정상적으로 개발되었지만 클래스가 추가되면 JavaScript가 나머지 작업을 처리했음을 의미합니다.

실제로 더 나은 사용자 경험을 제공하는 소프트웨어에 이와 같은 작은 악센트가 있습니다. 아마도 더 인상적인 것은 Paypal의 개발자가 '바퀴를 재발 명'하지 않고 좋은 라이브러리를 찾아 구현했다는 것입니다.

앞으로 몇 달 동안 애플리케이션의 사용자 경험을 개선하기 위해 이러한 기술과 기타 기술을 찾을 것입니다.

댓글 2

  1. 1

    안녕 더글라스

    와우, 야후의 UI 라이브러리가 오픈 소스이고 Sourceforge에 있다는 것을 몰랐습니다. 그것은 제가 가지고 놀아야 할 또 다른 새로운 장난감입니다. 🙂

    최근에 정말 멋진 추가 사용자 경험이라고 생각한 것은 새로운 Yahoo 웹 메일 베타로 전환했을 때 각 관련 항목에 맞춰 도구 설명이있는 매우 멋진 시각적 자습서로 처리되었습니다.

    이 코딩이 YUI 라이브러리의 일부인지는 모르겠지만, 그렇다면 전자 상거래 앱에 추가하는 것이 좋을 것입니다.

    건배

    닉 🙂

    • 2

      야후에는 엄청난 UI 구성 요소 컬렉션이 있습니다. 그리드 컨트롤을 확인하십시오. 놀랍습니다. 그리고 그들의 문서와 라이센스 계약을 읽으면 지원을 찾지 않는 한 모든 것이 있습니다.

      저는 변호사는 아니지만 ... 다시 확인하고 싶을 수도 있습니다!

당신은 어떻게 생각하십니까?

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.