[오픈 안내] 2018년 5월 16일(수) 두부플러스 운영모드 및 디자인편집 리뉴얼!

안녕하세요. 두부플러스입니다.

사용자의 편리하고 실용적인 사용을 위해 두부플러스 운영모드와 디자인편집의 UX 및 기능이 새롭게 리뉴얼 됩니다.

운영모드와 디자인편집의 UX개선으로 두부플러스가 이전보다 깔끔하고 감각적으로 변화할 예정이며, 사용법 또한 더 간단하고 쉬워집니다.

변화된 웹사이트 환경에서도 편리하게 사용하실 수 있도록 리뉴얼 이후 변경사항은 아래를 참고하시기 바랍니다.

[리뉴얼 주요내용]

디자인편집

레이아웃 사용의 편리성을 위해 이전보다 디자인 편집 메뉴가 복잡하지 않고 깔끔해졌으며, 직관적인 화면을 제공합니다.

사용자가 많이 사용하는 메뉴는 아이콘을 최상단 및 좌측으로 위치를 변경하여 마우스 동선의 편리한 변화를 주었습니다.

<현재화면>                                                                                         <리뉴얼화면>

* 디자인편집 리뉴얼 추가내용 *

1) 디자인> 컬러테마 추가, 템플릿 추가

컬러테마 : 웹사이트의 전반적인 메인, 서브페이지 및 버튼 클릭 시, 메뉴버튼 등 포인트컬러가 들어가는 부분에 적용됩니다.

(네비게이션, 헤더, 로그인페이지, 버튼, 게시판 등)

컬러테마 사용 방법 : 디자인> 템플릿> 템플릿변경 버튼을 클릭하여 '나의 템플릿' 에서 원하는 템플릿 적용 후, 생성된 컬러테마를 확인 후 원하는 컬러테마를 선택하면, 레이아웃 內 포인트 컬러가 적용됩니다.

*5/16 리뉴얼 이후 계정을 생성한 사용자는 컬러테마를 바로 확인하여 사용할 수 있지만, 

*5/16 리뉴얼 이전에 계정이 등록된 사용자는 컬러테마가 바로 사용이 되지 않으며. '나의 템플릿' 에서 원하는 템플릿 적용 후, 

[저장목록> 초기화]버튼을 클릭하면, 컬러테마가 생성됩니다.

초기화 버튼을 클릭하면 이전 디자인 작업 내용(메인레이아웃, 서브레이아웃) 이 초기화가 되어집니다. 

작업중인 레이아웃 화면에서 컬러테마만 확인하고 싶으시다면, 

저장목록> 저장리스트의 초기화 클릭 이전 날짜와 시간대를 클릭하여 복원하기 버튼을 클릭하시기 바랍니다.

위 작업을 통해 이전 작업 환경으로 되돌릴 수 있으며 컬러테마를 확인하며 메인레이아웃 및 서브레이아웃을 사용하실 수 있습니다.

* 저장목록 및 초기화 설정 화면

템플릿 : 현재 제공되는 템플릿은 비즈니스, 푸드블랙, 두부사랑치과, 두부팬션(숙박예약 앱 사용 시), 안단테 (숙박예약 앱 사용 시)이며, 

[카서비스] 템플릿이 추가되었습니다.

* 템플릿 메뉴 위치 변경 : 디자인편집> 디자인 메뉴> 템플릿

2) 전체설정> ‘전체 레이아웃에 적용’ 추가

전체레이아웃 적용버튼으로 메인 및 서브 레이아웃의 높이, 정렬, 패딩, 테두리선 등 효과를 통일감있게 적용할 수 있습니다.

3) 편집완료 -> 저장, 게시하기로  구분하여 저장가능

저장 : 변경사항 저장

게시하기 : 마지막 작업환경이 저장되며, 사이트로 적용

4) 디자인편집 內 작업 내용을 이전 작업내용으로 되돌리기, 이전에서 이후 작업 목록으로 되돌리기 기능 추가

5) [X] 버튼 클릭 시 '운영모드'로 이동

6) [앱] 버튼 클릭시 '나의 앱'으로 바로 이동

* 디자인편집 리뉴얼 변경내용 *

1) 디자인모드 -> [디자인편집]으로 명칭변경 및 UX변경

2) 운영모드 -> 디자인편집으로 한번에 이동 가능

‘나의 템플릿’ 페이지 삭제, 디자인편집 內 ‘디자인’에서 템플릿 확인 및 변경가능

템플릿 변경 클릭 후 나의 템블릿으로 이동하여, 다른 템플릿을 선택할 수 있습니다.

*'나의 템플릿' 페이지 삭제 화면

3) 디자인편집에서 운영모드로 불필요한 이동없이 바로가기 가능

(소스편집, 환경설정, 앱 설정)

4) 페이지> 디자인편집 內 레이어창으로 이동

5) 디자인편집 앱> 설정 內 목록의 생성기능 프로세스 통일

프로세스 : 앱 생성> 생성할 컨텐츠명 입력> 설정> 저장

생성 가능 앱 : 게시판, 슬라이드쇼, 지도, 슬라이더갤러리, 쇼핑, 숙박예약

6) 레이아웃 생성, 이름수정, 복사기능 UI변경

동일한 레이아웃을 만들 때 복사버튼 클릭 후 이름 수정으로 편리하게 사용이 가능합니다.

운영모드

효율적이고 간편한 운영이 가능하도록 디자인 구성을 통일하였고, 두부플러스에서 제공하는 앱의 무/유료(앱별 월 사용 금액) 사용 가능여부 표시로 선택적인 앱활용을 하실 수 있습니다.

<현재화면>                                                                                        <리뉴얼화면>

* 운영모드 리뉴얼 추가내용

1) 프로필이미지 추가

카메라버튼을 클릭하거나 내정보를 클릭하여 [운영모드> 환경설정> 기본정보> 프로필이미지]의 [이미지업로드]버튼을 통해 프로필 이미지를 변경하면, 업로드한 이미지로 프로필이미지가 변경됩니다.

   

2) 고객센터 사이트 공지사항 새글 확인 가능

www.master.dubuplus.com 으로 이동되어, 고객지원 새글을 확인 할 수 있습니다.

3) 생성된 앱의 페이지 연결여부 확인 가능

페이지에 연결이 안된 컨텐츠는 검정색 아이콘으로 생성 및 [페이지 연결안됨] 문구 생성, 

연결된 컨텐츠는연두색 컬러 아이콘으로 노출 및 노출된 페이지명 표시

4)  서브컨텐츠> 소스편집 기능 추가

5) 운영모드 앱> 생성기능 프로세스 통일

프로세스 : 앱 생성> 생성할 컨텐츠명 입력> 설정> 저장

생성 가능 앱 : 게시판, 소스코드, 팝업, 서브컨텐츠, 퀵메뉴, 소셜스트림, 숙박예약

* 운영모드 리뉴얼 변경내용 *

1) 소스코드, 팝업, 퀵메뉴의  ‘디자인구성’ -> ‘설정’으로 명칭 변경

2) 앱> 슬라이더갤러리> 슬라이더갤러리 ‘설정 창’으로 변경

3) 웹폰트 주소 변경

구글 웹폰트에서 익스플로러 적용을 위해 두부플러스 서버 웹폰트 주소로 변경

기능개선에 궁금하시거나 필요한 사항은 1:1문의 및 메일로 언제든 연락 주시기 바랍니다.

두부플러스는 앞으로도 더 편리한 기능과 사용자가 만족하는 서비스를 제공해드리기 위해 노력하겠습니다.

감사합니다.