반응형

안녕하세요.

오늘은 정말 반가운 소식인, 앱시트 앱을 브라우저에서 사용하는 분들을 위한 위한 UI 업데이트 내용을 전달해 드리려고 합니다.

앱시트로 만든 앱들은 데스크탑보다는 모바일에 더 최적화된 경향이 있었습니다. 그래서 데스크탑 화면에서 앱을 사용하는 브라우저 사용자들은 약간의 불편함을 감수해야 했죠. 이번 업데이트를 통해 데스크탑 사용자들은 데스크탑에서 맞는 효율적인 환경을 사용할 수 있게 되었습니다. 계속해서 창을 이동해야 했던 기존의 방식이 아니라, 창을 분할해서 표시하여 보다 편하고 자연스럽게 작업을 할 수 있게 된거죠.

어떤 변화가 있었는지 아래의 비포-애프터 사진으로 비교해 보시죠!

기존 디자인 #1 - Deck View
기존 디자인 #2 - Detail View
기존 디자인 #3 - Form View

 

새 디자인 #1 - Deck View + Detail View
새 디자인 #2 - Detail View
새 디자인 #3 - 화면에서 직접 수정
새 디자인 #3 - Form View

 

앱시트 팀은 여러 디자인 파트너 및 커뮤니티로부터 의견을 수집하여 이 업데이트를 진행하였고, 앞으로도 많은 업데이트를 준비하고 있습니다. 새로운 UI를 시도해 보신 후, 앱시트 커뮤니티에 의견을 들려주시면 업데이트에 많은 도움이 될 것 같습니다.

이 업데이트는 아직 현재 진행형이라서 디자인이 조금씩 바뀔 수 있습니다. 그렇기 때문에 이미 사용중인 앱에는 아직 적용하지 않으시는 것을 권장드립니다.

감사합니다.

앱시트 팀.

 

문의 사항

새로운 데스크탑 디자인을 적용하는 방법이 무엇인가요?

저희는 이 기능을 단계별로 배포하고 있기 때문에 아직 편집기에 옵션이 나타나지 않으신 분들도 있을 수 있습니다.

이 기능은 각 앱에서 설정이 가능한데요, 기존 디자인과 새 디자인 중 하나를 토글 버튼을 통해 선택하여 사용할 수 있습니다.

그 절차는 아래와 같습니다:

  1. 앱 편집기를 실행합니다.
  2. UX 메뉴의 Options 탭을 선택합니다.
  3. Desktop mode (Preview) 옵션을 활성화합니다(스크린샷 참고).
  4. 편집기에서 앱을 저장합니다.

 

설정을 적용하고 나면 모든 데스크탑 브라우저 사용자들에게 새로운 디자인이 표시될 것입니다.

 

데스크탑 디자인은 어떻게 편집할 수 있나요?

현재 편집기에 데스크탑 디자인만을 위한 옵션이 있지는 않습니다. 대부분의 경우 데스크탑과 모바일 디자인은 같은 메뉴에서 편집이 가능합니다. 예를 들어 보겠습니다.

앱에 "Primary Views"와 "Menu Views"가 있을 때, 데스크탑에서는 모든 메뉴가 사이드 메뉴에서 접근 가능합니다. 대신, "Primary Views"가 상단에 먼저 표시되고, 그 다음으로 "Menu Views"가 표시됩니다. 차후 업데이트에서는 데스크탑 디자인에도 적용 가능하도록 설정을 변경할 예정입니다. 예를 들어, 수직 구조로 되어 있는 데스크탑 메뉴에서는 화면의 위치를 "left most"나 "right most" 등으로 표시하는 것은 부자연스러운데요, 이런 옵션들을 바꾸어줄 필요가 있습니다.

현재 설정할 수 없는 데스크탑 디자인에 대한 옵션도 차차 추가될 예정입니다.

 

변동사항에 대한 문서나 추가 정보가 있나요?
데스크탑 사용자를 위한 새로운 UI(Preview) 를 참고해 주시기 바랍니다. 이 곳에 해당 정보들이 업데이트될 예정입니다.

 

Optimize the user experience using the new desktop design (Preview) - AppSheet Help

To access your app using a desktop browser, you have the option of using the new or legacy desktop design. The new desktop design, currently in Preview, is optimized for desktop browsers. The legacy desktop design, currently enabled by default, provides an

support.google.com

※ 현재는 링크를 클릭하면 영문 앱시트 고객센터 사이트로 연결되는데요, 문서가 번역되는대로 블로그에 올린 후 연결된 링크를 바꿔주도록 하겠습니다.

 

새 디자인에서 사용할 수 없는 기능이 있나요?

예, 사용할 수 없는 기능은 아래와 같습니다:

  • 동기화 에러가 사용자에게 표시되지 않습니다
  • CSV 업로드 및 다운로드가 비활성화됩니다
  • 배경 이미지를 삽입할 수 없습니다
  • 차트 뷰가 제대로 동작하지 않을 수 있습니다
  • CONTEXT() 함수를 포함하는 기능에 오류가 발생할 수 있습니다
  • 강제 동기화는 지양하여 주시기 바랍니다 - 앱은 백그라운드에서 자동으로 동기화됩니다
  • Onboarding View에서 몇 가지 이슈들이 있습니다

 

피드백은 어떻게 하나요?

원본 글에 들어가신 후 댓글을 남겨 주세요!

 

※ 이 글은 앱시트 커뮤니티의 글을 번역한 내용입니다.

 

In Preview: New UI design for desktop users

Hey everyone, We’re excited to announce we are now previewing our new visual design for applications that are accessed on desktop browsers.  Currently, your AppSheet applications tend to follow mobile design patterns even when your users have large scre

www.googlecloudcommunity.com

 

반응형

+ Recent posts