risposta-alla-domanda-sullo-sviluppo-web-bd.com

In che modo la lunghezza della casella di ricerca di 27 caratteri consigliata si applica alle lingue asiatiche e al russo?

Lavoro per un'azienda multinazionale. Abbiamo un sito globale e siti di singoli paesi. Sto cercando di impostare una larghezza per la casella di ricerca che soddisferà tutti i nostri siti e lingue. Abbiamo giapponese, taiwanese, tailandese, cinese, coreano e russo, oltre a diverse lingue europee.

Basato su questo articolo di NNG:

La ricerca è una parte importante di qualsiasi grande sito Web. Quando gli utenti desiderano effettuare ricerche, in genere eseguono la scansione della home page alla ricerca di "la piccola casella in cui posso digitare", quindi la tua ricerca dovrebbe essere una casella. [Rendi la tua casella di ricerca larga almeno 25 caratteri,] in modo che possa contenere più parole senza oscurare parti della query dell'utente.

(Aggiornamento: in base a risultati più recenti, la mia raccomandazione è ora di rendere la casella di ricerca larga 27 caratteri. Questa e altre nuove linee guida sono trattate nel nostro corso sulle migliori linee guida per la progettazione di UX Web alla conferenza annuale UX).

Qualcuno sa se questa raccomandazione sulla larghezza di 27 caratteri è globale o ci sono suggerimenti sulla larghezza diversi per le lingue che non usano caratteri romani?

6
Olive Lankin

La casella di ricerca è una funzionalità principale/no o no?

Se la casella di ricerca è una funzionalità principale:

Puoi prendere in considerazione progetti come StackExchange, Google e Amazon. Sono abbastanza larghe da accogliere una qualsiasi delle lingue fornite.

Se la casella di ricerca NON è una funzionalità di base, puoi prendere in considerazione la seguente procedura:

1 - Progetta per la traduzione più lunga : scopri la lunghezza corretta di una ricerca nel tuo sito web in inglese, quindi TRADUCIlo per la traduzione PIÙ LUNGA delle lingue fornite. Progetta la larghezza della casella di ricerca tenendo conto di tale traduzione.

2 - Puoi adottare la regola della larghezza della casella di ricerca di 27 caratteri ( Non sono sicuro che questa regola abbia studiato lingue diverse o solo inglese) .

Vedi esempi:

Per siti Web come StackExchange, Amazon e Google. La ricerca è una funzionalità vitale principale per questi siti Web, quindi è posizionata al centro della pagina principale ed è una ampia casella di ricerca .

Confronta quello con il sito Web Samsung, ad esempio, dove la ricerca non è una funzionalità principale , è posizionata sul lato e ha solo un larghezza ragionevole.

StackExchange StackExchange

.

Samsung enter image description here

.


Letture molto utili:

Sto fornendo diverse risorse che ho trovato molto utili, non solo per aiutarti a progettare una casella di ricerca per diverse lingue/culture, ma anche per aiutarti a progettare l'intero sito Web per diverse lingue/culture. *

- Questo articolo Progetta una casella di ricerca perfetta evidenzia l'importanza di avere un casella di ricerca di dimensioni adeguate:

Rendere il campo di input troppo corto è un errore comune tra i progettisti. Ovviamente gli utenti possono comunque digitare query lunghe in un campo breve, ma solo una parte del testo sarà visibile alla volta e ciò equivale a una cattiva usabilità, poiché gli utenti non possono rivedere e modificare la loro query completa. In effetti, quando una casella di ricerca ha un numero limitato di caratteri visibili, gli utenti tendono a utilizzare query brevi e imprecise, poiché query più lunghe diventano scomode da leggere. Se i campi di input sono dimensionati in base al loro input previsto, sono entrambi più facili da leggere e da interpretare per gli utenti.

- Questo articolo cose da tenere a mente quando si progetta un'interfaccia utente da tradurre in lingue diverse discute come lo stesso messaggio occupi spazio diverso in lingue diverse e come questa differenza nella quantità di parole e caratteri necessari per trasmettere lo stesso messaggio possa rovinare un'interfaccia o renderla inutilizzabile. Vedi le immagini qui sotto:

inglese vs ucraino enter image description here

Rapporto di traduzione "Viste" di Word: enter image description here


Risorse:

Progetta una casella di ricerca perfetta

Best practice per la progettazione dell'interfaccia utente per un sito multilingue?

Considerazioni sulla progettazione per l'internazionalizzazione

cose da tenere a mente durante la progettazione dell'interfaccia utente da tradurre in diverse lingue

X Design Across Different Cultures - Part 1

X Design Across Different Cultures - Part 2

Esiste una dimensione consigliata per le caselle di ricerca?

6
Mo'ath