UX
Posts
11 posts
강남역에 약속있다면 꼭 들려봐야할 현대/기아 UX 스튜디오 서울
자동차에서 가장 중요한 부분인 UX UX라는 단어를 알고 계신가요?? 바로 User Expenrience의 약자로 사용자의 경험이라는 뜻입니다. 예전에 자동차는 빠르게 달리고 연비가 좋으면 다였던 시대가 있었지만 이제는 사용자가 차량에 전반적인 서비스 / 시스템을 직접 이용하면서 느낌는 제품과 상호작용이 굉장히 중요해졌습니다. 1982년 포니 차량에서 2025년 제네시스 G80까지 차량의 발전으로 자동차의 UX는 급격하게 발전했습니다. 자동차 계기판은 물론 내비게이션도 이제는 거의 모든 차량에 기본 옵션이 되었고 스티어링 휠 뿐만 아니라 각종 공조장치나 편의사항에 대해서 점차적으로 발전하고 있는데요. 현대자동차 UX 스튜디오는 과연 어.......
안양렉서스 시승센터 전시장 렉서스 ES300h RX NX UX LS
안녕하세요. 자동차 전문 인플루언서 / 블로거 범범 입니다. 이번주에 안양시 동안구 관양동에 위치한 엘앤티렉서스 시승센터에 다녀왔습니다 :) ES300h RX NX UX LS 라인업을 한번에 실물로 외관, 내부 옵션을 확인할 수 있고 비대면 시승도 가능한 곳이어서 예비 오너들에게 인기가 많은 안양렉서스 시승센터 전시장. 친절한 리셉션, 딜러님 덕분에 편하게 구경하고 올 수 있었던 디테일한 현장 분위기를 정리해보겠습니다. 안양렉서스 시승센터 엘앤티렉서스 비대면 시승 가능한 전시장 렉서스 ES300h, RX, NX, UX, LS 세단과 SUV 라인업을 모두 시승해볼 수 있는 안양렉서스 전시장은 서비스센터와 함께 위치하여 기존 LEXUS 오너들이 자동차.......
사용자에게 입력을 받아야 하는 폼 화면 디자인 팁
좋은 화면을 설계, 디자인 하기 위해 고려할만한 내용 웹개발이던, 앱개발이던 UI 디자인은 항상 어렵지만, 사용자에게 입력을 받아야 하는 화면을 특히 더 어렵다. 이와 관련해 생각해볼만한 좋은 내용의 글이 있어 정리해봤다. 원문 : Designing More Efficient Forms: Structure, Inputs, Labels and Actionshttps://uxplanet.org/designing-more-efficient-forms-structure-inputs-labels-and-actions-e3a47007114f 번역문 : 보다 효율적인 Form 설계https://brunch.co.kr/@blackindigo-red/3 원문은 영어인데, 정윤선님이 잘 번역을 해주셨다. 5년전 글이지
티스토리 반응형 스킨 “탕비수다 이마고”
티스토리 반응형 스킨 “탕비수다 이마고” 예전에는 모바일과 PC 환경을 나누는 것이 일반적이었다고 한다면, 이제는 PC환경과 모바일 환경을 통합하는 것이 일반적이 되었습니다. 이는 모두 “스마트폰”이 출연한 이후, 생겨난 변화라고 할 수 있기도 한데요. 과거에 스마트폰이 없던 시절에 인터넷은 거의 대부분이 컴퓨터를 활용해서 접속했기에 “모바일”이라는 용어도 사실 생긴 지 그리 오래되지 않았습니다. 이렇게 스마트폰으로 접속하는 인터넷 환경에 반응하기 위해서 “모바일”이라는 용어가 생겨났는데, 이제는 “반응형”이라는 용어가 생겨나면서 온라인에 많은 변화가 생겨나기도 했습니다. “PC와 모바일 환경에 맞는 스킨을 따로 제작했던 과거” 이렇게 과거에는 홈페이지를 구축하면, PC 화면을 기준으로 삼고 작업을 했습니다. 그리고 스마트폰이 등장한 이후부터는 “모바일”이라는 용어를 사용하면서, 휴대폰 화면에 맞는 “모바일 전용” 스킨을 따로 만들어서 적용했습니다. 아무래도 컴퓨터보다 화면이 작은 스마트폰으로 컴퓨터 화면에 맞는 사이즈로 제작된 “홈페이지”를 이용하기에는 여러모로 불편한 점이 많았으니 말이죠. 그래서, 예전에는 이렇게 홈페이 스킨을 컴퓨터 접속 환경에 맞는 버전 따로, 모바일에 맞는 환경 따로 각각 제작하는 편이었습니다. 하지만, 이러한 점은 여러모로 불편한 점을 낳기도 했는데요. 아무래도 “모바일”에 맞는 화면을 제작하다 보니, 스킨을 두 단계로 따로 만들어야 했고, 모바일 화면의 경우에는 그리 세련되어 보이지 않는 것이 큰 문제이기도 했습니다. “반응형 웹사이트란 무엇인가?” 이러한 문제점을 보완하기 위해서 등장한 것이 바로 “반응형 웹”이라는 것이 있는데요. 여기에서 반응형이라고 하는 것은 사용자의 접속 환경에 맞게 알맞게 “홈페이지”가 반응해서 컴퓨터와 모바일 환경 모두에서 편하게 볼 수 있는 코드를 말합니다. 코드를 반응형으로 짜는 방식을 통해서, 컴퓨터에서 보는 화면과 모바일에서 보는 화면이 그리 크게 차이가 나지 않지만, 서로의 화면에서 최적화시키는 기술이 바로 “반응형 스킨”이라고 할 수 있지요. 물론, 이러한 반응형 코드를 짜는 것은 쉽지 않고, 항상 장점만 가지는 것은 아니지만, 이제는 거의 대부분의 홈페이지가 “반응형 코드”로 짜여있을 정도로 여러모로 많은 곳에서 사용된답니다. “티스토리 블로그의 반응형 스킨, 탕비수다 이마고” 이러한 “반응형 스킨”은 이제 어느 곳에서 쉽게 찾아볼 수 있는 스킨이 되었는데요. 티스토리 블로그 스킨 목록에서도 반응형 스킨을 쉽게 찾아볼 수 있습니다. 저는 그중에서 “탕비수다 이마고”라는 반응형 스킨을 사용하고 있는데요. 탕비수다 이마고라는 스킨은 “무료”로 사용할 수 있는 스킨은 아닙니다. “유료”로 돈을 주고 구매해서 사용해야 하는 스킨인데요. 스킨의 완성도에 비해서 가격이 그리 비싼 편은 아니라고 생각해서 투자라고 생각하고 이 스킨을 구매했답니다. 가격은 한 사이트당 20,000원으로 그리 비싼 편은 아니라고 할 수 있지요. “완성도가 높은 반응형 스킨” 탕비수다 이마고의 반응형 스킨은 제법 완성도가 높은 편입니다. 그래서 다른 무료 스킨에서 볼 수 있는 자잘한 버그를 거의 볼 수 없는 것이 특징이라고 할 수 있습니다. 그래서, 전문가적인 느낌이 나는 티스토리 블로그를 구축하고 싶다면, 한 번쯤 고려해볼 만한 스킨이라고 할 수 있지요. 지금 제가 사용하고 있는 “소인배닷컴”의 블로그 스킨 역시도 이 스킨이랍니다. 더 자세한 내용은 “탕비수다”라는 블로그에서 찾아볼 수 있는데요. 아래의 링크를 타고 들어가 보시면 “탕비수다 이마고”에 대한 스킨에 대한 정보를 얻으실 수 있을 것입니다. “탕비수다 이마고” 특징 : 티스토리 반응형 스킨 가격 : 20,000원 링크 : http://tangbisuda.tistory.com
![[굿즈] 웹툰 『악역의 엔딩은 죽음뿐』 트럼프 카드 : 아는 장면이라도 플레잉 카드로 수집하는 이 맛](https://img.zoomtrend.com/2026/06/05/1780650880-SE-1c22cf84-12af-4fb2-95c5-c6354bd47dfd.jpg)
