Sample app desing doc for developes
PAYU Swipe Application
Application Design
Texting guide and field formats
Luisa Osorio
17/10/2012
Screen 1: Login
Session login fields
Field 1: User
Text: USUARIO
Must be fainted as example and disappear when the user enters the corresponding text.
Format: Email
Example:-Field 2: Password
Text: CONTRASEÑA
Must be fainted as example and disappear when the user enters the corresponding text.
Format: Alphanumerical, with special characters and no length restriction
Example: P0l4$!L256
Links
Link 1: Forgot my password link
Text: OLVIDÉ MI CONTRASEÑA
Link 2: New? Register
Text: CREAR MI CUENTA
Buttons
Button 1: Enter
Text: INGRESAR
Screen 2: Sale information simple view
Session login status
Logged in welcome message:
Text: Bienvenido [user’s name and last name]
Quit session button:
Text: Salir
Main tittle
Screen tittle sale Information:
Text: INFORMACIÓN DE LA VENTA
Body tittles
Tittle 1 What are you selling?:
Text: ¿Qué estás vendiendo?
Tittle 2 Total value including taxes:
Text: Valor total incluido impuestos
Tittle 3 How much for taxes?:
Text: ¿Cuánto corresponde a impuestos?
Input fields
Field 1 Example for “what are you selling?”:
Text: Ej: Productos de limpieza para Jose
Format: English alphabet letters
Field 2 Example for “Total value including taxes”:
Text: Ej: 10678
The example text must not have any special characters; symbols, point or comas
Format: Numerical
The user should be unable to enter any special characters or anything different from just numbers. Also after the user has enter the number they want, the number must be shown on the screen with the money symbol at the beginning ($) and the corresponding comas (,) (Example screen 4 below)
Field 3 Drop down menu fainted example for default option:
Text: Selecciona una
Format: Drop down options (Options for the picker view will be described on the next screen)
Next Button
Button 1: Next
Text: SIGUIENTE
Screen 3: Sale information picker view
Session login status
Logged in welcome message:
Text: Bienvenido [user’s name and last name]
Quit session button:
Text: Salir
Main tittle
Screen tittle sale Information:
Text: INFORMACIÓN DE LA VENTA
Body tittles (displaced by the picker)
Tittle 2 Total value including taxes:
Text: Valor total incluido impuestos
Tittle 3 How much for taxes?:
Text: ¿Cuánto corresponde a impuestos?
Input fields
Field 2 Example for “Total value including taxes” (All other fields are displaced by the picker):
Text: Ej: 10678
The example text must not have any special characters; symbols, point or comas
Format: Numerical
The user should be unable to enter any special characters or anything different from just numbers. Also after the user has enter the number they want, the number must be shown on the screen with the money symbol at the beginning ($) and the corresponding comas (,)
Picker
Option 1 I don’t charge taxes:
Text: No cobro impuestos
Format (supporting field shown on the next screen): If the user picks this option, then the supporting field will have a numerical format and the number “0” must be entered by default. The number must be shown on the screen with the money symbol ($) and no more.
Option 2 Percentage:
Text: %
Format (supporting field shown on the next screen): If the user picks this option, then the supporting field will have a percentage format.
It must unable the user to enter any points or comas, it must only allow for the user to enter full numbers, but the field must convert the number into a percentage of 100 and show it on the screen with the percentage symbol. Ex: 16%
Option 3 Value:
Text: $
Format (supporting field shown on the next screen): If the user picks this option, then the supporting field will have a numerical format and allow for the user to enter the tax amount number. It must unable the user to enter any points or comas, it must only allow for the user to enter full numbers but after the number has been entered, it must be shown on the screen with a money symbol ($) and the corresponding comas (,).
Ok button
Ok button:
Text: OK
The button confirms the user’s selection on the picker and closes the picker.
Screen 4: Sale information filled out view
This screen is only information for showing what the final view of the screen should look like after the user has completed the information with an example.
Session login status
Logged in welcome message:
Text: Bienvenido [user’s name and last name]
Quit session button:
Text: Salir
Main tittle
Screen tittle sale Information:
Text: INFORMACIÓN DE LA VENTA
Body tittles
Tittle 1 What are you selling?:
Text: ¿Qué estás vendiendo?
Tittle 2 Total value including taxes:
Text: Valor total incluido impuestos
Tittle 3 How much for taxes?:
Text: ¿Cuánto corresponde a impuestos?
Input fields
Field 1 Example for “what are you selling?”:
Example text: Productos de limpieza para Jose
Format: English alphabet letters
Field 2 Example for “Total value including taxes”:
Example text: $45,500
Format: Numerical
The user should be unable to enter any special characters or anything different from just numbers. Also after the user has enter the number they want, the number must be shown on the screen with the money symbol at the beginning ($) and the corresponding comas (,)
Field 3 Drop down menu fainted example for default option:
Example text: %
Format: Drop down options
Field 4 Drop down menu supporting field:
Option 2 Percentage:
Example text: 16%
Format (supporting field shown on the next screen): If the user picks this option, then the supporting field will have a percentage format.
It must unable the user to enter any points or comas, it must only allow for the user to enter full numbers, but the field must convert the number into a percentage of 100 and show it on the screen with the percentage symbol. Ex: 16%
Next Button
Button 1: Next
Text: SIGUIENTE
Screen 5: Help buttons for body tittle 1 and 2 on sale information screen
For all screen content please see “Screen 2 and Screen 4” above.
Help button
Button 1 Help button for “What are you selling?”
Text: Ingresa una descripción de tu venta. Ej: Productos de limpieza para Jose
Format: Plain text
Button 2 Help button for “Total value including taxes”
Text: No ingreses comas ni puntos ni símbolos. Si no cobras impuestos no te preocupes, ingresa solo el valor total de tus productos.
Format: Plain text
Screen 6: Help button for body tittle 3 on sale information screen
For all screen content please see “Screen 2, Screen 3 and Screen 4” above.
Help button
Help button for “How much is for taxes?”
Text:
% ¿Qué porcentaje de impuestos cobras? Ej: 16%
$ ¿Qué valor en pesos del valor total que ingresaste arriba corresponde a impuestos? Ej: $1,600
Format: Plain text
Screen 7: Buyer’s information screen
Session login status
Logged in welcome message:
Text: Bienvenido [user’s name and last name]
Quit session button:
Text: Salir
Main tittle
Screen tittle buyer’s Information:
Text: INFORMACIÓN DEL COMPRADOR
Body tittles and input fields
Tittle 1 Buye’s name
Text: Nombre del comprador
Format: English alphabet
Tittle 2 Buyer’s ID
Text: Número de cedula
Format: Alphanumerical with no length restriction and no comas, point or special characters
Tittle 3 Email
Text: Email
Format: Email format. Ex:-Tittle 4 Cell phone number
Text: Número de celular
Format: Alphanumerical
Swiper detection indicator
Indication text for swiper not detected (Red box)
Text: Lector no detectado
Indication text for swiper detected (Green box)
Text: Lector detectado
Back button
Button 1: Back
Text: REGRESAR
Slide your card message
Please swipe your card to continue message
Text: POR FAVOR DESLIZA TU TARJETA PARA CONTINUAR
Screen 8: Total paying value screen
Session login status
Logged in welcome message:
Text: Bienvenido [user’s name and last name]
Quit session button:
Text: Salir
Main tittle
Total paying value tittle:
Text: VALOR TOTAL A PAGAR
Total value box
Total amount to pay number:
Format: It must show the total amount to pay from screen 2 with money symbol ($) and the appropriate comas (,)
Cancel button
Cancel link to cancel the transaction and send back to screen 2
Text: Cancelar
Pay button
Button 1: Pay
Text: PAGAR
Screen 9: Alert for time out from pay button screen
For all screen content behind the alert please see “Screen 2 and Screen 4” above.
Alert tittle, message and button
Alert tittle
Text: Alerta
Alert message
Text: ¡Has excedido el tiempo para tu transacción!
Alert continue button (It closes the alert and leaves the user on the Sale information screen)
Text: Continuar
Screen 10: Approved transaction screen
Session login status
Logged in welcome message:
Text: Bienvenido [user’s name and last name]
Quit session button:
Text: Salir
Main tittle
Screen tittle approved transaction:
Text: ¡TU TRANSACCIÓN HA SIDO APROBADA!
Body message content
Body message:
Text: Recibirás un soporte de tu transacción con la confirmación de tu compara en el email que ingresaste como comprador
Approved transaction response variables
Variable 1 Credit card type:
Text: Tipo de tarjeta
Format: Alphabetical, 4 Option to show:
Visa
Martercard
American Express
Diners
Variable 2 Credit card number to show
Text: Tarjeta número
Format: Alphanumerical. 12 letters “X” and last 4 last digits of the credit card. Ex: XXXXXXXXXXXX3456
Variable 3 Amount payed
Text: Valor
Format: Numerical with money symbol ($) and comas as appropriate.
Thank you message
Thank you message
Text: Gracias por usar PAYU LATAM
Next Button
Button 1: Next
Text: SIGUIENTE
Screen 11: Transaction couldn’t be processed screen
Session login status
Logged in welcome message:
Text: Bienvenido [user’s name and last name]
Quit session button:
Text: Salir
Main tittle
Screen tittle transaction couldn’t be processed:
Text: ¡TU TRANSACCIÓN NO PUDO SER PROCESADA!
Message for unprocessed transaction after a two minute time out without response from the web service
Unprocessed transaction:
Text: Disculpa, tu transacción no pudo ser procesada. Por favor comprueba tu conección a internet
Cancel button
Cancel link to cancel the transaction and send back to screen 2
Text: Cancelar
Try again Button
Button 1: Try again
Text: INTENAR DE NUEVO
Screen 11: Rejected credit card screen
Session login status
Logged in welcome message:
Text: Bienvenido [user’s name and last name]
Quit session button:
Text: Salir
Main tittle
Screen tittle rejected credit card:
Text: ¡TU TARJETA HA SIDO RECHAZADA!
Message for rejected transaction according to the web service response code
Response code 1 Credit card rejected by the bank:
Text: Disculpa, tu tarjeta fue rechazada por tu banco. Intenta de nuevo con otra tarjeta o comunícate con tu entidad bancaria para solucionar el problema
Response code 2 Credit card rejected by the bank for lack of funds:
Text: Disculpa, tu tarjeta fue rechazada por fondos insuficientes. Intenta de nuevo con otra tarjeta.
Response code 3 Credit card rejected by Pagos Online:
Text: Disculpa, tu tarjeta fue rechazada. Intenta de nuevo con otra tarjeta o escríbenos a-para solucionar el problema
Cancel button
Cancel link to cancel the transaction and send back to screen 2
Text: Cancelar
Try again Button
Button 1: Try again
Text: INTENAR DE NUEVO