Quanto Basta · campionario · elenco delle ricette

Cinque elenchi con le foto

Cinque modi di dare spazio alle fotografie nell'elenco delle ricette, dalla miniatura piccola alla schermata che è quasi tutta immagine. Sempre coi titoli veri e alle misure vere dell'iPhone.

La cosa da sapere prima di guardare: oggi nessuna delle tue 64 ricette ha una foto. Un elenco disegnato attorno alle immagini, aperto stasera, sarebbe una colonna di buchi — è già successo una volta, e l'ho corretto guardando il simulatore.

Per questo ogni proposta è disegnata in due stati, e l'interruttore Con le foto / Senza foto qui sotto le fa commutare tutte insieme. Guardale in tutti e due: quella giusta è quella che regge anche a destra.

Gli scatti che vedi non sono fotografie, sono impasti di colore fatti col foglio di stile, coi toni che avrebbe quel piatto. Servono a giudicare quanto spazio prende una foto in quel posto, non se è bella.

Foto
Tema
9:41
chevron_leftQuanto BastaTutte le ricette
search Cerca una ricetta
cakeBaci di Dama (Angela)Dolci · 8 ingredienti · 35 porzioni
soup_kitchenBesciamellaSalse · 5 ingredienti
cookieBiscotti al limoneDolci · 7 ingredienti · 40 porzioni
cakeCiambella BertoliniDolci · 6 ingredienti · 30 porzioni
inboxEmpanadas7 ingredienti · 4 porzioni
inboxFarinata3 ingredienti · 14 porzioni
+
Proposta 1

La miniatura

La foto sta a sinistra, quadrata, 76 punti. È l'unica delle cinque in cui l'immagine si aggiunge senza togliere niente: il titolo resta grande, i numeri restano, e le ricette per schermata scendono solo da sette a sei.

Cosa dà
Riconoscimento immediato quando la foto c'è, senza scommettere niente sul fatto che ci sia.
Senza foto
La pastiglia della categoria, come nella schermata principale. Nessun buco: la colonna resta piena di senso anche a zero foto.
Costo
Mezza giornata. La colonna esiste già, va solo allargata e va tolto il caso «nessuna foto in tutto l'elenco».
Il rischio
A 76 punti una foto di cibo si riconosce ma non si gusta. Se l'obiettivo è che il ricettario sia bello da sfogliare, questa lo rende solo più chiaro.
9:41
chevron_leftQuanto BastaDolci
search Cerca una ricetta
cake Ciambella Bertolini6 ingredienti · 30 porzioni
cake Baci di Dama (Angela)8 ingredienti · 35 porzioni
cookie Biscotti al limone7 ingredienti · 40 porzioni
+
Proposta 2

La banda

Una ricetta per blocco, foto a tutta larghezza col titolo scritto sopra. È il massimo che si può dare a un'immagine su un telefono: due ricette e mezzo per schermata, e il ricettario si sfoglia come una rivista invece che come una lista.

Cosa dà
La foto è protagonista davvero. Se un giorno tutte le ricette avranno lo scatto, questa è la schermata che fa dire «bella».
Senza foto
La banda collassa in una fascia colorata bassa, col titolo sotto in nero. Funziona, ma tre fasce colorate vuote sono la cosa più triste del campionario: guardala.
Costo
Un giorno.
Il rischio
Ventiquattro scorrimenti per arrivare in fondo alle 64 ricette, contro nove di adesso. Chi cerca una ricetta si arrende e usa la ricerca — che è un modo elegante di dire che l'elenco ha smesso di servire.
9:41
chevron_leftQuanto BastaTutte le ricette
search Cerca una ricetta
cake
Ciambella Bertolini
6 ingr. · 30 porz.
soup_kitchen
Besciamella
5 ingr.
inbox
Farinata
3 ingr. · 14 porz.
cake
Baci di Dama (Angela)
8 ingr. · 35 porz.
cookie
Biscotti al limone
7 ingr. · 40 porz.
inbox
Empanadas
7 ingr. · 4 porz.
+
Proposta 3

Il mosaico

Due colonne, e ogni foto tiene la sua proporzione vera invece di essere tagliata in un quadrato. Le due colonne scorrono sfalsate, e la schermata non ha mai due righe uguali: è quello che le dà il ritmo.

Cosa dà
Sei ricette per schermata con la foto grande: il compromesso migliore fra vedere e scorrere. E niente ritaglio, quindi la torta non viene decapitata.
Senza foto
Le tessere diventano tutte della stessa altezza bassa e il mosaico si spegne in una griglia regolare. Vivibile, ma perde esattamente la cosa per cui l'avresti scelto.
Costo
Due giorni, ed è la voce più cara del campionario: due colonne sfalsate vanno costruite a mano, perché la lista di serie non le sa fare e non voglio aggiungere una libreria per questo.
Il rischio
I titoli vanno su due righe e si troncano: guarda «Ciambella Bertolini». E l'ordine alfabetico su due colonne si legge male — l'occhio non sa se andare giù o a destra.
9:41
chevron_leftQuanto BastaTutte le ricette
search Cerca una ricetta
Baci di Dama (Angela)Dolci · 8 ingredienti · 35 porzioni
Besciamella
Salse · 5 ingredienti
Biscotti al limone
Dolci · 7 ingredienti · 40 porzioni
Ciambella BertoliniDolci · 6 ingredienti · 30 porzioni
Empanadas
7 ingredienti · 4 porzioni
Farinata
3 ingredienti · 14 porzioni
Flan di zucca
7 ingredienti · 8 porzioni
Minestra di zucca
Primi · 6 ingredienti · 2 porzioni
Muffin
Dolci · 10 ingredienti · 24 porzioni
+
Proposta 4

La mista

Chi ha la foto la mostra grande; chi non ce l'ha resta una riga di testo, al suo posto in ordine alfabetico. L'elenco si arricchisce da solo man mano che scatti: oggi è la lista che hai adesso, e ogni foto che aggiungi apre un riquadro.

Cosa dà
È l'unica che non chiede niente in anticipo. Nessun momento in cui l'app sembra rotta perché mancano le immagini, e nessun premio rimandato a quando saranno tutte lì.
Senza foto
È esattamente l'elenco di adesso, sette ricette per schermata. Il disegno non ha uno stato vuoto perché lo stato vuoto è già il suo punto di partenza.
Costo
Un giorno.
Il rischio
Righe alte 68 punti e riquadri alti 158 nella stessa lista: se metà ricette avranno la foto, lo scorrimento diventa a scatti. E chi la foto la mette a poche ricette scopre di aver dato a quelle un'importanza che non voleva dargli.
9:41
chevron_leftQuanto BastaTutte le ricette
search Cerca una ricetta
Con la foto
Ciambella Bertolini
30 porzioni
Baci di Dama (Angela)
35 porzioni
Minestra di zucca
2 porzioni
Baci di Dama (Angela)8 ingr. · 35 porz.
Besciamella5 ingr.
Biscotti al limone7 ingr. · 40 porz.
Ciambella Bertolini6 ingr. · 30 porz.
Empanadas7 ingr. · 4 porz.
Farinata3 ingr. · 14 porz.
Flan di zucca7 ingr. · 8 porz.
Minestra di zucca6 ingr. · 2 porz.
Muffin10 ingr. · 24 porz.
Polenta2 ingr. · 5 porz.
+
Proposta 5

La vetrina

Le foto stanno tutte in cima, in una striscia che scorre di lato, e sotto resta l'elenco completo e fitto. Le due cose smettono di darsi fastidio: le immagini hanno il loro posto, la lista tiene la sua densità — dieci ricette per schermata, più di adesso.

Cosa dà
Non costringe a scegliere fra vedere e trovare. Ed è l'unica che premia le foto senza penalizzare le ricette che non ce l'hanno.
Senza foto
La striscia semplicemente non c'è, e resta l'elenco fitto. Il passaggio da zero a una foto è l'unico momento in cui la schermata cambia forma.
Costo
Un giorno e mezzo.
Il rischio
Due strade per la stessa ricetta: «Ciambella Bertolini» è in cima e anche in mezzo alla lista, e toccarne una o l'altra fa la stessa cosa. È il modello dei cataloghi di film, ed è un modello che parla di novità e di consigli — cose che qui non ci sono, perché il ricettario è tuo e le hai scritte tu.