Jump to content
과거의 기술자료(읽기 전용): https://tech.devgear.co.kr ×
과거의 기술자료(읽기 전용): https://tech.devgear.co.kr

UI, UX 가 중요한 이유 그리고 최신 스타일로의 현대화 팁


Recommended Posts

기술이 발전하면서 사용자 경험(UX)과 사용자 인터페이스(UI)는 개발에 있어 핵심적인 요소로 자리잡았다. 오래 전에 개발한 델파이, C++빌더 프로그램이 최신 OS에서 작동하고 있다고는 하더라도, 화면이나 구동 방식이 이질적인 경우들이 있다. 사용자들은 UI, UX가 불편하거나 현대적인 방식과 맞지 않는 경우 불편함을 느끼게 되고, 결국 그 프로그램을 경쟁력을 잃게 될 것이다.

이미 수 백 개 업체의 델파이 업그레이드 마이그레이션 프로젝트를 진행해 온 Mary Kelly는 지난 글에서 '마이그레이션을 고려해야 할 TOP 5' 중 하나로 UI 현대화를 꼽기도 했다.

이번 글에서는 UI, UX 현대화를 고민하고 있는 분들을 위한 활용도 높은 컨텐츠들을 정리했다.

 

목차


 

레거시 데스크탑 앱 UI/UX 현대화 - 이론부터 실제까지

많은 개발자들이 하는 질문 "15년된 데스크탑 앱이 있는데 못생겼어요. 애플 같은 UI를 가진 앱으로 바꾸고 싶은데 어떻게 해야 하나요?". 가능한 모든 것은 쉽게 진행해야 한다. 하지만 쉽게 하는 방법을 찾는 것이 쉽지 않다. 이를 정리하였다.

  • [방향 선택] 첫번째 질문: 윈도우용 데스크톱 유지? 재설계?
  • [기반 기술 선택] 전형적인 윈도우 데스크톱 앱? 웹 기반 데스크톱 앱? 크로스-플랫폼 앱?
  • [구현 기술 선택] 사용할 수 있는 데스크톱 앱 개발 기술: VCL, FMX, PWA 등
  • [위험 관리] 마이그레이션 시 주의해야 할 함정
  • [절차와 시연] 발표자가 현대화 프로젝트를 수행하는 기본 절차
    1. 사전 분석 및 결정: 기존 앱을 마이그레이션? 새로 개발?
    2. 프로토타입 제작: 도구와 기술 소개 및 시연
    3. 디자인: 디자이너가 필요한가?
    4. UI와 컴포넌트 구현: 자체 개발 또는 써드 파티 컴포넌트 사용
  • [실제 사례 전달] 사례 1. UI 마이그레이션 프로젝트
  • [실제 사례 전달] 사례 2. (하이브리드, 웹, 크로스-플랫폼이 아니라) 네이티브 윈도우 데스크톱을 유지하기로 결정한 프로젝트

 

 

윈도우 앱을 적시에 예산 범위 안에서 현대화하는 방법

애플리케이션 이해관계자에게는 데스크탑 소프트웨어를 현대화해야 할 필요성을 적시에 인식해야 할 사명이 있다. 그래야 서비스 제공을 효율적으로 지속할 수 있고 치열한 시장에서 경쟁력을 유지할 수 있다. 새 기술, 발전된 기술, UI (사용자 인터페이스) 디자인에서부터 유행하고 사라지는 UX (사용자 경험) 패러다임 유행까지 수용해야 한다. 이 글은 윈도우 애플리케이션 개발도구를 사용하여 당신의 윈도우 앱을 적시에 예산 범위 안에서 어떻게 현대화하는 지 그 방법을 살펴본다.

 

 

플루언트 디자인 시스템으로 애플리케이션 현대화하기

데스크탑 퍼스트 컨퍼런스(Desktop First Conference) 참석자는 마이크로소프트 엔지니어인 마테오 파가니(Matteo Pagani)가 플루언트 UI를 직접 설명하는 세션을 들을 수 있었다. 아래 비디오에서는 마테오가 플루언트 UI를 마이크로소프트의 관점에서 설명하고, 플루언트 UI를 사용하여 어떻게 애플리케이션을 멋지게 현대화하고 월등한 모습을 추가하는 지를 알려준다.

https://devgear.co.kr/archives/4534

 

 

데스크톱용 UX 구축/최적화 전략

업무용 데스크톱을 위한 UX 구축 전략 수립 절차, 방법, 기본틀, 진행 팁을 공유한다.
이 영상의 발표자 Mary Kelly는 다양한 분야에서 프로젝트 경험이 많은 엠바카데로 컨설턴트이다. 다루는 내용은 다음과 같다:

  • UX 디자인과 전략
  • UX 전략 수립 전 고려 사항
  • 데스크톱 UX 관련 현 상황에 대한 고찰
  • UX 전략의 기본
  • UX 전략 구축 및 최적화 팁

 

 

FastReport를 사용하는 델파이/C++ 앱을 빠르게 윈도우 HighDPI 설정에 맞춰 마이그레이션하기

우리가 사용하는 노트북이나 화면이 작은 데스크탑에서 화면 배율 팩터/DPI를 변경할 수 없으면 사용하기가 매우 어렵다. 더 나아가 Full HD, 4K 울트라 HD, 8K 울트라 HD 모니터에서는 훨씬 더 복잡하다. 우리의 애플리케이션들은 이 모든 것을 다룰 수 있어야 한다. 어떤 사용자가 어떤 사양의 모니터를 사용할 지 모르기 때문이다.

  • 화면 배율 팩터/DPI가 변경되는 상황들
  • 델파이 애플리케이션을 HighDPI로 마이그레이션 할 때 꼭 알아두어야 할 점들
  • 델파이와 FastReport의 HighDPI 컨트롤들

 

 

UX Summit 시리즈

엠바카데로는 2020, 2021년에 UX를 주제로 한 시리즈 세미나를 진행했다. 

  • 훌륭한 UI에 적용된 과학
  • 멀티플랫폼 앱에 가장 효과적인 UX 디자인
  • 오른쪽 클릭은 옳다
  • 데스크탑용 UX 구축/최적화 전략
  • 터치스크린 POS 화면 디자인하기
  • 등등

70+가지 토픽으로 UX 에 대해 자세히 다루었다. 

다음 링크를 클릭해 전체 다시보기를 할 수 있다: https://welcome.devgear.co.kr/articles/비디오-세미나/ux-summit/

 

 

Rapid Design UX & Chart 컴포넌트 활용하기

Rapid Design UX & Chart 컴포넌트는 델파이 파이어몽키로 멀티플랫폼 앱을 개발할 때 사용할 수 있는 컴포넌트 세트이다. iOS, 안드로이드, 윈도우, 맥OS에서 사용자들에게 더 좋은 UX를 제공할 수 있다.

 

사용 이점:

  • 컴포넌트의 색상과 크기를 원하는대로 설정할 수 있음
  • 최신 디자인 트렌드 반영
  • 모바일 앱 개발 시 필요한 컴포넌트들이 포함되어 있음
  • 델파이 기본 컴포넌트와 사용 방법 동일

2023년 6월 30일까지 RAD스튜디오, 델파이 (엔터프라이즈, 아키텍트 에디션 한정) 구입 시 무료로 받을 수 있으므로 이 기회를 적극 활용해보기 바란다.

https://devgear.co.kr/radoffer

 

 

이 댓글 링크
다른 사이트에 공유하기

  • RAD changed the title to UI, UX 가 중요한 이유 그리고 최신 스타일로의 현대화 팁

이 토의에 참여하세요

지금 바로 의견을 남길 수 있습니다. 그리고 나서 가입해도 됩니다. 이미 회원이라면, 지금 로그인하고 본인 계정으로 의견을 남기세요.

Guest
이 토픽(기고/질문)에 답하기

×   서식있는 텍스트로 붙여넣기.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   이전에 작성한 콘텐츠가 복원되었습니다..   편집창 비우기

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

중요한 정보

이용약관 개인정보보호정책 이용규칙 이 사이트가 더 잘 작동하기 위해 방문자의 컴퓨터에 쿠키가 배치됩니다. 쿠키 설정 변경에서 원하는 설정을 할 수 있습니다. 변경하지 않으면 쿠키를 허용하는 것으로 이해합니다.