Marco Olivetti - User Experience e Web Design

Magento 2 eBay

Tue, 24 Apr 2012 08:00 GMT

Ho trovato un plugin fichissimo per Magento, e voglio rendervi partecipi tutti di questa cosa, perché può essere molto utile a più di qualcuno.

Avevo la necessità di connettere il mio e-commerce Magento con eBay, perché inserire circa 400 prodotti uno alla volta era francamente impossibile.
Più che altro arrivato al 18esimo ho deciso che la strada non poteva essere quella. Così mi sono messo a cercare e ho trovato M2E.

Questa estensione fa una cosa molto bellina, ovvero sincronizza tutti i prodotti di Magento che vuoi tu (possono essere scelti in blocco da categorie, oppure selezionati uno alla volta), nell’account eBay che vuoi tu, nella categoria che vuoi tu, con tutte le personalizzazioni possibili.
Io ad esempio ho inserito le categorie di prodotti che mi interessavano, ho creato un template generico, e ho lanciato l’importazione. Ho aspettato quelle 12-24 ore che ci vogliono per poter visualizzare effettivamente i prodotti (un conto è importare 10 prodotti, un conto è 400), ma poi appena sono apparsi ho cominciato subito a vendere, e anzi, grazie proprio a questo plugin, abbiamo incrementato di una cifra considerevole i nostri guadagni, diventando Powersellers in 4 mesi, oh yeah.

È gratis!

Non solo l’estensione è fighissima, ma anche gratuita!
Quando l’ho scaricata io e quando ho iniziato a scrivere questo articolo era già gratuita, ma al contempo l’estensione puntava su due siti diversi, e uno voleva 199$ per scaricarla. Ora hanno sistemato questo errore e risolto tutti i miei dubbi a riguardo. È gratuita senza ombra di dubbio.

La configurazione è importante

Molto importante con questo plugin è eseguire una corretta configurazione. Nessuno qui è un novellino, però non è per niente facile lo stesso, specie se non conoscete eBay (come me in pratica).

L’account

Va da se che se avete letto fino a qui avete un account ebay registrato come negozio [[Così per informazione, aprire un negozio costa 19,95€ al mese più 0,15€ a inserzione per il negozio di tipo base. Se vendete molto potete fare il passaggio ad un livello successivo, dove si risparmia non poco se avete un numero rilevante di inserzioni, che diventano gratuite.]].
Qui dovete sincronizzare il vostro account, l’importante è che configuriate l’estensione in modo da creare un ordine su Magento ogni volta che viene comprato qualcosa su eBay, così non dovete neanche faticare a togliere i prodotti dal database.

Marketplace

Questo è facile, sono i paesi del terzo pianeta del Sistema Solare in cui vendete. Italia e basta se vendete solo nella terra di Dante, oppure più di uno se siete venditori internazionali. Il problema è che anche se volete vendere gli stessi prodotti anche all’estero, dovete creare tanti listing e configurazioni quanti sono i paesi dove volete vendere. Una follia.

Impostazioni di vendita

Potreste voler vendere alcuni prodotti con uno sconto particolare su eBay, o magari con un sovrapprezzo, comunque sia qui impostate tutto a vostro piacimento. Sono impostazioni generiche quindi non legate a determinati prodotti, li scegliete ogni volta che create un Listing.

Listing

Ed eccoci arrivati al listing.
Qui è dove dovete scegliere i vari prodotti (potete sceglierli sia tra intere categorie oppure singoli prodotti) che andranno a finire su ebay, con quella data configurazione (tema, prezzo, ecc..).

Il tema!

Ora, non sono mai stato un grande utente di eBay, prima di aprirci un negozio avevo comprato si e no 3 prodotti, ma di annunci ne ho visti fin troppi, e quasi tutti hanno in comune una cosa: sono brutti da morire. Insomma, facciamo un lavoro per cui anche la componente visuale ha la sua parte, non possiamo mica creare un tema brutto.
Per fortuna questa estensione ci viene parecchio incontro. Possiamo infatti creare tutti i temi che ci vogliamo, inserendo come contenuto tutti gli attributi (personalizzati e non) che vogliamo. Io dato che non avevo molto tempo da perdere ho ricreato il tema del negozio (che fa comunque bene per il brand) e ho inserito immagine, descrizione del prodotto e qualche attributo che ho personalizzato. Bam!

Sincronizzazione

Se avete a disposizione un server vostro è meglio, perché così potete impostare il cron job che sincronizza Magento con eBay ogni 15 minuti.
Altrimenti l’alternativa, se non potete avere accesso al cron, è di fare un aggiornamento manuale, che non è ne bello ne soprattutto comodo.

Ordini e Feedback

Se qualcuno vi compra qualcosa sul vostro Magento store, e magari avete solo una copia di quell’oggetto, dovete ricordarvi di andare subito su eBay e toglierlo, altrimenti se poi qualcuno ve lo compra su eBay fate una figura barbina.
M2E fa anche questo, e ovviamente anche al contrario, cioè quando qualcuno vi compra su eBay, vi crea (se lo impostate) vi crea un ordine come se avesse comprato dal sito.
Cosa importantissima, dovete configurare il plugin in modo che quando la quantità di un articolo va a 0 (ma rimane disponibile su magento) su eBay venga comunque tolto, altrimenti vi rimane il prodotto come disponibile.

Spedizioni

Incredibilmente, questo plugin ha un bug enorme sulle spedizioni: non si può impostare la posta prioritaria (bug vero e proprio, da errore) e non si può configurare il contrassegno, perché ebay.it non lo accetta (secondo loro).

5 errori comuni su Facebook

Wed, 01 Feb 2012 09:00 GMT

Abbiamo tutti creato per i nostri clienti (per un business o per un altro) una pagina Facebook.
La cosa sorprendente è che alcune se non molte presentano degli errori, hanno dei problemi più o meno evidenti, sono evidentemente caserecce.

Ho voluto quindi stilare una classifica dei peggio errori che si possono commettere nel creare una pagina sociale su Facebook.

1°: Usare un profilo o un gruppo invece che una pagina

Al primo posto degli errori abbiamo proprio questo, è un errore piuttosto comune, ma il fatto che lo facciano in molti non la rende una cosa meno sbagliata.
Semplificando, potremmo dire che una pagina nasce per presentare un business, il profilo nasce per presentare una persona.
La pagina mette a disposizione più strumenti per la gestione dell’interazione “social”, come:

Le statistiche
La pubblicità
La possibilità di diventare fan (mentre coi profili dovete trovare chi state cercando, chiedere l’amicizia e aspettare che vi venga concessa)
La possibilità di leggere le cose senza dover per forza costringere l’amministratore della pagina a smanettare con le impostazione della privacy anche se non siete amici
La possibilità di creare pagine interne personalizzate (ad esempio un e-commerce integrato)
La gestione degli eventi in maniera più visibile

E potrei andare avanti per parecchio.
Anche i gruppi li vedo molto più fumosi rispetto ad una pagina, ed il motivo è lo stesso che ho scritto poco sopra, le pagine servono apposta a quello, non serve usare uno strumento diverso a tutti i costi, quando ce ne viene fornito uno apposta.

2°: Url non user-friendly

Questa va a braccetto con la prima, dato che a livello di gravità si pone quasi sullo stesso piano.
Però non viene sistemato quasi da nessuno. Da chi non conosce il SEO ce lo possiamo aspettare, da chi fa il nostro mestiere no.
La cosa bella è che gli url sono sistemabili anche per un profilo, non solo per una pagina (quindi anche se vi trovate per le mani un profilo da sistemare, almeno gli url sono impostabili a dovere).
Devo spiegare perché gli url vanno sistemati? A parte il SEO s’intende.
Magari su un cartellone pubblicitario per strada (vado a spanne) dovrei scrivere http://www.facebook.com/pages/151435403413546/pinco-pallino-joe/ quando potrei semplicemente scrivere http://www.facebook.com/pincopallinojoe? È più facile da scrivere (e ricordare) e se sto in macchina riesco a inserirlo più facilmente.

3°: Non usare una pagina di benvenuto

Ho visto che non la usano in molti una pagina di benvenuto ma invece secondo me è molto utile. Innanzitutto identifica la pagina, gli da uno stile definito, e fa capire cosa fate (se ce lo scrivete magari). Così magari qualcuno che è capitato li per caso non è costretto a leggersi i post (o magari le info) per capire che caspita fate.
Inoltre una pagina di benvenuto fa aumentare il numero di fan iscritti alla pagina.

4°: Esprimere idee personali sulla propria pagina

Questa ero piuttosto combattuto se metterla in una posizione più alta, perché è totalmente assurda a pensarci bene.
Nessuno dice che le pagine debbano essere asettiche, ci mancherebbe, però c’è una bella differenza tra questo e il negozio di animali che ho beccato che ha un profilo (errore 1) dove pubblica link inneggianti al nazismo.
Se non fosse altro, ma almeno un minimo di coerenza. Stiamo pur sempre parlando di una pagina “commerciale”, magari chi la pensa diversamente da voi vi eviterà proprio per questo motivo qui. Un possibile cliente perso.

5°: Non aggiornare la pagina

Questa è una cosa piuttosto stupida, ma capita (anche a me sia chiaro) piuttosto di frequente.
Si tratta di essere attivi un minimo con la propria comunità di fan. Nella pagina del mio negozio qualcosa viene scritto tutti i giorni, sia da noi che dai nostri clienti, ma non deve essere per forza così frequente, anche un qualcosa ogni tanto, quanto basta per mantenere viva la comunità e ricordargli che siete ancora vivi e in salute, anche postare una nuova foto che so.
Poi ovviamente sta agli amministratori (con l’esperienza e i responsi del pubblico) capire bene il tempo di frequenza ideale per la pagina, che può essere di una volta al giorno, una volta ogni due giorni e così via.

Le 8 cose che ho imparato dal mio e-commerce

Tue, 20 Dec 2011 08:00 GMT

Avendo un e-commerce personale, sono molte le cose che ho imparato e sto imparando nella sua gestione. Alcune tematiche le ho già affrontate sul blog, mentre altre mi erano completamente sconosciute.

Tutto questa nuova esperienza mi torna molto comoda quando devo creare un e-commerce per un cliente, perché mi permette di guidarlo meglio, non solo per il sito internet, ma anche tutto quello che ci gira dietro e intorno, che fa parte di una più generale “esperienza” del sito.

Ho preparato questa lista che voglio condividere con voi:

Prima è meglio: tanto prima si riesce a mettere online il sito meglio è. Non tutti sono d’accordo su questo punto, dato che si va a sacrificare molto l’usabilità, però si guadagna molto poi in termini di esperienza diretta coi clienti (problematiche, bug, errori di navigazione, ecc..). Questo ovviamente non vuol dire che il sito va lanciato senza cognizione di causa, installare un CSM e via online, ma anche magari evitare di metterci 8 mesi.
Le spedizioni: se é un negozio online, si presuppone che spedisca gli oggetti in qualche modo. Un corriere é una buona scelta, ma gli accordi vanno presi subito, per non avere ritardi poi nelle prime consegne. La consegna tramite posta la sconsiglio sempre dato che fa abbastanza schifo. Non abbiamo la Royal Mail noi.
Legislazione: dipendentemente da dove siete bisognerà compilare dei moduli per l’apertura del sito internet, e pagare la solita gabella, tanto per cambiare. Sentite il comune, vi sapranno guidare (probabilmente male) verso ciò che vi interessa.
Il vostro cliente conosce qualcuno che si occupa degli imballaggi e del materiale da spedizione (scatole, scotch, materiale riempitivo…)? No? Ve lo dico io chi lo fa: Rajapack. La merce andrà pure inballata in qualche modo, probabilmente.
eBay: prendete in seria considerazione eBay, dato che offre molte soluzioni per i negozi e, al contrario del sito, non ha bisogno di praticamente niente per vendere da subito. Spero che il CSM che avete scelto sincronizza automaticamente i prodotti (Magento può!), anche perché farlo a mano mmh, va bene se uno ha 10 prodotti in tutto, se sono migliaia la cosa si complica.
Integrazione CSM - gestionale. Questa cosa è ben più che importante, è fondamentale. Sincronizzare i prodotti e le vendite manualmente non è comodo ne bello da fare, ma sopratutto porta via un sacco di tempo.
I vocabolari controllati[[I vocabolari controllati, 2010, ItalianeWbDesign.]]: ne ho parlato fino alla nausea, ma non basta mai abbastanza. Controllate periodicamente le chiavi di ricerca interne e miglioratele, aggiungendo suggerimenti e sinonimi.
Controllate le statistiche del sito e state pronti a modificarlo appena avete in mano abbastanza dati per migliorare l’esperienza di navigazione.

Alcune delle cose che vi ho indicato si possono fare subito indirizzando il cliente nei modi più opportuni, mentre altre richiedono un tempo decisamente più lungo, come ad esempio un redesign.
Questo impone un rapporto con il cliente continuativo, cosa che è realizzabile solo attraverso un contratto che duri nel tempo ben oltre la consegna del sito.
Farlo capire al cliente è importante, anche perché dubito che qualcuno sia disposto a spendere tanto e poi a buttare via i suoi soldi. Il rischio è proprio quello, che il cliente si rifiuti di avere un rapporto duraturo con voi proprio per il capitale già investito finora. La vostra bravura (o del vostro commerciale) starà proprio nel far capire che senza una manutenzione costante un sito del genere lo si può bellamente buttare.

Chiarezza dei messaggi

Tue, 25 Oct 2011 09:40 GMT

Mi sono reso conto che la gente, nella vita vera, non guarda assolutamente nessun messaggio, sia che si tratti di un cartello stradale, sia di un’insegna di un negozio[[Spesso anche a spese delle altre persone.]].
Per assurdo, ma è assolutamente vero, le persone non guardano neanche (se non con rare eccezioni) dentro i negozi per capire che cosa viene venduto. Hanno la loro idea fissa, e se questa non corrisponde alla realtà, chiudono gli occhi e vivono nel loro mondo immaginario. Un po’ come la Morte nei racconti di Terry Pratchett che viene sistematicamente ignorata dalla gente comune perché la sua visione è decisamente sconveniente[[Ve lo consiglio se vi piace la letteratura fantasy umoristica]].

E stiamo parlando della vita vera, dove uno in teoria può anche prendersi quei 3 secondi che gli servirebbero per osservare il messaggio in questione.

Se questa è la vita vera, il web come è messo?

Il web, dove si è sempre detto e ripetuto che le persone ignorano i messaggi, che si hanno solo pochi secondi per catturare l’attenzione degli utenti ecc… In effetti è un bel problema.

Mi sono però reso conto che la gente, in fondo, vuole soltanto avere delle risposte. Anche a domande che non si porrebbero consciamente. Che cosa vende questo negozio? Si può girare in questa strada? Che cosa vende questo sito web? C’è qualcosa che mi può interessare in questo sito?

Domande a cui, nel nostro piccolo mondo virtuale, dobbiamo cercare di dare una risposta.
Ho pensato a varie soluzioni, non tutte facilmente realizzabili, la più intelligente tra queste mi é parsa questa: chiarire cosa fa quel sito, nel modo più semplice possibile, nel posto più visibile possibile, usando meno parole possibili, specialmente se quel sito è nuovo (dubito a YouTube serva un messaggio del genere).
Ok direte voi, hai scoperto l’acqua calda, é abbastanza ovvio che bisogna spiegare che cosa fa quel determinato sito al suo pubblico. Ed é altrettanto ovvio che un determinato sito sia visitato solo dal tipo di persone interessate, ma non é proprio così.
Un sito é sicuramente visitato in larga parte da gente interessata, ed infatti non é per loro che dobbiamo scrivere questo messaggio, ma per tutti gli altri. Che diciamo a tutti quelli che visitano il nostro sito per caso? Di certo non li stiamo aiutando, e se magari erano anche un tantino poco interessati ora stiamo pur certi che li abbiamo persi per sempre perché non hanno capito di che parla quel sito.

Grandezze e ridondanze

Viene poi ad un certo punto naturale chiedersi quanto dovrebbe essere evidente questo messaggio.
Per mia esperienza personale non é mai grande abbastanza. Forse grosso 1000x1000px, lampeggiante con un altissimo contrasto, che emette suoni e raggi laser, ecco, forse così verrebbe capito.
Apparte gli scherzi, è davvero importante che il messaggio sia evidente e posizionato in un punto strategico del sito, in un punto che non sia possibile evitare. Io quando faccio queste cose tengo sempre a mente la gravità[[Progettare i wireframes: la gravità, 2009, ItalianWebDesign.]], in modo da trovare il punto migliore senza però compromettere o rinunciare a nulla di importante nel sito.

Un’altra cosa è poi la ridondanza del messaggio. Perché dirlo solo una volta e fine della storia, di solito solo sull’homepage? E a quelli che arrivano nel sito ma in una pagina interna? Anche per loro è utile ripetere il messaggio, magari personalizzato per la pagina in questione, così da aiutare anche gli utenti “normali” a ricordarsi in che pagina si trovano.

Quand’è che smetterai di fare schifo e incomincerai ad essere un buon webdesigner?

Thu, 20 Oct 2011 09:57 GMT

Ogni tanto Simone mi manda un link di qualche sito/blog di qualche sedicente webdesigner. E ogni volta ci troviamo di fronte la solita desolazione.

Blog tutti uguali, tutti con gli stessi contenuti inutili, gli stessi font, e quando ogni tanto spunta fuori un articolo di un argomento decente, magari di web design, questi autori paccano clamorosamente. Il che è evidente, dato che parlano solo di cose tipo: l’ispirazione/video della settimana (e lo fanno tutti dannazione), i font più carucci, le icone più glossy. Cose che col web design proprio non hanno nulla a che fare.

E allora, perché non smettete di fare così dannatamente schifo? Perché non iniziate a studiare qualche vero libro di webdesign? Così poi magari potete anche offrire qualche articolo che non sia fuffa.

Certo, nessuno dice che il web dovrebbe essere altrimenti, ma se non hanno metodo e non sanno come si fa un sito è solo colpa loro (vale la pena ricordare che l’82% degli sviluppatori italiani e webagency sviluppa siti a casaccio, senza metodo[[Simone D’Amico, tesi di laurea.]]), ma anche di chi gestisce blog così, perché non fa altro che fomentare altra ignoranza, quando vedi che tutti pubblicano gli stessi video, gli stessi contenuti inutili, gli stessi “ispirazione della settimana”, magari uno che si sta affacciando a questo mondo pensa che questa sia la norma. E questa di certo la norma non dovrebbe essere.

Le skill di un vero webdesigner

Non è facile cercare di scrivere tutte le skill (abilità, per chi non mastica l’inglese) di un buon webdesigner (progettista web, anche per quelli che pensano di sapere l’inglese), anche perché si viene da formazioni differenti, idee diverse, ecc..
Non mi va di fare un decalogo delle capacità, anche perché il confine con le altre professioni sta diventando sempre più sfumato, ma comunque possiamo provare a generalizzare un poco, tenendo bene a mente che ognuno di noi fa quello che gli piace fare (io ad esempio flash non lo uso a prescindere). Avremo quindi:

Un minimo di conoscenze d’usabilità web. Della serie: i link vanno sottolineati e la frase “clicca qui” non è un mai un buon link.
Una buona conoscenza della progettazione di siti web, sapere almeno che i wireframe non sono una cosa così opzionale come qualcuno blatera. Sapere in che momento usarli poi sarebbe ancora meglio.
Una buona se non perfetta conoscenza dell’accessibilità. Questa vorrei evitare di spiegarla, dato che l’abbiamo capita tutti.
Un’ottima conoscenza di html e css, sennò come li facciamo i siti?
Un’infarinatura di php, quel tanto che basta per creare template per i vari cms.

E già così volendo siamo usciti dal seminato, perché magari uno lavora in un’azienda con affianco i programmatori e non ha bisogno di saper creare i template per i cms, tanto per fare un’esempio spiccio.

Come vedete ho generalizzato molto, ho lasciato volutamente fuori il seo e altre cose, perché è materia di un altro articolo, e in questa sede volevo solo ricordare le cose che servono per avere un minimo di competenza in questo mondo, quel tanto che basta per scrivere articoli decenti.

Banali fallimenti

Tue, 29 Mar 2011 08:00 GMT

È incredibile come a volta siti anche ben progettati falliscano miseramente nei dettagli, dettagli che rendono il sito un po’ più ostico da navigare, l’azienda un po’ più difficile da contattare, e così via. Come si suol dire, perdersi in un bicchier d’acqua.

Ad esempio, mi trovavo recentemente su un sito fatto in Joomla (brividi), che era organizzato anche piuttosto benino, migliorabile sotto molti aspetti, però funzionale, senza dubbio.
Vado per contattarli, e noto una cosa che mi ha lasciato un po’ così perché l’e-mail è bella quanto volete, ma se io ho bisogno di una cosa prima di subito uso il telefono, ma questi niente, niente telefono, solo email e un form. E non stiamo parlando di un blog personale, ma del sito di un’azienda vera e propria, dove ci si aspetta di trovare il numero di telefono dannazione. E invece no, ho dovuto scrivergli una email, e dopo aver aspettato invano una settimana per ottenere una qualche risposta, ho dovuto cercare per vie traverse il numero di telefono e chiamarli.
Ecco, questa è un’altra cosa che mi fa impazzire. Non metti il telefono (è una scelta di chi?) ma almeno fa in modo di rispondere alle email in tempi decenti dannazione.

Come consegnare al cliente un solo progetto grafico

Tue, 22 Mar 2011 08:00 GMT

Se già conosci i wireframe leggi la nota[[Per gli esperti che mi leggono, per favore non linciatemi.Lo sto che sto riducendo tutto in maniera decisamente troppo condensata, ridurre tutto il design solo ad un wireframe usato in maniera tra l’altro impropria, però sono dell’opinione che è tanto meglio procedere per gradi piuttosto che mollare tutto il bloccone di cose tutte assieme.]], altrimenti continua a leggere l’articolo, è tutto per te.

Siamo sinceri, quante bozze (grafiche) avete fatto per gli ultimi vostri clienti? Quante sono piaciute al primo colpo e quante invece sono state respinte? Sapete invece quante ne ho fatte io? Sempre e solo una, e non è mai stata rifiutata. No, non c’entra la fortuna, ma solo tanto lavoro. E studio, of course.

Questo articolo è rivolto in particolare a tutti quelli che ancora non hanno capito il concetto di wireframe ma anche dell’usabilità in generale (e siamo su stime dell’82% del totale dei webdesigner e agenzie[[Dato ottenuto da Simone D’Amico nella sua tesi di laurea.]]).

Come lavorano queste agenzie e professionisti?

Dato che stiamo parlando dell’82% di tutti noi (come categoria), è bene capire quale sono i processi di sviluppo di un sito web “classico”, ovvero la procedura seguita dalla stragrande maggioranza:

Incontro col cliente
Bozza in Photoshop
Correzioni bozza
Codice e consegna

Vi ci trovate? Spero sinceramente di no.
Ora, non per essere cattivo o che, ma questo metodo è folle. È semplicemente folle, anche se è vero che è molto veloce.
E per diversi motivi:

Perdete del tempo inutilmente, sistemando le varie bozze con già la grafica montata sopra.
Il sito non è un lavoro di qualità, perché non tiene conto di utenti, bisogni, necessità, niente di niente, quindi il sito non serve a nessuno.
Il sito sembra economico, ma sembra e basta, perché a meno che al cliente non frega niente, quel sito è -probabilmente- da buttare e rifare come si deve. Sarebbe costato molto di meno farlo bene una sola volta. E di certo (il cliente) non si affida a quelli che gli hanno fatto un lavoro da cani.

Fare un sito come si deve è un procedimento non proprio velocissimo, ci sono un sacco di cose da fare, testare, studiare, verificare, controllare, ecc… Ridurre tutto a una sola bozza grafica è francamente eccessivo.

C’è però metodo molto più semplice di ottenere un lavoro quasi-decente senza doversi mettere a fare, studiare, controllare e quant’altro. Un metodo che vi consente di ottenere comunque il 100% dei responsi positivi alla vostra proposta grafica (e se ciò non accade il cliente ha seri problemi), questo metodo si chiama wireframe. In italiano, bozza. Sembra la scoperta dell’acqua calda, e in effetti non è che serva un illuminato per arrivare a questo, però allora perché l’82% delle agenzie/professionisti-presunti-tali non usa neanche un accenno di tale tecnica?

È arrivato il momento di provare un wireframe.

Che è un wireframe?

In italiano si traduce banalmente con bozza, ma è ben diversa dalle vostre bozze fatte con tutti i lustrini in Photoshop, questa è una bozza grezza, a malapena si vedono quelli che saranno poi i blocchi finali dei sito. Esistono dei programmi apposta per creare queste bozze, sia desktop sia online, a voi la scelta, volendo potreste usare comunque Photoshop, vedete comunque quanto è più facile e veloce creare uno di questi blocchi e modificarlo piuttosto che una grafica fatta e finita.
Si presenta al cliente, si modifica, si presenta al cliente, si modifica, molto semplice e efficace, veloce ed economico. Provateci, non vi costa niente, e il vostro lavoro ne guadagnerà. Certo, siamo ancora ben lontani da un corretto metodo di sviluppo, ma è già qualcosa.

Quando entra photoshop nella fase di design?

Thu, 17 Mar 2011 08:00 GMT

Sono arrivato tardi per la prima ondata di discussioni riguardo questo articolo di 37signals che parla di Photoshop, ma adesso che se ne sta riparlando, ne approfitto e dico la mia.

Per rispondere alla domanda che da il nome a quest’articolo, quando è che Photoshop entra nella fase di design, la risposta è mai. Mai, lo ripeto. Quindi mi allineo con quelli di 37signals, e senza alcun problema, perché il mio metodo di lavoro prevede già il non uso di Photoshop quando sto facendo il design di un sito.
Permettetemi di spiegare che intendo, prima che qualcuno inizi a linciarmi (il che va per la maggiore ultimamente). Se poi volete linciarmi lo stesso sappiate che risponderò a tono, ma con molta più cattiveria.

Nella fase di design non c’è alcun bisogno di PS. Si può essere d’accordo, qualcuno invece protesterà, ma la fase di design è ben diversa dal creare una grafica, cosa per la quale serve Photoshop. La grafica viene dopo la fase di design, è quella immediatamente successiva, e si basa ovviamente su tutto quello fatto prima.
Prima che mi critichiate per essere fiscale e di appoggiarmi alla semantica per dare un senso a quest’articolo (che ne so, magari arriva qualcuno e dice: “Ma per me il design è fare la grafica!”), diciamo subito che design, in inglese, significa progettazione, ne più ne meno. Non grafica, non disegno, ma progettazione.

E in questa fase di progettazione si fanno determinate cose e si usano determinati strumenti, tra gli altri segnalo:

Card sorting (con xSort, di cui parlerò in un’altro articolo)
Mappa del sito (con xMind, di cui ho già parlato)
Diagrammi di processo
Wireframe (con OmniGraffle)
Prototipi
Test di usabilità

E altro ancora. Dove è che serve Photoshop in tutto questo? Non riesco a vedere da nessuna parte ma neanche il modo di usarlo, neanche a volerlo.

Ci sono altri che fanno tutto (o comunque molte delle cose descritte sopra) con photoshop, bozze, wireframe, non ci sono problemi, non è mia intenzione far cambiare loro idea con questo articolo. Probabilmente però è meglio fare le cose con i programmi progettati apposta. Di sicuro il nostro lavoro ce ne guadagna, anche in termini di velocità.

Perché un e-commerce costa tanto?

Tue, 15 Mar 2011 08:00 GMT

Piccolo prontuario per i clienti che sgranano gli occhi e vanno in catalessi quando sentono il costo di un e-commerce fatto come Cthulhu comanda.

Come mai gli e-commerce hanno un costo spropositato? Finora non ci avevo mai fatto davvero caso, per me era una cosa normale, ma ho visto che in giro la gente si lamenta, dicendo che le webagency non fanno altro che, nel migliore dei casi, riprendere un cms gratuito e personalizzarlo.
Ora, a parte il fatto che non c’è niente di male in questo, tocca vedere però di che personalizzazione stiamo parlando. Iniziamo a fare dei distinguo.

Pacchetto completo

Pubblicità esclusa, quando noi proponiamo un preventivo per un e-commerce prevediamo diverse fasi di sviluppo.
Per dirla spiccia il nostro è un lavoro di User Experience, che porta via molto tempo, in test, test, test, e ancora test. In pratica mesi di lavoro. Si prova una soluzione, la si propone agli utenti (e qui si ha già un costo, perché questi utenti toccherà pagarli), si vede come reagiscono, gliela si ripropone (altri soldi), e così via, fino a che non si è soddisfatti.
E ovviamente di test non se ne fanno di un tipo solo, di certo non si va a testare solamente la struttura o la grafica del sito, vanno testate le etichette, l’organizzazione delle voci, c’è n’è di roba da fare. È questo che fa lievitare il costo di un e-commerce, oltre ovviamente il fatto che è un sito decisamente più complesso di uno normale.

Pacchetto light

Anche questo sarebbe già meglio di quello ancora più sotto. Vedo molti colleghi (con la c minuscola ovviamente, che però sono la maggioranza) che fanno solamentel’integrazione della grafica sullo scheletro del cms. Meglio di niente sicuramente è, ma visto che stiamo parlando di una cosa come un e-commerce non si può far pagare migliaia di euro (perché è di questo che stiamo parlando) solo per un’integrazione grafica. Un sito che nella migliore delle ipotesi non sarà di grande aiuto se non con molto seo, che costerà molto di più che non con un sito fatto bene[[Mi spiego meglio: magari a parità di costi per la pubblicità, un e-commerce è più facile da usare e quindi converte meglio, mentre uno che ha solo una grafica personalizzata ma è difficile utilizzo abbisognerà di più soldi per poter convertire lo stesso numero di utenti.]].

Pacchetto ma si dai ci si mette d’accordo 100€ e fammi pubblicità mi raccomando

Il mio capo dice che anche i ragazzini sedicenni servono a qualcosa, selezione naturale l’ha chiamata. E sono d’accordo con questa analisi molto semplice che però va dritta al punto.
Anche i sedicenni servono a toglierci clienti scomodi a cui non diremmo neanche una parola. Certo però poi sta gente non può lamentarsi del prodotto scarsissimo che gli è stato rifilato.
Per ingenuità, perché l-e-commerce è una cosa considerata un plus, che non viene considerato come una cosa utile, ci sono molte persone che si rivolgono a dei dilettanti per farsi fare il sito, con risultati disastrosi.
Perché è l’immagine del commerciante quella che viene danneggiata, e di nessun altro. Contenti loro.

20 cose belle e brutte di Magento

Thu, 10 Mar 2011 08:00 GMT

Lavorando ultimamente con Magento, ho potuto notare molte delle sue cose migliori, insieme a quelle che speriamo aggiornino al più presto:

Cose belle

Gestione dei prodotti e categorie molto completa e completamente personalizzabile
Gli attributi prodotto
Pieno zeppo di plugin che possono fare praticamente qualsiasi cosa
Gestione dei vocabolari controllati
Magento connect
Comprare senza registrarsi
Ad ogni pagina la sua grafica
Gestione multisito - multilingua
Pronto ad essere ottimizzato lato SEO
Molti metodi di pagamento e spedizione
Statistiche di vendita
Un numero infinito di tutorial, anche in italiano

Cose brutte

Non pronto (nativamente) affatto per il mercato italiano, necessità di molti plugin per l’uso reale
L’impossibilità di modificare il tema fino al più infimo dettaglio senza mettere mano al sorgente
Pesante (il pacchetto completo sono più di 50mb)
~~Non è possibile cancellare gli ordini (quelli di prova magari)~~ Mi segnala Laura che invece è possibile farlo tramite un modulo
Vocabolari controllati, voglio un menù apposito e una gestione semplificata direttamente nella scheda del prodotto
I div vuoti creati nei template vengono cancellati
Per l’installazione serve un tecnico della NASA
A volte ha talmente tanti problemi che tocca chiamare l’hosting