Your SlideShare is downloading. ×
CodeFest 2013. Бурт А. — Текст в интерфейсах
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

CodeFest 2013. Бурт А. — Текст в интерфейсах

3,514
views

Published on


0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,514
On Slideshare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
23
Comments
0
Likes
5
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Можно укоротить?Какие слова можно убрать?
  • Можно укоротить?Какие слова можно убрать?
  • Можно укоротить?Какие слова можно убрать?
  • Вёрстка – неотъемлемая часть текста.Бросать текст в базу данных и показывать как попало – безответственно.
  • Вёрстка – неотъемлемая часть текста.Бросать текст в базу данных и показывать как попало – безответственно.
  • Вёрстка – неотъемлемая часть текста.Бросать текст в базу данных и показывать как попало – безответственно.
  • Вёрстка – неотъемлемая часть текста.Бросать текст в базу данных и показывать как попало – безответственно.
  • В музее: навигационный текст предельно короткийИнформационный текст длиннее
  • Компактный текст (гештальт - тефтель)
  • Компактный текст (гештальт - тефтель)
  • Твейн: второй черновик = первый черновик – 10%рисовать компактную фигуру/иконку лучше чем большую сложную схему
  • Твейн: второй черновик = первый черновик – 10%рисовать компактную фигуру/иконку лучше чем большую сложную схему
  • Твейн: второй черновик = первый черновик – 10%рисовать компактную фигуру/иконку лучше чем большую сложную схему
  • Твейн: второй черновик = первый черновик – 10%рисовать компактную фигуру/иконку лучше чем большую сложную схему
  • Твейн: второй черновик = первый черновик – 10%рисовать компактную фигуру/иконку лучше чем большую сложную схему
  • Твейн: второй черновик = первый черновик – 10%рисовать компактную фигуру/иконку лучше чем большую сложную схему
  • Твейн: второй черновик = первый черновик – 10%рисовать компактную фигуру/иконку лучше чем большую сложную схему
  • Твейн: второй черновик = первый черновик – 10%рисовать компактную фигуру/иконку лучше чем большую сложную схему
  • Твейн: второй черновик = первый черновик – 10%рисовать компактную фигуру/иконку лучше чем большую сложную схему
  • Твейн: второй черновик = первый черновик – 10%рисовать компактную фигуру/иконку лучше чем большую сложную схему
  • Short text / long text
  • Short text / long text
  • Short text / long text
  • Short text / long text
  • Short text / long text
  • Short text / long text
  • Short text / long text
  • Short text / long text
  • Short text / long text
  • Short text / long text
  • Short text / long text
  • Мы выбираем цвета в зависимости от их эффекта. То же самое можно делать со звуками.
  • Transcript

    • 1. Lorem ipsum dolor sit amet, maecenas neque tortor cursus accumsan, sodales suspendisse. suspendisse nisl habitant, ullamcorper craseu, mauris pellentesque facilisi orci, quam proin Erat sodales mollis duis imperdiet tellus neque. Fringilla sapien odio voluptatem, quiserat lectus fringilla id felis. Molestie ipsum vitae vestibulum, eros magna in sem, curabitur neque integer vel at leo felis cursus, porttitor tinciduntut, ultrices purus. Sit vel arcu, tempus justo in vivamus ante tellus, scelerisque duis in tortor vulputate litora natoque eu rutrum, nequeamet cum ipsum aenean, in malesuada sit sit. Lobortis rutrum nec elit felis nulla mi, vitae, aliquet fusce arcu. Tincidunt urna accras, pulvinar lacinia non cras egestas urna. Nec nonummy, gravida ut morbi lorem in pede, ac ultricies ut, eleifend nonummypellentesque, iaculis quam a lorem. Nunc nostra dictumst donec dictum nonummy. Lobortis in nunc velit sollicitudin, duis pellentesque atmi tristique tortor nisl wisi. Sed porta arcu libero, sagittis euismod ut morbi sit laoreet commodo odio lorem, euismod placeratmauris sit, maecenas pulvinar, justo erat elementum, id leo odio fermentum amet lacinia, commodo nulla praesent. Molestie potenti etsollicitudin laoreet ipsum, litora tellus libero arcu elit pede, in arcu a eget. Amet enim, sapien. Felis parturient blandit placerat sempermetus. Mauris in vitae enim mauris ullamcorper suspendisse id blandit erat. ac sit, nulla mauris quis, luctus egestasquam, sodales augue sodales proin est bibendum turpis metus ullamcorper, id inhendrerit, aliquet metus et, eget non Blandit felis risus fermentum amet, cras justo pellentesque id, sapien nam. Vel interdum etiamsuspendisse nisl habitant, ullamcorper cras amet pede, nulla aenean lorem tempus quam. inceptos.neque. Fringilla sapien odio voluptatem, quis Nullam lectus, ut et dolor vivamus, velit duis, Ea dignissim quis auctor amet urna, vel ametinteger vel at leo felis cursus, porttitor tincidunt sed et. Sed aliquam duis, mi iaculis, sed ut quam et parturient vestibulum, in felis, ТЕКСТvulputate litora natoque eu rutrum, neque tristique ut lacus felis eros, sed laoreet, proin scelerisque natoque ut, elit inceptos. Porttitorvitae, aliquet fusce arcu. Tincidunt urna ac venenatis ut. Lacus quam accumsan quam leo eu quis, non dui euismod sodales, nunclorem in pede, ac ultricies ut, eleifend nonummy vehicula, ut volutpat sit erat, odio accumsan pellentesque dignissim amet commodo lacusnunc velit sollicitudin, duis pellentesque at aenean mi quam sed sit. Pharetra libero sem tempora, luctus sed eleifend, elementum lectuscommodo odio lorem, euismod placerat lacus lacus accumsan nec, a at. faucibus morbi ultrices. Hymenaeos ultricescommodo nulla praesent. Molestie potenti et erat, mauris ligula pretium at. Faucibus sed egetsapien. Felis parturient blandit placerat semper Ut sodales risus nulla. Ultricies quis quam, eget gravida euismod, ipsum eu mi sit dis sedac sit, nulla mauris quis, luctus egestasbibendum turpis metus ullamcorper, id in В ИНТЕРФЕЙСАХ dolor mauris in pede, suspendisse sem ipsum blandit non, elementum platea in neque, auctor senectus, mauris et, aliquam nec. Nunc id pellentesque tellus sed, suspendissepellentesque id, sapien nam. Vel interdum etiam velit orci justo ut. Tortor velit, erat vivamus. Sed fermentum, ultricies sit pharetra et ad lobortisinceptos. praesent phasellus vel auctor sed, augue eu quam. Incidunt nulla nullam mauris iaculis lacinia. Vehicula augue integer ipsum ipsum eleifend, vitae lacus risus pulvinar eu. Amet nibhEa dignissim quis auctor amet urna, vel amet metus, primis a, nam risus nec. amet, velit urna vel libero, ac orci sit iaculisquam et parturient vestibulum, in tortor cursus accumsan, sodales suspendisse.felis, scelerisque natoque ut, elit inceptos. Lorem ipsum dolor sit amet, maecenas neque Erat sodales mollis duis imperdiet tellusPorttitor leo eu quis, non dui euismod eu, mauris pellentesque facilisi orci, quam proin vestibulum, eros magna in sem, curabitur nequesodales, nunc pellentesque dignissim amet erat lectus fringilla id felis. Molestie ipsum vitae vivamus ante tellus, scelerisque duis in tortorcommodo lacus tempora, luctus sed ut, ultrices purus. Sit vel arcu, tempus justo in sit. Lobortis rutrum nec elit felis nulla mi,eleifend, elementum lectus faucibus morbi amet cum ipsum aenean, in malesuada sit cras, egestas urna. Nec nonummy, gravida ut morbiultrices. Hymenaeos ultrices erat, mauris ligula pulvinar lacinia non cras pellentesque, iaculis dictumst donec dictum nonummy. Lobortis inpretium at. Faucibus sed eget gravida quam a lorem. Nunc nostra mi tristique tortor libero, sagittis euismod ut morbi sit laoreeteuismod, ipsum eu mi sit dis sed nisl wisi. Sed porta arcu mauris sit, maecenas elementum, id leo odio fermentum amet lacinia,senectus, mauris et, aliquam nec. Nunc id pulvinar, justo erat sollicitudin laoreet ipsum, arcu elit pede, in arcu a eget. Amet enim,pellentesque tellus sed, suspendisse litora tellus libero metus. Mauris in vitae enim ullamcorper suspendisse id blandit erat. Luctusfermentum, ultricies sit pharetra et ad lobortis mauris quam, sodales augue sodales proin est sed eleifend, elementum lectus faucibus morbi,quam. Incidunt nulla nullam mauris iaculis hendrerit, aliquet metus et, eget non neque vitae aliquet fusce arcu. Александр Буртeleifend, vitae lacus risus pulvinar eu. Amet nibh
    • 2. Текст = интерфейс
    • 3. РеакцияДиалог
    • 4. Социальные навыки
    • 5. «Нормальный» человек
    • 6. Хорошее не заметят Плохое не простят
    • 7. Выбери меня! Птица счастья завтрашнего дняВыбери Выбери меня!меня! Выбери меня!Выберименя! Выбери меня! Выбери меня!
    • 8. Процесс работы
    • 9. ВОЙДИТЕ В КОМАНДУПОБЕДИТЕЛЕЙ ВМЕСТЕС КРЕДИТНОЙ КАРТОЙVISA СБЕРБАНКА!
    • 10. ВОЙДИТЕ В КОМАНДУ ПОБЕДИТЕЛЕЙВМЕСТЕ С КРЕДИТНОЙ КАРТОЙ VISA СБЕРБАНКА!
    • 11. ВОЙДИТЕ В КОМАНДУ ПОБЕДИТЕЛЕЙВМЕСТЕ С КРЕДИТНОЙ КАРТОЙVISA СБЕРБАНКА!
    • 12. ВОЙДИТЕ В КОМАНДУ ПОБЕДИТЕЛЕЙВМЕСТЕ С КРЕДИТНОЙ КАРТОЙVISA СБЕРБАНКА!
    • 13. ВОЙДИТЕ В КОМАНДУ ПОБЕДИТЕЛЕЙВМЕСТЕ С КРЕДИТНОЙ КАРТОЙVISA СБЕРБАНКА!
    • 14. ВОЙДИТЕ В КОМАНДУ ПОБЕДИТЕЛЕЙВМЕСТЕ С КРЕДИТНОЙ КАРТОЙ VISA!
    • 15. ВОЙДИТЕ В КОМАНДУ ПОБЕДИТЕЛЕЙВМЕСТЕ С КРЕДИТНОЙ КАРТОЙ VISA!
    • 16. ВОЙДИТЕ В КОМАНДУ ПОБЕДИТЕЛЕЙВМЕСТЕ С КРЕДИТНОЙ КАРТОЙ VISA!
    • 17. ВОЙДИТЕ В КОМАНДУ ПОБЕДИТЕЛЕЙС КРЕДИТНОЙ КАРТОЙ VISA!
    • 18. ВОЙДИТЕ В КОМАНДУ ПОБЕДИТЕЛЕЙС КРЕДИТНОЙ КАРТОЙ VISA!
    • 19. ВОЙДИТЕ В КОМАНДУ ПОБЕДИТЕЛЕЙС КРЕДИТНОЙ КАРТОЙ VISA!
    • 20. ´ ´В КОМАНДУ ПОБЕДИТЕЛЕЙ ´ ´ ´С КРЕДИТНОЙ КАРТОЙ VISA!
    • 21. ´ ´ В КО МАН ДУ ПО БЕ ДИ ТЕ ЛЕЙ ´ ´ ´С КРЕ ДИТ НОЙ КАР ТОЙ VI SA!
    • 22. ´ ´ В КО МАН ДУ ПО БЕ ДИ ТЕ ЛЕЙ ´ ´ ´С КРЕ ДИТ НОЙ КАР ТОЙ VI SA!
    • 23. Сбербанк России опубликовалсокращенную промежуточнуюконсолидированнуюфинансовую отчётность всоответствии смеждународными стандартамифинансовой отчетности (МСФО)за первое полугодие 2011 года
    • 24. Сбербанк России опубликовалсокращенную промежуточнуюконсолидированнуюфинансовую отчётность всоответствии смеждународными стандартамифинансовой отчетности (МСФО)за первое полугодие 2011 года
    • 25. Сбербанк России опубликовалсокращенную промежуточнуюконсолидированнуюфинансовую отчётность всоответствии смеждународными стандартамифинансовой отчетности (МСФО)за первое полугодие 2011 года
    • 26. Сбербанк России опубликовалсокращенную промежуточнуюконсолидированнуюфинансовую отчётность всоответствии смеждународными стандартамифинансовой отчетности (МСФО)за первое полугодие 2011 года
    • 27. Сбербанк России опубликовалсокращенную промежуточнуюконсолидированнуюфинансовую отчётность всоответствии смеждународными стандартамифинансовой отчетности (МСФО)за первое полугодие 2011 года
    • 28. Сбербанк России опубликовалсокращенную промежуточнуюконсолидированнуюфинансовую отчётность всоответствии смеждународными стандартамифинансовой отчетности (МСФО)за первое полугодие 2011 года
    • 29. Сбербанк России опубликовалсокращенную промежуточнуюконсолидированнуюфинансовую отчётность всоответствии смеждународными стандартамифинансовой отчетности (МСФО)за первое полугодие 2011 года
    • 30. Сбербанк России опубликовалсокращенную промежуточнуюконсолидированнуюфинансовую отчётность всоответствии смеждународными стандартамифинансовой отчетности (МСФО)за первое полугодие 2011 года
    • 31. Сбербанк опубликовалпромежуточнуюфинансовую отчётностьв соответствиис международнымистандартамиза первое полугодие 2011 года
    • 32. Сбербанк опубликовалпромежуточнуюфинансовую отчётностьв соответствиис международнымистандартамиза первое полугодие 2011 года
    • 33. Сбербанк опубликовалпромежуточнуюфинансовую отчётностьв соответствиис международнымистандартамиза первое полугодие 2011 года
    • 34. Сбербанк опубликовалпромежуточнуюфинансовую отчётностьза первое полугодие 2011 годав соответствиис международнымистандартами
    • 35. Сбербанк опубликовалпромежуточнуюфинансовую отчётностьза первое полугодие 2011 годав соответствиис международнымистандартами
    • 36. Сбербанк опубликовалпромежуточнуюфинансовую отчётностьза первое полугодие 2011 годав соответствиис международнымистандартами
    • 37. Сбербанк опубликовалпромежуточнуюфинансовую отчётностьза первое полугодие 2011 годав соответствиис международнымистандартами
    • 38. Сбербанк опубликовалпромежуточнуюфинансовую отчётностьза первое полугодие 2011 годав соответствиис международнымистандартами
    • 39. Сбербанк опубликовалфинансовую отчётностьза первое полугодие 2011 года
    • 40. Сбербанк опубликовалфинансовую отчётностьза первое полугодие2011 года...
    • 41. ПРОЩЕКОРОЧЕ
    • 42. НАМ ВАЖНО,ЧТО ВАМ ВАЖНО!
    • 43. ´ ´НАМ ВАЖНО ТО, ´ ´ЧТО ВАМ ВАЖНО!
    • 44. ´ ´НАМ ВАЖНО ТО, ´ ´ЧТО ВАМ ВАЖНО!
    • 45. ´ ´НАМ ВАЖНО ТО, ´ ´ЧТО ВАЖНО ВАМ!
    • 46. Смысл в каждой строке Узнавайте о главных Узнавайте событиях ближайшей о главных событиях недели по электронной ближайшей недели почте. по электронной почте.
    • 47. Смысл во всех строках
    • 48. Выбрасывайте лишнее
    • 49. •••
    • 50. оранжевых икринок «тобико»оранжевых икринок тобико
    • 51. На «Винзаводе» 1 сентября На «Винзаводе» 1 сентябряоткрывается фестиваль открывается фестивальсоветской рекламы — будут советской рекламы...показывать... Читать дальше Читать дальше
    • 52. %%%document.write(text.split("%%%", 1) + "...");document.write(text.replace("%%%", ""));
    • 53. Нужен ли текст вообще?
    • 54. < 18
    • 55. «А ну ка я пойдуЗашёл на сайт Регистрация зарегистрируюсь»
    • 56. «А ну ка я пойдуЗашёл на сайт «О, какая новость!» прокомментирую»
    • 57. «А ну ка я пойду «РегистрироватьсяЗашёл на сайт «О, какая новость!» прокомментирую» надо...»«Уроды!» ? Регистрация
    • 58. Открыв эту дверь, вы сможете черезнеё пройти, кого-нибудь впустить иливыпустить и увидеть, что находится поту сторону.
    • 59. Выполняется выход изприложения«Настройка».Для повторного входа вприложение нажмитезначок «Настройка». Больше не показыватьВыход Отменить
    • 60. Альфа-Банк осуществляет все виды банковских операций, помогая вам лучше ориентироватьсяв мире финансов, эффективно распоряжаться деньгами и обеспечивая удобство банковскогообслуживания.
    • 61. Альфа-Банк осуществляет все виды банковских операций, помогая вам лучше ориентироватьсяв мире финансов, эффективно распоряжаться деньгами и обеспечивая удобство банковскогообслуживания.
    • 62. Альфа-Банк осуществляет все виды банковских операций, помогая вам лучше ориентироватьсяв мире финансов, эффективно распоряжаться деньгами и обеспечивая удобство банковскогообслуживания.
    • 63. Альфа-Банк осуществляет все виды банковских операций, помогая вам лучше ориентироватьсяв мире финансов, эффективно распоряжаться деньгами и обеспечивая удобство банковскогообслуживания.
    • 64. Альфа-Банк осуществляет все виды банковских операций, помогая вам лучше ориентироватьсяв мире финансов, эффективно распоряжаться деньгами и обеспечивая удобство банковскогообслуживания.
    • 65. ?
    • 66. Пишите просто
    • 67. УВАЖАЕМЫЕ КЛИЕНТЫ! ОПЛАТА ТОПЛИВА ПРОИЗВОДИТСЯ ТОЛЬКО В КАССАХ МАГАЗИНА ЕСЛИ ВАМ ПРЕДЛАГАЮТОПЛАТИТЬ ТОПЛИВО НЕПОСРЕДСТВЕННО НА КОЛОНКЕ, УБЕДИТЕЛЬНАЯ ПРОСЬБА СООБЩИТЬ ОБ ЭТОМ ДЕЖУРНОМУ МЕНЕДЖЕРУ АЗК ИЛИ ПО ТЕЛ. 123-45-67 / 123-45-68
    • 68. УВАЖАЕМЫЕ КЛИЕНТЫ! ОПЛАТА ТОПЛИВА ПРОИЗВОДИТСЯ ТОЛЬКО В КАССАХ МАГАЗИНА ЕСЛИ ВАМ ПРЕДЛАГАЮТОПЛАТИТЬ ТОПЛИВО НЕПОСРЕДСТВЕННО НА КОЛОНКЕ, УБЕДИТЕЛЬНАЯ ПРОСЬБА СООБЩИТЬ ОБ ЭТОМ ДЕЖУРНОМУ МЕНЕДЖЕРУ АЗК ИЛИ ПО ТЕЛ. 123-45-67 / 123-45-68
    • 69. ОПЛАТА ТОЛЬКО В КАССАХЕСЛИ ВАМ ПРЕДЛАГАЮТ ОПЛАТИТЬ НА КОЛОНКЕ, СООБЩИТЕ МЕНЕДЖЕРУ ИЛИ ПО ТЕЛ. 123-45-67 / 123-45-68
    • 70. ВНИМАНИЕ! ОПЛАТА ТОЛЬКО В КАССАХЕСЛИ ВАМ ПРЕДЛАГАЮТ ОПЛАТИТЬ НА КОЛОНКЕ, СООБЩИТЕ МЕНЕДЖЕРУ ИЛИ ПО ТЕЛ. 123-45-67 / 123-45-68
    • 71. ВНИМАНИЕ! ОПЛАТА В КАССАХЕСЛИ ВАМ ПРЕДЛАГАЮТ ОПЛАТИТЬ НА КОЛОНКЕ, СООБЩИТЕ МЕНЕДЖЕРУ ИЛИ ПО ТЕЛ. 123-45-67 / 123-45-68
    • 72. ВНИМАНИЕ!ОПЛАТА В КАССАХ ЕСЛИ ВАМ ПРЕДЛАГАЮТ ОПЛАТИТЬ НА КОЛОНКЕ, СООБЩИТЕ МЕНЕДЖЕРУИЛИ ПО ТЕЛ. 123-45-67 / 123-45-68
    • 73. ВНИМАНИЕ!ОПЛАТА В КАССАХ ЕСЛИ ВАМ ПРЕДЛАГАЮТ ОПЛАТИТЬ НА КОЛОНКЕ, СООБЩИТЕ МЕНЕДЖЕРУИЛИ ПО ТЕЛ. 123-45-67 / 123-45-68
    • 74. ВНИМАНИЕ!ОПЛАТА В КАССАХ ЕСЛИ ВАМ ПРЕДЛАГАЮТ ОПЛАТИТЬ НА КОЛОНКЕ, СООБЩИТЕ МЕНЕДЖЕРУ ИЛИ ПО ТЕЛ. 123-45-67 / 123-45-68
    • 75. Если сразу не понятно — текст слишком сложный Поймут ли иностранцы? Поймут ли дети? Понятно > правильно
    • 76. Учитывайте контекст!
    • 77. The disc you inserted is damagedand cannot be used. OK
    • 78. The disc you inserted is damagedand cannot be used. OK OK?!
    • 79. The disc you inserted is damagedand cannot be used. Cancel
    • 80. 39% completed Downloading HSS-2.25-install-anchorfree-238-conduit2.exe…Глупо, 39 % 7 MBПроценты и так примерно понятны по прогресс-барунепонятно, 39% completedВ таскбаре непонятно Downloading HSS-2.25-install-anchorfree-238-conduit2.exe… 7 MB
    • 81. 39% HSS-2.25-install-anchorfree-238-conduit2.ex…Downloading HSS-2.25-install-anchorfree-238-conduit2.exe… 7 MB39% HSS-2.25-install-anchorfree-238-conduit2.ex…Downloading 7 MB
    • 82. 39% HSS-2.25-install-anchorfree-238-conduit2.ex…Downloading HSS-2.25-install-anchorfree-238-conduit2.exe… 7 MB 39% - 41 seconds left 2.6 of 6.8 MB @ 101 KB/sec
    • 83. 2632 KB  2.6 MB6833 KB  6.8 MB  7 MB (~7 MB)2h 00m 8s  2 hours2h 17m  about 2 hours
    • 84. 2632 KB  2.6 MB6833 KB  6.8 MB  7 MB (~7 MB)2h 00m 8s  2 hours2h 17m  about 2 hours
    • 85. Автоматизация
    • 86. function getWord(number, word1, word2_4, word){ var last1 = Math.abs(number), last2 = last1; while (last1 >= 10) last1 -= ((last1 / 10) | 0) * 10; while (last2 >= 100) last2 -= ((last2 / 100) | 0) * 100; if (last2 < 11 || last2 > 19) { if (last1 == 1) word = word1; else if (last1 >= 2 && last1 <= 4) word = word2_4; } return word;}document.write(years + " " + getWord(years, "год", "года", "лет"));
    • 87. var suffix = Math.abs(nThings) == 1 ? "" : "s";document.write(nThings + " thing" + suffix);
    • 88. Cпасибо!
    • 89. alex @ bourt.com @alexbourt