Page 1


3쇄책.indb 1

2016-02-02 오전 11:23:21


여·는·글

개 테크니컬 발자, 프로젝트 라이터, 품질 관 관리자, 리자 모 두 모든 기획자와 디자이너가 알아야 할 글쓰기? 이 책은 웹 서비스나 애플리케이션을 만들면서 ‘메뉴 이름은 어떻게 정할 까? 버튼 이름은? 오류 메시지는 어떻게 써야 하나? 이게 맞을까, 저게 맞 을까?’를 한 번이라도 고민해 봤던 모든 분의 어려움을 조금이라도 덜어 드릴 수 있길 바라는 마음에서 시작했습니다. 기능을 테스트하고 오류를 수정하기도 바쁜데 텍스트까지 챙길 여유는 사 실 별로 없습니다. 출시 일정은 늘 아주 가까이에 와 있으니까요. 텍스트쯤 은 대충 뜻만 통하게 써도 사용하는 데 문제는 없을 것 같습니다. 메뉴, 버튼, 탭, 대화 상자 등에 적힌 텍스트(이 책에서는 ‘UI 텍스트’라 부 릅니다)는 사용자에게 무엇을 어떻게 할 수 있는지 알려 주는 가장 직관 적인 도구입니다. 따라서 한눈에 기능을 파악하고 쉽게 사용할 수 있게 하 려면 상황에 맞는 적절하고 정확한 텍스트를 일관되게 써야 합니다. 상황 에 맞지 않는 UI 텍스트나 문제 해결에 도움이 되지 않는 오류 메시지를 접했을 때 웹 서비스나 애플리케이션에 대한 신뢰는 한순간 무너질 수 있 습니다.

3쇄책.indb 4

2016-02-02 오전 11:23:22


여·는·글

이 책은 오랫동안 테크니컬 라이터로 일하면서 고민하고 정리한 내용 중 특히 웹 서비스나 애플리케이션의 UI 텍스트를 어떻게 쓰면 좋을지를 뽑 아 엮은 ‘스타일 가이드’입니다. 책을 읽다 보면 이미 적용한 UI 텍스트와는 달라 당황할지도 모릅니다( 이제 와 다 고치라고?). 하지만 틀린 게 아니라면 굳이 이 책에 맞춰 모두 바꿀 필요는 없습니다. 이 책에서 정리한 내용도 여러 가지 스타일 중 오 랜 경험과 협의 끝에 사용하기로 정한 하나의 예일 뿐 정답은 아니니까요. 미리 고백하자면 이 책의 내용에 따르지 않은 네이버 서비스도 많습니다. 서비스가 많아 모두 검수할 수 없을뿐더러 검수 과정이 정립되기 전에 출 시된 서비스도 많고, 또 가이드 자체가 바뀌기도 하기 때문이지요. 중요한 것은 어떤 스타일을 쓸 것인지 결정하고 공유하는 것, 그리고 결정 한 스타일을 서비스에 ‘일관되게 사용해야 한다는 것’입니다. 이번에 출간하는 개정판은 2014년 12월 5일에 고시돼 2015년 1월 1일 부터 시행된 한글맞춤법 일부 개정안에 맞춰 내용을 수정한 것입니다. 최 근 개정된 한글맞춤법은 문장부호 용법 보완을 주요 내용으로 삼고 있으 며, 따라서 이 책에서 가장 많이 바뀐 부분 역시 문장부호 부분입니다. 문 장부호 이외에도 2013년 첫 책을 출간한 이후에 변경된 서비스 내용에 맞 춰 표현이나 사례 등을 수정했습니다. 모쪼록 이 책이 ‘웹 서비스나 애플리케이션의 UI 텍스트를 어떻게 쓸 것 인가’ 고민했던 디자이너, 개발자, 기획자, 테크니컬 라이터, 프로젝트 관 리자를 비롯해 이를 확인해야 하는 품질 관리자 모두에게 조금이나마 도 움이 되길 바랍니다.

2016년 1월, 유영경

3쇄책.indb 5

2016-02-02 오전 11:23:22


이·책·의·구·성

이 책에서는 웹 서비스를 중심으로 UI 텍스트를 어떻게 쓰는 게 좋을지, 올바른 문법과 표현, 자주 사용하는 오류 메시지 유형은 무엇인지 등을 다 룬다. 여기서 다루는 UI 텍스트에는 메뉴, 버튼, 대화 상자, 확인란, 옵션 버튼, 툴팁, 오류 메시지 등이 포함된다. 하지만 목차 등의 문서 구조를 갖춰 써 야 하는 사용자 도움말은 다루지 않는다. 이 책은 주의해야 할 항목을 80개로 나눠 필요한 부분만 쉽게 찾아 읽을 수 있게 구성했다. 따라서 처음부터 정독해도 좋지만 일할 때 옆에 두고 필 요한 부분만 그때그때 참고하는 것도 좋을 것이다. 이 책의 구성은 다음과 같다.

1부 웹 서비스 글쓰기의 기본 웹 서비스나 애플리케이션의 UI 텍스트를 쓸 때 고려해야 할 기본 사항인 정확성, 보편성, 일관성, 간결성, 형식성에 대해 사례와 함께 자세히 알아 본다. 또한 모바일 환경에서는 특히 무엇에 주의해야 하는지도 설명한다.

3쇄책.indb 6

2016-02-02 오전 11:23:22


이·책·의·구·성

2부 웹 서비스 글쓰기의 실제 웹 서비스나 애플리케이션의 UI 텍스트를 쓸 때 주의해야 할 문법, 띄어쓰 기, 문장부호를 비롯해 숫자나 단위는 어떻게 표기해야 하는지 설명한다. 또한 오류 메시지에는 어떤 내용을 포함해야 하는지와 자주 사용하는 오 류 메시지 표현을 알아보고 언어와 문화가 다른 사용자를 고려한다면 어 떤 점을 주의해야 하는지도 살펴본다.

부록 회사 이름이나 상표 이름을 정확하게 쓰려면 무엇을 참고해야 하는지 알 아본다. 또한 자주 사용하는 UI 요소의 정확한 이름과 표현 방법, 자주 틀 리는 맞춤법과 외래어표기법도 알아본다.

3쇄책.indb 7

2016-02-02 오전 11:23:22


목·차

1부

웹 서비스 글쓰기의 기본

......................................................................................... 14

01 _ 웹 서비스 글쓰기와 UI 텍스트........................................................................................... 15

02 _ 정확하게 쓴다.................................................................................................................................... 17 01. 정확한 내용을 쓴다.............................................................................................................................. 18 02. 상황에 맞는 적절한 표현을 쓴다.................................................................................................... 20 03. 정확한 표현을 쓴다............................................................................................................................. 21 04. 필요한 정보를 생략하지 않는다...................................................................................................... 23 05. 완전한 문장으로 쓴다........................................................................................................................ 25 06. 정확한 단위를 사용한다.................................................................................................................... 26 07. 지시대명사를 쓰지 않는다................................................................................................................ 27 08. 맞춤법과 외래어표기법을 지킨다.................................................................................................. 28 09. 줄여 쓰지 않는다................................................................................................................................. 29 10. 키보드 키 이름을 정확하게 쓴다.................................................................................................... 31

03 _ 보편적으로 쓴다.............................................................................................................................. 33 11. 쉽게 쓴다.................................................................................................................................................. 34 12. 현재 시제를 쓴다................................................................................................................................... 37 13. 높임말을 쓴다........................................................................................................................................ 38

8

3쇄책.indb 8

2016-02-02 오전 11:23:22


목·차

14. 외국어, 한자어는 한글로 바꾼다..................................................................................................... 40 15. 비속어나 은어를 사용하지 않는다................................................................................................. 41

04 _ 일관되게 쓴다.................................................................................................................................... 43 16. 일관된 UI 텍스트를 사용한다........................................................................................................... 44 17. UI 텍스트를 가리킬 때는 있는 그대로 쓴다................................................................................. 47 18. 마우스 동작 표현.................................................................................................................................. 49 19. 키보드 동작 표현.................................................................................................................................. 53 20. URL과 링크 표현.................................................................................................................................. 54 21. 파일과 폴더 표현................................................................................................................................ 56 22. 아이콘이나 버튼 표현........................................................................................................................ 58 23. UI 요소 표현.......................................................................................................................................... 59 24. 모바일 동작 표현................................................................................................................................. 61

05 _ 간결하게 쓴다.................................................................................................................................... 65 25. 불필요한 단어를 넣어 늘여 쓰지 않는다...................................................................................... 66 26. 중복해서 쓰지 않는다......................................................................................................................... 67 27. 조사는 꼭 필요할 때만 쓴다.............................................................................................................. 69 28. 모바일 환경에서는 더욱더 짧게 쓴다........................................................................................... 70

9

3쇄책.indb 9

2016-02-02 오전 11:23:22


목·차

06 _ 형식을 갖춰 쓴다............................................................................................................................ 71 29. UI 텍스트에는 별도 서식을 적용한다........................................................................................... 72 30. 메뉴에 줄임표를 넣는다................................................................................................................... 73 31. 메뉴를 가리킬 때는 메뉴 이름만 쓴다.......................................................................................... 74 32. 문장부호를 겹쳐 쓰지 않는다.......................................................................................................... 75

모바일 앱 소개 글 쓰기........................................................................................................................ 76

2부 웹 서비스 글쓰기의 실제

......................................................................................... 78

07 _ 권장 표현과 올바른 표기........................................................................................................ 79 33. 없는 말을 조합해서 만들지 않는다............................................................................................... 80 34. 한자식 표현은 자제한다.................................................................................................................... 82 35. 번역 투를 쓰지 않는다....................................................................................................................... 83 36. 약어는 약어 풀이와 함께 쓴다......................................................................................................... 86 37. 사람이 하는 동작은 능동형으로 쓴다........................................................................................... 88 38. 부정보다는 긍정의 말꼬리를 쓴다................................................................................................ 89 39. 이중 부정은 쓰지 않는다.................................................................................................................. 90 40. 사동형은 주의해서 쓴다................................................................................................................... 91

10

3쇄책.indb 10

2016-02-02 오전 11:23:22


목·차

41. 조사 사용에 주의한다......................................................................................................................... 92 42. 사이시옷은 언제 써야 하나.............................................................................................................. 97 43. 외래어 표기는 어떻게 하나 ............................................................................................................. 99

08 _ 띄어쓰기................................................................................................................................................ 101 44. 띄어쓰기 기본 원칙........................................................................................................................... 102 45. 조사는 앞말에 붙여 쓴다................................................................................................................ 105 46. 접사는 결합하는 앞말이나 뒷말에 붙여 쓴다.......................................................................... 107 47. 의존명사는 앞말과 띄어 쓴다........................................................................................................ 110

09 _ 문장부호와 특수 기호.............................................................................................................. 113 48. 마침표................................................................................................................................................... 114 49. 쉼표........................................................................................................................................................ 119 50. 가운뎃점............................................................................................................................................... 123 51. 빗금......................................................................................................................................................... 125 52. 소괄호.................................................................................................................................................... 129 53. 대괄호.................................................................................................................................................... 133 54. 홑화살괄호........................................................................................................................................... 134 55. 큰따옴표............................................................................................................................................... 136 56. 작은따옴표.......................................................................................................................................... 138 57. 쌍점........................................................................................................................................................ 140 58. 물결표................................................................................................................................................... 142

11

3쇄책.indb 11

2016-02-02 오전 11:23:22


목·차

59. 붙임표................................................................................................................................................... 144 60. 줄임표................................................................................................................................................... 146 61. 물음표와 느낌표.................................................................................................................................. 149 62. 기타 특수 기호 표기......................................................................................................................... 151

10 _ 숫자와 단위 표기........................................................................................................................... 155 63. 숫자와 단위 표기 기본 원칙........................................................................................................... 156 64. 단위 표기.............................................................................................................................................. 160 65. 날짜와 시간 표기............................................................................................................................... 164 66. 전화번호 표기..................................................................................................................................... 168 67. 통화 표기............................................................................................................................................... 170 68. 버전명 표기.......................................................................................................................................... 172

11 _ 오류 메시지 작성............................................................................................................................ 175 69. 메시지와 호응하는 버튼 이름을 사용한다................................................................................ 177 70. 상태, 원인, 해결 방법을 제시한다................................................................................................ 179 71. 정확하고 필요한 정보만 전달한다................................................................................................ 182 72. 죄송하다는 말은 쓰지 않는다........................................................................................................ 183 73. 높임법을 과도하게 사용하거나 부탁하는 어투를 사용하지 않는다................................. 184 74. 자주 볼 수 있는 오류 메시지.......................................................................................................... 186

12

3쇄책.indb 12

2016-02-02 오전 11:23:22


목·차

12 _ 전 세계 사용자를 고려한 가이드................................................................................... 191 75. 텍스트 길이가 달라질 수 있다는 점을 염두에 둔다............................................................... 192 76. 시각 자료를 사용할 때 주의할 점................................................................................................. 195 77. 날짜와 시간.......................................................................................................................................... 198 78. 숫자........................................................................................................................................................ 201 79. 통화........................................................................................................................................................ 203 80. 단위........................................................................................................................................................ 206

부록 A. UI 요소별 권장 표현........................................................................................................ 209 부록 B. 회사 이름, 상표, 저작권 표기................................................................................. 215 부록 C. 자주 틀리는 맞춤법과 외래어표기법............................................................... 223 참고자료............................................................................................................................................................ 228 찾아보기............................................................................................................................................................ 233

13

3쇄책.indb 13

2016-02-02 오전 11:23:23


1부 웹 서비스 글쓰기의 기본

1장 웹 서비스 글쓰기와 UI 텍스트 2장 정확하게 쓴다 3장 보편적으로 쓴다 4장 일관되게 쓴다 5장 간결하게 쓴다 6장 형식을 갖춰 쓴다

3쇄책.indb 14

2016-02-02 오전 11:23:23


01

웹 서비스 글쓰기와 UI 텍스트

웹 서비스나 애플리케이션 사용자는 버튼, 메뉴, 대화 상자, 입력란, 확인란 등과 같은 UI(user interface, 사용자 인터페이스) 요소를 사용해 서비스에 로그인하 거나 문서를 작성하기도 하고 원하는 물건을 선택해 사기도 한다. 이러한 UI 요 소에 적힌 텍스트와 오류 메시지를 통틀어 ‘UI 텍스트’라고 한다. ‘UI 텍스트’는 사용자가 원하는 기능을 빠르게 실행할 수 있도록 길잡이 역할을 한다.

위 그림의 텍스트는 모두 UI 텍스트

3쇄책.indb 15

2016-02-02 오전 11:23:23


사용자는 ‘UI 텍스트’를 보고 무엇을 할 수 있는지, 원하는 동작을 실행하려면 어떻게 해야 하는지 알 수 있다. 이 책에서 다루는 ‘웹 서비스 글쓰기’는 사용자 와 소통하는 중요한 매개인 ‘UI 텍스트’를 어떻게 써야 하는가에 초점을 맞춘 것 이다. 사실 늘 일정에 쫓기다 보니 UI 텍스트까지 챙길 여유가 없다. 게다가 어떻게 쓰 는 게 좋은지도 알기 어렵다. 기능 오류도 아닌데 웬만해서는 그냥 넘어가도 될 것 같다. 그런데 막상 사용자가 다음 그림과 같은 오류를 접하면 어떨까.

클릭

이용 안내를 보려고 링크를 클릭했지만 서비스가 종료됐다는 메시지만 나오고 더 이상의 안내가 없는 경우

오타

원하는 정보를 바로 얻지 못할 때는 불만이 생길 테고 잘못된 표현이나 오타를 볼 때는 서비스 자체의 완성도를 의심하게 될 것이다. 사용자에게 좋은 길잡이가 될 수 있는 UI 텍스트는 어떻게 써야 하는지, 지금부 터 사례와 함께 자세히 알아보자.

3쇄책.indb 16

2016-02-02 오전 11:23:23


02

정확하게 쓴다

UI 텍스트가 잘못됐거나 같은 내용을 페이지마다 다르게 안내하고 있다면 사용 자는 정확한 정보를 찾으려고 이런저런 버튼이나 메뉴를 클릭해 볼 것이다. 주 변에 물어보고 웹 사이트에서 검색도 해 보고, 그래도 안 되면 고객센터에 문의 해 볼 것이다. 이런 번거로운 과정을 거치는 동안 서비스에 대한 만족도 역시 떨 어지게 되지 않을까.

KEEP RIGHT 아~~ 어쩌란 말인가!

서비스를 불만 없이 원활하게 사용하게 하려면 무엇을 어떻게 해야 하는지 정확 하게 알려 주는 것이 무엇보다 중요하다. 여기서는 정확한 정보를 전달하려면 UI 텍스트를 쓸 때 어떤 점을 주의해야 하 는지 알아보겠다.

3쇄책.indb 17

2016-02-02 오전 11:23:23


01

정확한 내용을 쓴다

정확한 내용만을 써야 한다. 정확하지 않은 정보는 사용자에게 혼란만 더할 뿐 이다. 다음은 스포츠 중계를 보다가 응원 댓글을 쓰려고 할 때 나타나는 메시지다.

응원 글을 쓰고(아래 그림 ➋) 등록을 클릭했더니 댓글이 바로 등록되지 않고 최 소 10자까지 입력할 수 있습니다.라는 메시지(아래 그림 ➌)가 나타난다.

입력한 글자 수가 4글자이니 최소 10자까지 입력할 수 있습니다.라는 안내에 따른 것인데 왜 등록되지 않고 자꾸 같은 안내 메시지가 나타날까. 테스트를 해 보니 10자 ‘이상’을 써야 글이 등록되는 것을 확인할 수 있었다. 따라서 ➌ 메시 지는 다음과 같이 바꿔 써야 한다. 10자 이상 입력해야 합니다.

더 좋은 방법은 글을 입력하기 전에 미리 글자 수 제한을 알 수 있게 댓글 창의 기본 메시지(위 그림 ➊)를 다음과 같이 바꿔 쓰는 것이다. 응원 댓글은 10자 이상 65자 이하로 작성할 수 있습니다.

18 1부 _ 웹 서비스 글쓰기의 기본

3쇄책.indb 18

2016-02-02 오전 11:23:23


다른 예를 하나 더 살펴보자. 다음은 설명과 실제 서비스 메뉴가 다른 예다. 사 용 아이디를 변경하려면 서비스 아래에 있는 [관리 > 휴면, 이전] 메뉴를 사용하 라고 돼 있지만 실제 서비스 아래에는 ‘관리’ 메뉴나 ‘휴면, 이전’ 메뉴는 없다.

서비스 하단 어디에도 이런 메뉴는 없다.

처음에는 ‘관리’였던 메뉴 이름을 ‘환경설정’으로 바꾸고 나서 메시지는 바꾸지 않은 채 출시한 게 아닐까 싶다. 이러한 오류가 일어나지 않게 하려면 메뉴나 버 튼 이름 등을 바꿀 때 관련 메시지까지 모두 확인해 바꿔야 한다. 앞의 메시지는 실제 서비스 내용에 맞게 다음과 같이 바꿔야 한다. N드라이브 서비스 왼쪽 아래의 환경설정을 클릭하고 아이디 이전에서 이전할 아이디 를 지정하세요.

02_정확하게 쓴다

3쇄책.indb 19

19

2016-02-02 오전 11:23:23


02

상황에 맞는 적절한 표현을 쓴다

UI 텍스트를 만들 때는 기능을 한눈에 파악할 수 있게 상황에 맞는 적절한 표현 을 써야 한다. 다음 그림에서 ➊ 구매영수증을 클릭하면 ➋창이 나타난다. ➋창에서 영수증을 인쇄하려면 인쇄를 클릭하면 된다. 그런데 인쇄 옆의 확인을 클릭해도 인쇄가 될 것 같다. 하지만 확인을 클릭하면 창이 닫힌다. 이때는 확인보다 닫기로 써야 더 직관적이다.

➊ ➋

닫기가 적절한 표현이다.

20 1부 _ 웹 서비스 글쓰기의 기본

3쇄책.indb 20

2016-02-02 오전 11:23:23


03

정확한 표현을 쓴다

UI 텍스트는 내용도 정확해야 하지만 표현도 정확해야 한다. 다음 그림에서 ‘좌우로 돌리면서 다양한 주제의 글을 확인할 수 있습니다.’를 읽 고 ‘좌우로 돌리면서’의 의미를 바로 파악할 수 있을까?

휴대폰을 왼쪽, 오른쪽으로 돌리라는 것인지, 무엇을 좌우로 돌리라는 것인지 명확하지 않다. 다른 예를 하나 더 살펴보자. 다음 그림에서는 ‘좌우로 넘겨서’라는 표현을 사용 하고 있다. 스마트폰 사용자라면 ‘좌우로 넘기면서’라는 표현이 무엇인지 바로 이해할 수 있을 것이다.

02_정확하게 쓴다

3쇄책.indb 21

21

2016-02-02 오전 11:23:23


그래도 여전히 ‘무엇을’ 좌우로 넘겨야 하는지는 빠져 있다. 좀 더 명확하게 바 꾸면 ‘화면을’ 좌우로 넘기라고 써야 한다. 모바일 동작 표현 모바일 환경에서 사용자 동작을 어떻게 표현해야 하는지는 “24. 모바일 동작 표 현”(61쪽)을 참고한다.

정확한 표현을 쓸 때 주의해야 할 게 또 있다. 말꼬리를 흐리거나 모호하게 쓰지 않아야 한다는 것이다. ‘아마도’, ‘~할 것 같다’, ‘~하지 않을까 생각된다’와 같은 모호한 표현은 내용의 신뢰도를 떨어뜨릴 수 있다. 나빠요 이 기능은 아마 다음 버전에서 지원할 것 같습니다. 좋아요 이 기능은 메일 2.0에서 지원할 예정입니다. 베타 버전과 같이 일부 기능이 구현되지 않은 제품을 출시할 때 위와 같은 안내 메시지 를 사용할 때가 있다. 이때는 구현되지 않은 기능이 어느 버전에서 지원될 예정인지 되 도록 명확하게 써야 한다.

22 1부 _ 웹 서비스 글쓰기의 기본

3쇄책.indb 22

2016-02-02 오전 11:23:23


04

필요한 정보를 생략하지 않는다

UI 텍스트는 문서를 쓸 때와는 다르게 짧은 문장으로 필요한 내용만 정확하게 써야 한다. 그런데 문장을 줄이다 보면 필요한 정보까지 생략해 버리는 일이 생긴다. 필요한 정보가 생략되면 그 뜻을 제대로 이해하지 못할 수 있다. 따라 서 작성한 텍스트를 여러 번 읽고 빠진 내용은 없는지 반드시 확인하고 고쳐 야 한다. 나빠요 잘 안 들릴 때만 살짝 올려 주세요. 좋아요 잘 안 들릴 때만 마우스 포인터를 올려 주세요. 수정 전 문장에서는 무엇을 올려야 하는지 알 수 없다. 올려야 할 대상이 무엇인지도 알려준다. 나빠요 내려받기 진행 창을 닫기해도 계속 진행됩니다. 좋아요 내려받기 진행 창을 닫아도 내려받기가 중단되지 않습니다. 수정 전 문장에서는 무엇이 계속되는 것인지 알 수 없다. 수정 후 문장에서는 ‘내려받 기’를 추가해 무엇이 계속되는지 안내한다.

02_정확하게 쓴다

3쇄책.indb 23

23

2016-02-02 오전 11:23:23


나빠요

좋아요 인터넷 신청 시 환전 수수료 80% 할인! 수정 전 문장에서는 무엇을 할인하는지 정확한 정보를 알 수 없다. 할인 대상이 무엇인 지 빠트리지 않아야 한다.

24 1부 _ 웹 서비스 글쓰기의 기본

3쇄책.indb 24

2016-02-02 오전 11:23:24


05

완전한 문장으로 쓴다

UI 텍스트를 쓸 때는 완전한 문장으로 쓴다. 완전하지 않은 문장으로는 내용을 정확하게 전달할 수 없다. 나빠요 파일이 이미 있습니다. 기존 파일 덮어쓰기. 좋아요 파일이 이미 있습니다. 기존 파일을 현재 파일로 덮어쓰시겠습니까? 수정하기 전 문장보다 수정한 문장이 내용을 더 정확하게 전달한다.

02_정확하게 쓴다

3쇄책.indb 25

25

2016-02-02 오전 11:23:24


06

정확한 단위를 사용한다

UI 텍스트를 쓰다 보면 숫자와 단위를 써야 할 때가 자주 있다. 입력할 수 있는 글자 수를 제한할 때, 메일에 첨부할 파일이나 그림 크기 등을 제한할 때 등이 그렇다. 그런데 가끔 단위는 없고 숫자만 있거나 정확하지 않은 단위를 쓸 때가 있다. 숫자만 써도 문맥에 따라 단위를 유추할 수 있는 사용자도 있겠지만 정보 를 정확하게 전달하려면 단위까지 정확하게 써야 한다. ■■단위를 생략하지 않는다.

나빠요 가로 크기: 800 좋아요 가로 크기: 800px ■■정확한 단위를 사용한다.

앞의 그림에서 ‘100G’로만 쓴 것은 정확한 표현이 아니다. ‘G’가 ‘기가바이트’를 나타 내는지 ‘기가비트’를 나타내는지 정확하지 않기 때문이다. ‘기가바이트’는 ‘GB’로 쓰고 ‘기가비트’는 ‘Gbit’로 쓴다. 여기서 나타내고자 했던 것은 ‘기가바이트’이므로 ‘GB’로 써야 한다.

100GB

단위를 어떻게 써야 하는지는 “64. 단위 표기”(160쪽)를 참고한다.

26 1부 _ 웹 서비스 글쓰기의 기본

3쇄책.indb 26

2016-02-02 오전 11:23:24


07

지시대명사를 쓰지 않는다

한눈에 원하는 정보를 파악할 수 있게 하려면 ‘이곳’, ‘저곳’ 등과 같은 지시대 명사를 사용하지 말고 ‘이곳’, ‘저곳’ 등이 가리키는 게 무엇인지를 직접 쓰는 것이 좋다. 나빠요 회원제 전환에 대한 안내는 이곳을 참고하여 주세요. 좋아요 회원제 전환에 대한 안내는 공지 사항을 참고해 주세요. ‘이곳’은 어디로 이동하는지 알 수 없는 모호한 표현이다. 이동할 페이지 이름을 정확하 게 쓴다.

02_정확하게 쓴다

3쇄책.indb 27

27

2016-02-02 오전 11:23:24


08

맞춤법과 외래어표기법을 지킨다

UI 텍스트 오류는 기능 오류보다 훨씬 가벼운 오류라 생각해 제대로 확인하지 않고 서비스를 출시할 때가 많다. 일정이 빠듯하다 보니 텍스트까지 확인할 여 유가 없을 때도 있다. 하지만 UI 텍스트에 오타나 맞춤법 오류가 있다면 서비스 자체의 품질에도 의심을 품게 된다.

맞춤법 오류를 줄이려면 UI 텍스트를 쓴 다음 반드시 다시 읽어 봐야 한다. 그리 고 사전에서 올바른 표기법을 찾아보는 습관을 들여야 한다. 나빠요

좋아요 추천 기능을 켜면 ‘켜다’의 의미로 ‘키다’를 쓰는 경우가 있으나 ‘켜다’만 표준어로 삼기 때문에 ‘켜다'로 고 쳐 쓴다.

맞춤법과 외래어표기법에 대한 자세한 설명은 “7장 권장 표현과 올바른 표기” (79쪽)를 참고한다.

28 1부 _ 웹 서비스 글쓰기의 기본

3쇄책.indb 28

2016-02-02 오전 11:23:24


09

줄여 쓰지 않는다

문자 메시지나 라인, 카카오톡과 같은 메신저로 대화하는 것이 일상화되면서 말 을 줄여 쓰는 게 습관이 됐다. 그러다 보니 UI 텍스트를 쓸 때도 줄여 쓴 예가 종 종 있다. ‘Internet Explorer’를 ‘IE’로, ‘Microsoft’를 ‘MS’로 ‘실시간 급상승 검색어’를 ‘실급검’으로 줄여 쓰는 게 그 예다. 하지만 출시된 서비스의 UI 텍스 트에서는 서비스나 제품 이름을 비롯해 표현 등도 줄여 써서는 안 된다. 다음 그림은 서비스 이름을 줄여 쓴 예다.

위 그림에서 ➊ ‘지쇼상품’은 무엇을 의미할까? 무엇인지 정확히 알 수는 없지만 ➋에서는 ‘지식쇼핑상품’이라고 쓴 것을 보니 ‘지쇼’는 ‘지식쇼핑’을 줄여서 쓴

것으로 보인다. 서비스를 만들면서 편의상 줄여 부르던 말을 그대로 쓴 것이 아 닐까 싶다. 다음 그림은 제품 이름을 정확하게 쓰지 않은 예다. ‘Internet Explorer’와 ‘Firefox’는 고유한 제품 이름이므로 정해진 그대로 써야 한다. 대소문자도 정확 하게 구분해 써야 한다. 다만 한글 웹 사이트에서는 쉽게 검색할 수 있게 ‘인터 넷 익스플로러’ 등과 같이 한글을 함께 쓰기도 한다. 02_정확하게 쓴다

3쇄책.indb 29

29

2016-02-02 오전 11:23:24


다음 그림에 있는 UI 텍스트는 검색과는 상관없으니 ‘Internet Explorer’나 ‘Firefox’로 정확하게 써야 한다.

서비스, 제품, 회사 이름은 등록된 공식 표기를 따라야 하며, 띄어쓰기와 대소문 자도 정확하고 일관되게 써야 한다. 자주 사용하는 서비스, 제품, 회사 이름의 정 확한 표기법은 “부록 B 회사 이름, 상표, 저작권 표기”(215쪽)를 참고한다. 줄여 쓰는 말이 회사 이름이나 서비스 이름뿐만은 아니다. 다음 예와 같이 표현 도 줄여 쓸 때가 있는데 이는 올바른 표현이 아니니 반드시 정확하게 고쳐 써야 한다. 나빠요 카페에서 강퇴당할 수 있습니다. 실시간으로 업뎃됩니다. 좋아요 카페에서 강제 퇴장을 당할 수 있습니다. 실시간으로 업데이트됩니다.

30 1부 _ 웹 서비스 글쓰기의 기본

3쇄책.indb 30

2016-02-02 오전 11:23:24


10

키보드 키 이름을 정확하게 쓴다

키보드 키 이름을 쓸 때는 A, B, C, D와 같이 알파벳 하나로 돼 있는 키는 항상 대문자로 쓰고 Ctrl, Shift 등과 같은 특수 키는 키보드에 나타난 그대로 쓴다. 여기서는 Windows 운영체제를 기준으로 키보드 키 이름을 소개한다.

올바른 키보드 키 이름 표기

Alt

Backspace

Break

Caps Lock

Ctrl

End

Enter

Esc

F1~F12

Home

Insert

Num Lock

Page Down

Page Up

Pause

Print Screen

Scroll Lock

Shift

Tab

Windows 로고 키

스페이스바

아래쪽 화살표

오른쪽 화살표

왼쪽 화살표

위쪽 화살표

화살표 키

02_정확하게 쓴다

3쇄책.indb 31

31

2016-02-02 오전 11:23:24


■■키보드 키 이름은 키보드에 나타난 그대로 쓴다.

나빠요

좋아요

Esc 키를 누르면 마침 ■■여러 키를 조합해서 사용할 때는 중간에 더하기(+) 기호를 쓴다. 더하기(+) 기호 앞뒤에

는 빈칸을 두지 않는다. Ctrl+C

Alt+Shift+S

키보드 키 동작을 어떻게 표현하는지는 “19. 키보드 동작 표현”(53쪽)을 참고 한다.

32 1부 _ 웹 서비스 글쓰기의 기본

3쇄책.indb 32

2016-02-02 오전 11:23:24


웹 기획자가 알아야 할 서비스 글쓰기의 모든 것 (개정판)  

유영경, 이인실, 박춘권, 김붕미, 원혜정, 장주혜 지음 | TECH@NHN 시리즈_013 | ISBN: 9791158390259 | 12,000원 | 2016년 02월 18일 발행 | 236쪽 | UI 텍스트, 글쓰기, 기획, 맞춤법, 웹 서비스 콘...

Read more
Read more
Similar to
Popular now
Just for you