Parseur 애플리케이션 버전 3을 프리뷰로 선보이게 되어 매우 기쁩니다! 이번 새 버전은 혁신적인 새로운 기능을 추가하지는 않았지만, 더욱 직관적이고 쾌적한 사용 경험을 제공하며 앞으로 성능 개선과 새 기능 출시를 위한 토대를 마련했습니다.
이 글에서는 이번에 달라진 점과 그 이유를 구체적으로 설명합니다. 새 디자인을 직접 경험해 보고 싶다면, 아래 버튼을 클릭해 바로 사용해보실 수도 있습니다.
Parseur 앱이란 무엇인가요?
Parseur는 여러 구성 요소로 구성됩니다.
이번 v3는 Parseur 앱의 전체 디자인을 새롭게 재구성했습니다. 이 앱에서 많은 사용자가 대부분의 시간을 보내기 때문에, 앱이 반드시 잘 작동해야 합니다.
Parseur 앱이 수행해야 할 가장 중요한 두 가지 역할은 다음과 같습니다.
- 신규 사용자가 쉽고 빠르게 시작할 수 있도록 하는 것. Parseur는 다양한 문서 처리 기능을 제공하지만, 모든 기능을 한 번에 익힐 필요는 없습니다. 앱은 기본 사용법을 친절히 안내하고, 고급 기능은 필요할 때만 노출합니다.
- 숙련된 사용자가 더욱 효율적으로 작업할 수 있도록 하는 것. 주요 기능에 익숙해진 후에는 자유롭게 문서 추출 과정을 최적화할 수 있습니다. 다른 만족한 고객들처럼 Parseur를 능숙하게 사용한다면, 앱이 걸림돌이 되지 않고 원하는 정보에 빠르게 접근할 수 있어야 합니다.
초보 사용자의 편의성과 파워유저의 생산성, 두 마리 토끼를 잡는 것은 많은 SaaS·소프트웨어 기업의 어려움이기도 합니다. 이번 새 버전이 균형을 더욱 잘 맞추었기를 기대합니다.
왜 Parseur 앱을 리디자인하게 되었나요?
먼저 고백하자면, 저는 전문 디자이너나 UI/UX 전문가가 아닙니다. Parseur는 저를 포함한 세 명이 공동 창업한 작은 회사입니다. 평소에는 React 프론트엔드 개발뿐 아니라 영업, 마케팅, 고객 지원, 경영까지 다양한 역할을 수행하고 있습니다.
제가 추구하는 디자인의 핵심은: 보기 좋고, 사용하기 편리하며, 잘 동작하고, 구현과 관리에 시간이 많이 들지 않아야 한다는 점입니다.
이제 Parseur 앱의 이야기로 들어가보겠습니다.
초기 개발 몇 달간 Parseur는 초록색 배경에 해적(네, 진짜 해적) 테마를 사용했고, Google의 Material Design을 채택했습니다. 그 시절 추억은 Parseur 창업 인터뷰에서 자세히 보실 수 있습니다.
2016년 말, 공식 런칭을 앞두고 해적 테마를 포기하고, Material Design 대신 Twitter Bootstrap 디자인을 도입했습니다. 해적 테마는 기업 B2B SaaS 서비스와 어울리지 않을 것이란 판단이었습니다(혹시 손해였나요?). Bootstrap을 고른 이유는 Material Design이 React와 결합된 구현도 초기 단계였고, Material UI 라이브러리 역시 미성숙해 원하는 대로 커스터마이즈가 어려웠기 때문입니다. Bootstrap은 더 안정적이고 빠르게 적용할 수 있었습니다. 최소한, 처음에는 말이죠.
몇 년이 지나며 Parseur는 점점 더 커지고 복잡해졌습니다. 새로운 기능이 추가되고, 조정되고, 오류가 수정됐습니다. 새 기능은 곧 새로운 페이지, 내비게이션, 폼, 체크박스, 드롭다운을 의미했습니다. 이에 맞춰 Bootstrap 프레임워크를 꾸준히 확장하고 수정해야 했죠. Bootstrap으로 빠르게 시작할 수 있었지만, 시간이 지날수록 우리 요구에 맞도록 조정하는 일이 점점 복잡해졌고 속도 역시 더뎌졌습니다.
다음 메이저 기능을 개발하며 저희는 디자인까지 모두 리뉴얼하기로 결정했습니다. 새 디자인은 사용자 경험을 개선하는 동시에, 앞으로의 기능 추가와 커스터마이징을 훨씬 수월하게 해줄 기반이 되어야 했습니다.
이제 기존 Bootstrap을 완전히 떠나 Tailwind CSS를 선택했습니다. Tailwind는 유틸리티-퍼스트 프레임워크로, 버튼이나 입력 필드의 스타일이 미리 정해져 있지 않아 원하는 대로 디자인할 수 있습니다. 개발 초기에 드는 시간은 더 많지만, Tailwind UI의 아이디어와 구성에서 큰 영감을 받았습니다.
2021년 7월 초부터 리빌드 작업을 시작하여 약 두 달간 꾸준히 진행했습니다. 저희는 오전 시간에는 고객지원, 미팅, 이메일, 기타 관리 업무를 마무리하고, 오후에는 집중적으로 UI 업그레이드를 진행하며 프로젝트를 효과적으로 관리했습니다. 7~8월은 전통적으로 Parseur 고객지원이 덜 바쁜 시즌이고, 저희가 있는 모리셔스는 겨울이기 때문에 해변이나 수영장이 그다지 매력적이지도 않았죠 😊.
그럼, 어떤 점들이 달라졌을까요?
Parseur v3의 새로운 점
새로운 디자인
기존 앱은 다소 오래된 느낌이 들었고, Bootstrap 특유의 분위기가 강하게 드러났습니다.
이제 메인 컬러는 "Parseur 블루"를 유지하되, 더 부드러운 파스텔톤 색상과 볼드한 타이포그래피를 적용해 현대적이고 깔끔한 인상을 줍니다.
페이지별 제목 스타일을 통일했고, 폼 디자인도 일관되게 바꿨으며, 모바일 사용성 역시 한층 더 개선됐습니다.
개선된 내비게이션
예전 앱에서는 상단 헤더, 메일박스나 계정 설정에서 좌측 메뉴, 하단 푸터가 사용됐습니다.
새 버전에서는 사이드 메뉴만 남기고, 본문 영역을 최대한 넓혔습니다. 좌측 메뉴도 접을 수 있어, 복잡한 템플릿 작업 시 더욱 넓은 작업 공간을 쓸 수 있습니다.
개선된 템플릿 에디터
템플릿 에디터는 Parseur 앱에서 가장 복잡하고 중요한 페이지로, 직접 템플릿을 관리하는 경우 대부분의 시간을 여기서 보내게 됩니다. 기능이 많아지면서 점점 복잡해졌지만, v3에서는 전반적으로 더 직관적이고 효율적으로 디자인됐습니다.
더 직관적인 탭
탭 구성을 아래와 같이 최적화했습니다:
- 기존 "Available"과 "Used" 탭을 하나의 "Fields" 탭으로 합쳐, 필드 작성 시 필요 없는 전환을 줄였습니다.
- 정적 필드는 항상 보이도록 변경. 예전에는 작은 삼각형 아이콘에 숨어 있어 찾기 어려웠고, 관련 문의도 많았습니다.
- 새로운 "설정" 탭을 추가, 자주 사용하지 않는 옵션(예: 템플릿 액션, 템플릿 비활성화 등)을 이곳에서 관리합니다.
- 주요 액션 버튼('New Field', 'New Table Field', 'Create template' 등)은 페이지 하단에 고정되어 언제든 빠르게 접근할 수 있습니다. 예전에는 필드가 많으면 맨 아래까지 스크롤해야 했습니다.
'Extra' 필드를 'Metadata' 필드로
'Extra' 명칭이 혼란스럽다는 피드백을 받아왔고, 여러 사용자분들의 이름 변경 제안에 따라 이번 v3에서는 'Metadata'로 변경되었습니다. 각 필드의 설명도 탭에서 바로 볼 수 있습니다.
에디터를 벗어날 때 확인 알림
저장하지 않은 변경사항이 있을 때 템플릿 에디터를 떠나려 하면, 경고 메시지가 표시됩니다. 실수로 작업 중이던 내용을 날리는 일을 방지합니다.
Zapier 연동 페이지 업그레이드
이전 Zapier 내보내기 화면은 저희가 별도로 구현하고 Zapier API와 연동하는 방식이었습니다.
새로운 디자인 작업과 함께 Zapier에서 공식적으로 임베디드 앱 디렉터리를 출시했습니다. 이 컴포넌트는 기존 것보다 디자인과 검색성이 뛰어나고, 새 UI와도 자연스럽게 어울립니다.
더욱 직관적인 검색 및 필터
검색/필터 폼이 더 작고 효율적으로 바뀌었으며, 입력 즉시 결과가 자동 반영됩니다. 문서 날짜 범위 필터도 개편되어, 오늘/어제/최근 7일/최근 30일 등 자주 찾는 범위를 바로 선택할 수 있습니다.
컨텍스트 기반 일괄 작업
문서 목록에서 자주 사용하지 않는 작업(재처리, 복사, 건너뛰기, 삭제 등)은 다중 선택시만 노출됩니다. 각 아이콘에 설명도 함께 보이도록 수정하여, 화면 상단 액션 리스트가 한결 심플해졌습니다.
기타 변화
이 외에도 다양한 변경점이 있습니다.
- 페이지 상단에 새로워진 로딩 프로그레스 표시
- 중요하지 않은 요소들을 줄여 각 페이지의 가독성을 향상
- 템플릿·문서·다운로드·계정 등 주요 아이콘 리뉴얼
- 앱의 전반적인 성능이 더욱 빨라짐
- 직접 경험해볼 만한 크고 작은 개선점들이 많이 추가되었습니다
앞으로의 계획
앞으로 몇 주간 v3를 프리뷰로 제공하며, 사용자 여러분의 피드백을 받아 모든 기능이 제대로 작동하는지 점검할 계획입니다. 그동안 v2 역시 계속 기본 버전으로 사용 가능합니다. v3가 완전히 안정적으로 동작하는 것이 확인되면, 기존 Parseur 앱 v2는 종료되고 v3가 공식 버전이 됩니다.
마지막 업데이트
