Les captures de pantalla són una part essencial de la presentació de la teva aplicació a l'App Store. Aquestes imatges no només mostren la funcionalitat de l'aplicació, sinó que també poden influir en la decisió dels usuaris de descarregar-la. En aquesta secció, aprendrem com crear captures de pantalla efectives i atractives utilitzant Xcode.

  1. Requisits de les Captures de Pantalla

Abans de començar, és important conèixer els requisits de les captures de pantalla per a l'App Store:

  • Resolució: Les captures de pantalla han de tenir una resolució específica segons el dispositiu (iPhone, iPad, etc.).
  • Format: Les imatges han de ser en format PNG o JPEG.
  • Quantitat: Pots carregar fins a 10 captures de pantalla per a cada dispositiu.

  1. Preparant l'Entorn

2.1. Configurant el Simulador

Per capturar pantalles, utilitzarem el simulador d'Xcode. Segueix aquests passos per configurar-lo:

  1. Obre Xcode i el teu projecte.
  2. Selecciona el dispositiu desitjat al menú de dispositius del simulador.
  3. Assegura't que l'aplicació estigui en l'estat desitjat per a la captura.

2.2. Executant l'Aplicació

  1. Executa l'aplicació al simulador prement el botó de "Play" o utilitzant la drecera de teclat Cmd + R.
  2. Navega fins a la pantalla que vols capturar.

  1. Capturant les Pantalles

3.1. Utilitzant el Simulador

  1. Amb l'aplicació en execució al simulador, selecciona File > New Screenshot o utilitza la drecera de teclat Cmd + S.
  2. La captura de pantalla es guardarà automàticament a l'escriptori.

3.2. Utilitzant Xcode

  1. Amb l'aplicació en execució, obre la finestra de dispositius i simuladors (Window > Devices and Simulators).
  2. Selecciona el simulador en ús.
  3. Fes clic al botó de captura de pantalla a la part inferior de la finestra.

  1. Editant les Captures de Pantalla

Després de capturar les pantalles, és possible que vulguis editar-les per afegir anotacions, marcs de dispositiu o altres elements visuals. Pots utilitzar eines com Preview, Photoshop o altres editors d'imatges.

4.1. Afegint Anotacions

  1. Obre la captura de pantalla amb Preview.
  2. Utilitza les eines d'edició per afegir text, fletxes o altres anotacions.

4.2. Afegint Marcs de Dispositiu

  1. Utilitza eines com MockUPhone o AppLaunchpad per afegir marcs de dispositiu a les teves captures de pantalla.
  2. Carrega la captura de pantalla i selecciona el marc desitjat.

  1. Carregant les Captures de Pantalla a l'App Store Connect

5.1. Accedint a l'App Store Connect

  1. Obre App Store Connect i inicia sessió amb el teu compte de desenvolupador.
  2. Selecciona la teva aplicació.

5.2. Carregant les Imatges

  1. A la secció de "Media Manager", selecciona el dispositiu corresponent.
  2. Arrossega i deixa anar les captures de pantalla a les ranures disponibles.

  1. Millors Pràctiques

6.1. Mostra les Funcionalitats Clau

  • Assegura't que les captures de pantalla mostrin les funcionalitats més importants de l'aplicació.
  • Utilitza imatges que siguin representatives de l'experiència de l'usuari.

6.2. Utilitza Text Descriptiu

  • Afegeix text descriptiu a les captures de pantalla per destacar les característiques clau.
  • Utilitza un llenguatge clar i concís.

6.3. Mantén la Coherència Visual

  • Assegura't que totes les captures de pantalla tinguin un estil visual coherent.
  • Utilitza la mateixa paleta de colors i tipografia.

  1. Exercici Pràctic

Objectiu

Capturar i editar una sèrie de captures de pantalla per a una aplicació fictícia de notes.

Passos

  1. Configura el simulador per a un iPhone 12.
  2. Executa l'aplicació de notes i navega fins a la pantalla principal.
  3. Captura una pantalla de la llista de notes.
  4. Captura una pantalla de la vista de detall d'una nota.
  5. Edita les captures de pantalla per afegir anotacions que descriguin les funcionalitats.
  6. Afegeix marcs de dispositiu a les captures de pantalla.
  7. Carrega les captures de pantalla a l'App Store Connect.

Solució

  1. Configura el simulador per a un iPhone 12.
  2. Executa l'aplicació de notes i navega fins a la pantalla principal.
  3. Captura una pantalla de la llista de notes utilitzant Cmd + S.
  4. Captura una pantalla de la vista de detall d'una nota utilitzant Cmd + S.
  5. Obre les captures de pantalla amb Preview i afegeix anotacions descriptives.
  6. Utilitza MockUPhone per afegir marcs de dispositiu.
  7. Carrega les captures de pantalla a l'App Store Connect seguint els passos descrits anteriorment.

Conclusió

Crear captures de pantalla efectives per a l'App Store és un procés que requereix atenció al detall i una bona comprensió dels requisits visuals. Amb les eines i tècniques adequades, pots assegurar-te que les teves captures de pantalla no només compleixin amb els requisits tècnics, sinó que també atreguin i informin els usuaris potencials.

© Copyright 2024. Tots els drets reservats