UX and copywriting - Blend Conference

Preview:

Citation preview

IN TEXT WE TRUSTOctober 2nd, 2013

Paulin Dementhon@popaulin

Founder @drivy

homepage

activate

contextual content

convert

CONTEXTUAL CONTENT

form error messages

setflashes

confirmation popins

transactionnal emails

SMS

push

contextual help

hard to maintain... but powerful and hard to copy !

tone

TONE

Casual or Formal ? TU or VOUS ?

Anyway talk like a human, not like a machine

don’t dodge difficulties

quality

������������������� �������

�������� ������������

����� ��������������������

� ������ ������������������������������

� ����� ��� ������������������������������ � ���������

!�"����� ���� � ������

#����� � ���!�����������

������"��#��$�����

�$��%&$'�()*�*+��$*��%�#+!+%�*� "�$!��"��$�*%�!�()*

,$-(�+$*.�/%&*��$�*$,+$'�()*�)**&,0

"�!%#��� & ��'(�

��������� ���

����!%��%#)�***

1�������2 ���������

�#���%

0����3�������4

0�������������4

*�2�����������������4 *�2���������������������4

#�55�������6���7����

��������������������� ��� ��6��3��.���8

�������������9�:������

�������������������������������������� �����������������������

���������������������

�+��!�,�),�#-��#�� �+��!�%)����#��

� . � .

� . � .

*�2�����������������4 *�2���������������������4

/-�#0#���#)������00���!���,���%��,�),�#-��#��

/-�#0#�1�%��,��2#������)��!#���)�#3#��%��!�%)����#���4,������,5)�)�),#��)!

�-�%����#)�����,����67�8���#�0)�2��#)����#9�)������)#:����;����#����#<!����!�,��2#�7

"����1��#�,)��#=%��!���,5)�)��!�,��2#�7

/-�#0#�1�%��������=����#����!�%)����#��7� %%���)#���:)#��%���!2-�)��#9�)����>����;���

�!���������������!�%)����#��7��?����,��1�,���%�����@!����!����,���)���>�2;2�

�#��%%������,�-�����>�2;2���@#%��@�3#���!��)�A)#��4�6�)!��?!��,�������!�%)����#��7

��������� �������������������������������������������������������������������������� ����������������������������������������� �������������������������������������������������

�����

!�"�����

/�;���

+����" � ���BC������������������

#���� ������������,�D����5 ��� �5�

<�� ������������:������5 ��� �5�

#���������=� ����6��

(��3����� ���8�

�������!��� �������" #�������$�������������%������������������������&���!����������# ������������������������������������������!'��������#����

B���)!��#3�-4�6>������������� >��#�3������������>�������������������55���������������:��������>�;���.������5����?�:�����5��7�������������@

������7�B��,������%�����,)���=#%#�-��!�:-5#�!%��,�������%��%)���#)�����2@��3�3����%������#�!��������%@-����#�#�#�%>���%@5�!���#��#<!-���!������)�����>������%@��������)E�#%�2@��-�-

��2#�7�AB������������>��������#��>=�9����>�����������������������)!����)22���!���!�,�),�#-��#����!��#�����!��)���������%)���#)�>��)���%����%�!�����-��#%%-��

0#3!������!��%��,�3��5��,�F��GGG7��#:H7�)2��)�����9%)���#)�9:�5#�!%�9�����9,���#�!%#��>�����)!����)22���!������#:H��!��#���������)��#�#)���3-�-��%����!��#��7�B?�#�=#����)2,�#�

<!��%��5����;������������:�����������#��>=���� ���8�>����<!���#�A��������,�����,���%����)��#�#)����?���!�����>�%���-:���!�%%����-,����#)������)����)��%�2������2�

�5��3�7

��������5�!����������#�!�#)�� � �� ��� �5

C��@�@��?�?���;���9���2����������������>�;����D

�7� �

�7� �

�7� �

����������������� �����(�������"�����������)�����

4�!����#0�����>���.���I26

45)������=!����6

��H!���� �-��):#��!��� ��)#�� ��� 3�!�5�� ��H!���� �#%�� ���#D��� 3�!�5�

,����5)�����#D���F�=)!������,�#��!����-���5-����H!����!��%@���#D�����

%��,)�������#D���3�!�5����A)%#:�!���:������)#�����)22�3-

�%-(!$�,$�#&�#$�<+��#$��%�)!+%�

�%�.�����9���2����:�19:)!���)!��:-�#J-��:��������#3����K��)��22����#��-�#�!�>�=��������#���>�A�����>�,��!��K�

%&+.���=�������������������9�55�����

� � �

8��%)����#�����,�),�#-��#���4L6���,�H-��!�%)����#�����,�),�#-��#���4L6�%���)22���� �.��*+�����!�������������������,

8��%)����#�����,�),�#-��#���4L6���2���������#:H�����-3!%��#����%��%)���#)������-%-�5��3���������)�������!��%���#���4�����M2��%)���#)�M�N�M���:#����%#���M6

%&+.��>�;����������������2�.������������������������:����>�������:������5������"�

�O�F����#����>���H!���>��P�5����!��%����#D3��777

-������!�"���������������������������.���������������2�����>�;�������/�0����������1��"���

$�����!�1��"������23�)4�56�3�*���'"���6#3'6#������#'7#���������%�����0 �� ��)#3'6#,������8������� �

BLOG

No commercial exchange of content or links

quality text content builds TRUST and EMPATHY

highest ROI of the UI design process ?

copy writing process

wireframing

Using dummy content in the Web design process can result in products with unrealistic assumptions and design flaws.

DEATH TO LOREM IPSUM

Luke Wroblewski

We use Keynote Kung-Fu rather than paper or wireframing tools like Balsamiq or Mockflow

DEATH TO LOREM IPSUM

Option 1Option 2 Option 3

Label:

Yes

No

Option 1

Option 2

Button

Button

Please select...

Please Select

! Required Field!

JulyJulyJulyJulyJulyJulyJuly

S M T W T F S

1 2

3 4 5 6 7 8 9

10 11 12 13 14 15 16

17 18 19 20 21 22 23

24 25 26 27 28 29 30

Label:

! Required Field!

Please Select

Button

Button

Yes

No

Option 1

Option 2

Option 1Option 2 Option 3

Please select...

Leave a comment:

JulyJulyJulyJulyJulyJulyJuly

S M T W T F S

1 2

3 4 5 6 7 8 9

10 11 12 13 14 15 16

17 18 19 20 21 22 23

24 25 26 27 28 29 30

Leave a comment:

lfdmqùflùqs

# First name Last Name Language

1 Some One English

2 Joe Sixpack English

4 Stu Dent Code

1

Some value here

Disabled input here...carry on.

Profile Messages Settings ContactHome

Profile Messages Settings Contact DropdownHome

Home / Middle page / Another one / Your are here

← Previous 1 2 3 4 5 Next →

naming

NAMING

location vs autopartage

propriétaire vs loueur

demande de location vs réservation

voiture vs véhicule vs annonce

managing content

Architecture

• well structured code with all content in separate files (.yml)

all SMS / setflashes / .... in one place

• CMS for large chunks of content, like static pages

• Zendesk for help

Updating content

Skitch + github issues or github web editor

Next ?

PhraseApp or Locale to make editing easier for non-tech guys and make translation possible

THANKS

Paulin Dementhon@popaulin

Recommended