bom2sa
5,000+ Views

연락처, 문의하기 UI 디자인 모음 Contact Form UI design

Contact form은 흔하게 접하는 UI중 하나.
웹에서는 대부분 형식적으로나마 있기 마련이다.
앱에서는 리뷰를 달거나 불만접수할 수 있도록 마켓에서 직접 관리하는 경우가 많기 때문에 Contact 페이지는 있어도 Form은 잘 없다.
그리고 Form 문화는 우리나라에서 아직도 익숙하지 않은 듯하다. 정서상 웹 페이지에다가 문서를 작성하는 것이 익숙하지 않은 모양이다. 그래서 Form은 잘 없고, 대신 전화번호나 주소, 지도가 있거나 요즘엔 소셜커머스로 연동하는 버튼이 대신 한다.
그럼에도 불구하고 Form이 중요한 곳도 있다. 우리나라에서는 주로 게시물로 업로드되는 것이 전통인 정서. 그래서 아직도 최신 서비스임에도 불구하고 게시판을 사용하는 곳도 더러있다. 어쨋든 대중적인 정서니까.
Comment
Suggested
Recent
Cards you may also be interested in
웹서핑 꿀팁! 유용한 크롬 확장 프로그램 Top7
크로미엄 기반 웹브라우저인 '크롬', '웨일', '스윙' 등에서 사용 가능 대부분의 유저들이 PC나 노트북 등을 사용하는 가장 큰 목적은 '인터넷'일 것이다. 심지어 인터넷을 사용하지 않을 것이면 굳이 PC를 사용할 이유도 없다고 말하기도 한다. 물론 문서 작성이나 다운로드 한 동영상 감상 등 인터넷 연결이 필요 없는 작업을 하는 경우도 있겠지만, 요즘에는 다양한 웹기반 서비스들이 나오면서 문서 작성이나 동영상 감상 등도 인터넷으로 실시간 연결된 상태로 이용한다. 그리고 이런 대부분의 작업들은 웹브라우저를 통해서 이뤄진다. 현재 웹브라우저 확장프로그램 생태계 구축이 가장 잘 갖춰진 것은 구글 '크롬'이 첫 손에 꼽힌다. 이전에는 마이크로소프트(MS)의 웹브라우저인 인터넷 익스플로러가 국내외 웹브라우저 시장을 독점했지만, 오픈소스 소프트웨어(SW)인 크로미엄(Chromium) 기반 웹브라우저가 본격적으로 나오면서 밀러난 상태다. MS도 윈도10 출시와 함께 차세대 웹브라우저인 '엣지'를 출시하며 크롬과 유사한 확장 웹스토어를 공개한바 있지만, 현재 등록된 확장 프로그램이 별로 없는 관계로 구글 크롬을 중심으로 유용한 확장 프로그램을 공개한다. 1. AdBlock, Adguard AdBlocker, uBlock Origin 먼저 추천하는 확장 프로그램은 광고 차단기 3종 세트다. 다양한 형태의 광고들이 웹서핑을 방해하는 경험 많이 했을 것이다. 이럴때 유용한 확장 프로그램이 바로 광고차단 프로그램이다. 기존에는 PC의 Host(호스트) 파일을 직접 수정하거나 외부 프로그램을 사용해서 광고를 차단했지만, 크로미엄 기반 웹브라우저를 사용한다면 간단히 확장 프로그램 설정으로 모든게 해결된다. AdBlock은 가장 사용자가 많은 광고 차단 확장 프로그램으로 별다른 설정없이 그냥 설치하고 웹서핑을 즐기면 된다는 큰 장점이 있다. Adguard AdBlocker는 최근 급상승하고 있는 광고 차단기로 영상 광고(유튜브 영상 광고 등)도 차단이 가능하다. 직관적인 UI(유저 인터페이스)를 보여주는 만큼 초보자들도 쉽게 사용할 수 있다. 앞서 AdBlock나 Adguard AdBlocker가 초중급 사용자를 위한 것이라면 uBlock Origin는 고급 사용자를 위한 광고 차단기다. 현재 페이지에 연결된 모든 트래픽 경로를 보여주고 특정 트래픽만 막을 수 있다. 예컨대 특정 사이트에서 전송되는 신호만을 따로 차단하는 것도 가능하고 반대로 항상 허용하는 것도 가능하다. 2. LastPass, Xmarks 비밀번호 유출로 인한 개인 보안 이슈가 늘어나면서 대부분 웹사이트들은 로그인 시 비밀번호 생성 규칙을 강화하고 주기적으로 바꾸도록 요구하고 있다. 문제는 로그인 시 필요한 비밀번호의 자리가 길어지고 특수문자나 알파벳 대소문자 등 다양한 필수 규칙이 생기면서 막상 설정한 비밀번호를 기억하지 못하는 경우가 빈번히 보고되고 있다. 이럴때 필요한 것이 바로 웹사이트 로그인 관리자 애플리케이션이다. LastPass나 Xmarks 모두 이 부분에서 유명한 SW로 크로미엄뿐만 아니라 인터넷 익스플로러나 사파리, 파이어폭스 등 대부분 브라우저를 지원한다. 또한 스마트폰 등 모바일 디바이스도 지원하는 만큼 유용하다. 모든 암호는 암호화된 상태로 관리된다. 3. 구글 Keep, Evernote Web Clipper 웹서핑을 하다 메모가 필요하다면? 특정 웹페이지를 보관하고 싶다면? 바로 구글 킵과 에버노트가 있다. 구글 킵은 구글이 만든 메모장 서비스로 구글 킵 확장 프로그램을 이용하면 웹서핑 도중 여타 도구 필요없이 메모를 할 수도 있고, 웹페이지를 그대로 저장 가능하다. 구글 킵에 저장된 메모는 크롬이 아니더라도 구글 로그인만 한다면 어디서든 바로 확인이 가능하다. 스마트폰에도 애플리케이션이 있는 만큼 쉽게 메모를 하고 확인 가능하다. 모든 디바이스 동기화 기능은 덤이다. 에버노트 웹 클리퍼는 문서작성 관리 애플리케이션인 에버노트를 웹브라우저에서도 사용 가능하도록 도와주는 확장 프로그램이다. 스마트폰의 필수 애플리케이션으로 꼽히는 에버노트를 웹브라우저에서도 사용 가능하고, 웹서핑 도중 발견한 정보를 곧바로 에버노트에 올릴 수 있는 만큼 에버노트 사용자들의 필수 확장 프로그램이다. 4. crxMouse Chrome Gestures, Pig Toolbox 웹서핑을 하는데 키보드 필요없이 마우스만 있으면 모든게 가능하다. 앞으로 가기, 새로고침, 새페이지 생성, 특정 페이지 이동 등 키보드를 결합한 다양한 작업이 마우스 제스처만으로 할 수 있다. 이 부분 대표적인 확장 프로그램인 Pig Toolbox라고 할 수 있는데, 업데이트가 멈춘지 오래되고 크로미엄 버전에 따라 동작하지 않는 경우도 발생하는 만큼 현재 사용하기에는 불편하다. crxMouse는 Pig Toolbox를 대체하려는 사용자들이 많이 선택한 확장 프로그램으로 마우스 제스처 기능만 본다면 Pig Toolbox의 대부분 기능을 crxMouse에서도 동일하게 사용 가능하다. 사용자에 따라 마우스 제스처를 부분적으로 커스텀마이징도 할 수 있는만큼 적응만 된다면 편한 웹서핑을 즐길 수 있다. 5. 구글 번역, TransOver 웹서핑을 국내 사이트에서만 할 수만은 없다. 글로벌 각지의 소식을 빠르게 확인하기 위해서는 영어나 스페인어, 독일어, 일본어, 중국어 등 다양한 언어를 해야만 한다. 하지만 우리에겐 구글 번역기가 있다. 구글 번역 확장 프로그램을 사용하면 원하는 웹페이지를 원하는 언어로 순식간에 번역할 수 있다. 물론 아직 100% 정확하게 번역할 수는 없지만, 최근 인공신경망 번역 기술이 접목되면서 번역 품질이 한층 높아진 만큼 빠르게 번역하기에는 이만한 도구는 없다. TransOver은 특정 단어에 마우스를 가져다 대는 것만으로도 번역해 준다. 구글 번역과 함께 사용한다면 외국 웹사이트도 더이상 두럽지 않다. 6. 드롭박스, 구글 드라이브 개인 파일을 USB 등에 따로 가지고 다닐 필요 없이 언제 어디서나 사용하기 위해서는 드롭박스나 구글 드라이브, 원드라이브 등에 저장하면 된다. 해당 서비스를 이용하기 위해서는 직접 웹브라우저에서 접속 후 이용하거나 외부 프로그램을 설치해야만 했지만, 확장 프로그램을 사용한다면 클릭 한번에 특정 파일을 업로드 시키고 공유하는 것도 가능하다. 드롭박스, 구글 드라이브, 마이크로소프트(MS) 원드라이브 등 대부분 개인 웹하드 서비스들이 확장 프로그램 형태로 지원하는 만큼 해당 서비스를 이용하는 유저라면 필수 프로그램이다. 7. 데이터 세이버 직접 인터넷 연결해서 사용하는 PC나 노트북에서는 필요 없을 수 있지만, 외부에서 급하게 스마트폰을 이용한 테더링 기능을 활용한다면 데이터 걱정이 들 수 있다. 이때 필요한 것이 데이터 사용량을 줄여주는 '데이터 세이버 ' 확장 프로그램이다. 구글이 직접 만든 확장 프로그램으로 구글 서버를 통해 웹페이지를 읽어오는 방식으로 속도가 느려지지 않으면서도 웹서핑에 따른 데이터 사용량은 줄어든다. 구글 서버를 경유하는 방식으로 가상 사설망(VPN) 기능이 일부 적용된다는 장점이 있다. 이밖에도 유튜브 동영상이나 페이스북 동영상을 다운로드 할 수 있는 'Chrono Download Manager', 'Social Video Downloader' 등 다양한 확장프로그램이 있다. 또한 요즘 유행인 모바일 서비스인 인스타그램을 PC에서 손쉽게 사용하게 도와주는 'Websta for Instagram', 웹페이지 캡쳐를 할 수 있는 'Awesome Screenshot', 국내 쇼핑몰 가격 비교를 자동으로 해주는 '마트모어' 등 다양한 확장 프로그램을 통해 보다 편리한 웹서핑을 즐길 수 있길 바란다. 단, 확장 프로그램을 추가해 사용하기 이전에 반드시 믿을만한 개발자나 개발사가 만든 확장 프로그램인지 확인하는 과정이 필요하다. 최근 멀웨어가 삽입된 확장 프로그램도 보고되는 만큼 주의해야 한다.
일상에 바로 적용 가능한 상식을 알려주는 책
안녕하세요! 나만의 스마트한 독서 앱, 플라이북입니다! 여러분은 일상을 살아가는 데 필요한 상식들을 어디서 얻으시나요? 알아두면 도움 되는 상식들을 모아볼 수 있다면 어떨까요? 이번 플라이북의 추천 책은 일상에 바로 적용 가능한 상식을 알려주는 책 다섯 권입니다. 생활부터 과학, 역사, 자연, 사회에 이르기까지 일상에 꼭 필요한 지식만을 선별한 지식백과 1분 생활 상식 자세히 보기 >> https://www.flybook.kr/book/139329 양을 의심하는 고객부터 어린이 고객까지 모든 클레임에 현명하게 대처하는 꿀팁들 음식점 클레임 대응 꿀팁 자세히 보기 >> https://www.flybook.kr/book/139330 빌려준 돈 되찾는 방법부터 이혼, 상속 문제까지 일반인을 위한 사례중심의 생활법률 상식책 생활법률 상식사전 자세히 보기 >> https://www.flybook.kr/book/121389 신혼부부와 청춘들이 바로 적용 가능한 금융지식 최소 3년은 끼고 봐야 할 재테크 교과서 알아두면 정말 돈 되는 신혼부부 금융꿀팁 57 자세히 보기 >> https://www.flybook.kr/book/109558 내가 알고 있는 상식이 과연 진짜일까? 99%가 모르는 상식의 놀라운 반전들 알아두면 쓸데 있는 유쾌한 상식사전 1 자세히 보기 >> https://www.flybook.kr/book/118967 책 증정 받으러 가기 >> https://goo.gl/HpqS2W
앙그리니의 웹툰 ㅡ 환경표시제도
[앙그리니가 알려주는 환경컷툰 제 1화 '환경표지제도'] 안녕하세요! 완경을 지키는 온그린입니다~ 오늘은 앙그리니가 알려주는 '환경표지제도'에 대해 컷툰으로 가져와보았는데요~! 그리니가 쉽게 알려주는 "환경표지제도" 한번 알아볼까요?? 환경표지제도는 같은 용도의 다른 제품에 비해 제품의 환경성을 개선한 경우에 그 제품에 로고(환경표지)를 표시함으로써 소비자에게 환경성 개선 정보를 제공하고, 소비자의 환경표지 제품 선호에 부응해 기업이 친환경제품을 개발 및 생산하도록 유도해 자발적 환경개선을 유도하는 자발적 인증제도입니다. 환경표지제도는 기업과 소비자가 환경친화적인 제품을 생산, 소비할 수 있도록 소비자에게는 정확한 제품의 환경정보를 제공하여 환경보전활동에 참여토록 하고, 기업에게는 소비자의 친환경적 구매욕구에 부응하는 환경친화적인 제품과 기술을 개발하도록 유도하여 지속 가능한 생산과 소비생활을 이루고자 하는 것이라고 하네요!! 컷툰으로 보는 환경표지제도 어떠셨나요?? 이제 환경표지제도는 잘 아시겠죠~? ♻️환경을 지키는 아트팀, 온그린의 발자국! 많이 기대해주시고 좋아요랑 댓글은 센스~ 여러분들께 다양하고 재밌는 컨텐츠로 환경에 대한 소식을 전하겠습니다 감사합니당~
최근 각종 SNS에서 난리난 여행용 캐리어 ㄷㄷㄷ
안녕하세요 신바케입니다. 참고로 신바케=신박해입니다. 저는 신박한 물건을 굉장히 좋아합니다. 신박한 물건을 보면 염통이 찌릿찌릿 시그널보내면서 세포 하나하나가 쳐럽베이베 좀 더 힘을내게 되더라구요. 또 이런 물건들이 실생활에 여간 도움이 되는게 아니겠습니까. 그래서 저도 이런 정보를 많은 분들에게 알려드리면 좋겠다고 생각했습니다. 왜냐면 착한일 많이해서 천국가고 싶거든요. 그러니 저의 호의를 반강제로 받아주시기 바랍니다. 오늘 알려드릴 물건은 사실 기능보다 가격이 신박한 아이템입니다. 사실 가격 신박한게 가장 짱이야 짜릿해 항상 새로워. 아마 페이스북이나 SNS 많이 하시는 분들이면 한번쯤 피드에서 봤을 물건인데요. 샤플이라는 업체에서 만든 캐리어입니다. 거두절미하고 가격을 말씀드리면, 20인치 39,000원 25인치 49,000원 가격 실화맞구요? 보통 브랜드 캐리어 20인치가 10만원대인걸 감안하면 이건 건국역사상 1.4후퇴 이 후 만날 수 없었던 가격입니다. 사실 이렇게 물건이 싸면 일단 의심이 되기 마련입니다. 그래서 아침드라마에서 못마땅한 눈으로 며느리 지켜보는 시어머니 눈하고 샅샅히 정보를 뒤졌지 뭡니까. 근데 찾아낸거라곤 요런거 뿐입니다. 국정감사때 개털려고 자료 조사했는데 미담만 나온 기분이다. 뭔 테스트를 이렇게 많이 했대????? 이 사람들 테스트를 위해 1500번이나 손잡이를 넣었다 뺏다 한거야? 케이스를 5000번이나 열고 닫았어?ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 시펄 아니 샤플 너네 이렇게 팔아서 남는게 있냐ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 사실 근데 가격보다 더 신박한 장치가 또 있습니다. 바로 내가 직접 캐리어를 디자인 할 수 있다는 점입니다. 이게 뭔 말인고 하니 브랜드나 공장에서 생산되는 캐리어들의 경우 색깔을 제외하곤 거의 디자인이 같아 식상할 수 있는데 샤플 캐리어는 내가 직접 알파벳 스티커로 디자인을 할 수 있다는 것입니다. 최초 캐리어를 살때 A부터 Z까지 알파벳 스티커를 2장씩 함께 배송한다고 합니다. 그 알파벳으로 내가 원하는 문구나 디자인을 만들 수 있다는 것이죠! 그래서 저는 이렇게 만들어 봤습니다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 'GOJARANI' 수하물장에서 한 방에 찾을 수 있는 이름 아니겠습니까? 아마 외국인들은 '아 쟤가 자라니라는 곳에 가는구나(Go! Jarani)'라고 생각하겠죠? 하지만 분명 한글을 알고 있는 사람들은 수군수군 댈겁니다. '고자래 고자' 그곳에 제 캐리어가 있는 곳이겠군요 으핫핫핫하삿......ㅠㅜㅜ 누구보다 빠르게 캐리어를 찾을 수 있어... 그래.. 근데 실내인데 왜 이렇게 앞이 흐리죠?ㅠㅠ 아 아직 눈물 흘리기엔 이릅니다!!! 또또 다른 신박한 기능이 있기 때문이죠. 바로 캐리어 트래킹 기능입니다. 이게 뭔고 하니 해외 여행을 즐기시는 분들은 항상 캐리어 분실 도난의 위험이 있지 않습니까? 그러고보니 저 예전에 여행할때도 어떤 부부 여행객 분들이 잠깐 한 눈 판 사이에 캐리어 도난을 당해서 옷이며 뭐며 다 잃어버렸다고 망연자실해 하시는걸 본 기억이 있네요. 여하튼 이 기능은 바로 캐리어 도난 방지를 확실히 할 수 있는 장치입니다. 일단 관련 어플을 깔아놓으면 캐리어가 30M 이상 떨어졌을때 문자로 자동 알림이 온다는 아주 신박하고 유용한 기능입니다. 심지어 연결이 끊어진 위치를 앱의 지도를 통해 확인도 할 수 있다고 하네요! 신박쓰!!쓰!! 이외에도 가볍고 수납공간 충분하고 바퀴로 드리프트 가능하고 이런건 그닥 신박하지 않아 뺏습니다. 사실상 이 캐리어는 가격이 유잼입니다. 25인치 짜리를 어디서 49000원에 사나요 ㅋㅋㅋ 게다가 기능들도 참 좋고 말이죠! 기왕 여행다닐거 글로벌 시대에 맞춰 스마트하게 다녀봅시다 ㅋㅋㅋㅋ 혹시 관심있으신 분들은 여기로 가시면 됩니다! 여기! 그리고 제품이 제법 신박했다 싶으시면 댓글로 신박쓰라고 남겨주세요!! 나에게 신박력을 빌려줘 빙글러들!!!! 신박쓰!!!신박쓰!!!