제가 활동하는 포럼이 vBulletin을 4에서 6으로 업그레이드했습니다.
오래된 기반[1] 위에 구축된 오래된 소프트웨어가 다음과 같은 “현대적” 기능을 구현할 수 있다는 사실에 감탄을 금할 수 없습니다:
- WYSIWYG 에디터
- 에디터에 이미지 직접 붙여넣기
- 모바일 뷰
- 실시간 DM(개인 메시지)
- 메시지 게시나 페이지네이션 사용 시 전체 페이지를 다시 로드하지 않음
- 작성 중인 메시지를 실시간으로 저장
- 다른 사용자의 메시지 중 일부를 빠르게 선택하고 인용
또한 Discourse가 많은 면에서 매끄럽고 무난한 경험을 만들어 주는 디테일에 얼마나 주의를 기울이고 있는지 역시 인상 깊었습니다.
vBulletin 6이 일부 기능을 어떻게 처리하는지, 반면 Discourse는 단순히 올바른 방식으로 처리하는 몇 가지 예시입니다:
-
에디터에 이미지를 붙여넣으면 JPG로 변환되지 않습니다. 따라서 이미지가 허용된 최대 크기보다 크면, 이미지를 다른 곳에 붙여넣고 JPG로 저장한 후 수동으로 업로드해야 합니다.
-
이미지 링크를 만들 때 사용자가 절대 사용하지 않을 10개 이상의 선택 필드/설정을 제공합니다[2]
-
DM은 주제(topic) 형태로 보거나, 외부 창에서 열어야 하는 실시간 업데이트되는 채팅 형태로 볼 수 있습니다 (왜 두 가지 옵션이 있을까요? 두 뷰의 장점을 결합하지 않는 이유는 무엇일까요?)
-
사진이나 다른 파일을 업로드했다가 에디터에서 제거하면, 파일은 여전히 메시지에 첨부된 상태로 남습니다. 메시지를 완전히 제거하려면 첨부 파일 메뉴에서 이미지를 제거해야 합니다.
-
메시지를 수정한 후 수정을 닫으면, 아무런 변경 사항이 없었더라도 항상 수정 내용이 손실될 것이라는 경고 팝업이 표시됩니다.
-
시간이 걸리는 작업(수 초까지 소요될 수 있음), 예를 들어 주제 목록에서 주제 제목에 마우스를 올렸을 때 주제 미리보기 표시하거나 메시지를 보내는 등의 작업은 Windows의 기본 포인터 커서를 파란색 “바쁨” 커서[3]로 변경합니다. 이 현상은 웹 페이지가 멈춘 프로세스로 인해 곧 충돌할 때 보통 발생하므로 매우 불쾌합니다
-
커스텀 테마를 만들기 위해 관리자 영역을 살펴볼 기회가 있었습니다. 결국에는 작동하긴 하지만, 그 경험은 정말 고통스러웠습니다. 사용 용이성 측면에서 Discourse에 비해 훨씬 뒤처져 있고, 인터페이스는 2000년대 그대로인[4] 과도하게 복잡한 구조입니다.
-
일반적인 주제 목록은 HTML 11,000줄입니다
. Discourse는 500줄을 출력합니다.
제 의견은 편향이 있을 수 있습니다. 저는 Discourse를 사랑합니다. vBulletin을 잘 알지 못합니다. vBulletin이 제공하는 모든 기능에 익숙하지도 않고 사용하지도 않습니다. 저는 파워 유저나 vBulletin 관리자가 아니지만, Discourse에 대해서는 전문가입니다 (정말 대담하네요).
아마도 vBulletin을 더 잘 알고, vBulletin에서 사용자나 관리자로서 무언가를 하려 할 때마다 "𝒯𝒽𝑒 𝒟𝒾𝓈𝒸𝑜𝓊𝓇𝓈𝑒 𝒲𝒶𝓎"를 떠올리지 않았다면 제 의견은 더 완화되었을 것입니다.
또한, 제 이해로는 vBulletin 6은 이제 포럼만이 아니라 전체 웹사이트를 만드는 것을 목표로 하는 완전한 CMS가 되었습니다. 이는 수많은 템플릿, 매개변수, 설정, 그리고 커스터마이징을 매우 어렵게 만드는 페이지 HTML 및 CSS 프레임워크를 사용하는 이유를 설명합니다[5].
Discourse 쪽이 모든 것이 밝고 좋은 것은 아니며, vBulletin이 Discourse가 제공하지 않는 기능을 제공한다는 점(그 반대도 마찬가지)을 기꺼이 인정합니다.
그러나, 이 매우 최신 버전의 vBulletin을 사용하면서, 이러한 오래된 경쟁 제품들과 비교했을 때 Discourse가 얼마나 쉽고 매끄러운지 깨달았습니다.
vBulletin 개발자로 일하는 것이 얼마나 만족스럽지 않은 경험일지 상상해 봅니다. ↩︎
- ↩︎
인터페이스의 일부만 보여드립니다:
↩︎
수평 스크롤은 기꺼이 하겠습니다
↩︎<div class="b-module canvas-widget default-widget activity-stream-widget forum-activity-stream-widget widget-tabs ui-tabs widget-no-header-buttons widget-border-flush ui-corner-all ui-widget ui-widget-content" id="widget_3" data-widget-id="6" data-widget-instance-id="3" data-widget-default-tab="#forum-tab"> <div class="widget-header widget-tabs-nav h-clearfix"> <div class="module-title h-left"> <ul class="ui-tabs-nav hide-on-editmode h-clearfix b-comp-menu-horizontal js-module-tab-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header" role="tablist">
