RSS

Nicer soulignant

11 mars

Bonjour, Merci de votre visite - J'espère que vous trouverez des informations utiles. Laisser un commentaire, mais si vous avez des commentaires sur le sujet.

La régulièrement me dérange assez moche et pas grand Typographiquement soulignant que se trouvent normalement sur le web. Plus précisément, cela me dérange que les descendeurs des personnages sont biffés et tout l'effet poussé par beaucoup. Pour cette raison, je suis allé à la réalité prévu à cet effet et les jours ordinaires CSS text-decoration: underline; de ​​boycotter. Je pense que c'est beaucoup plus agréable que la commande soulignement pour mettre en œuvre border-bottom.

Pour le point de vue typographique ce n'est pas encore la solution optimale, car ne répond pas aux descendeurs et le soulignement. Par conséquent, le champ d'application pourrait encore mettre sur un pixel vers le bas. Selon la taille de la police de la police et l'interligne, mais qui peut engloutir trop de place. J'ai donc utilisé sur cette distance ne Siete.

Les 3 variantes en comparaison:

? Voir le code HTML 
  text-decoration: underline;
 border-bottom: 1px solid;
 border-bottom: 1px solid; padding-bottom: 1px;

Typographie

Pas si gentil ...

Typographie

Parfait ... à ce point de vue, à de petites tailles, mais aussi toucher descendeurs et soulignant.

Typographie

Pour les petits terrains de jeux préférés Schriftgröen ... le meilleur choix

C'est ce moment, mais seulement un peu, mais cette petite note de mon point de vue et j'ai tout de suite commencer à appeler pour "plus belle souligne". En dehors de cela il ya encore des péchés typographiques beaucoup plus sur le Web, mais à une autre époque.

Pas de commentaires

Posté dans Graphisme & Design

Google Analytics filtre faciliter la vie!

4 mars

Filtres dans Google Analytics est un outil très maniable et puissant en même temps. Il est donc possible de manipuler les données statistiques, d'extraire, ou même intégrer. Pour cette raison, j'ai compilé quelques exemples concrets pour expliquer le fonctionnement du filtre dans Google Analytics.

Fondamentalement, les filtres peuvent filtrer gestionnaire, qui est lié sur la page Google Analytics Aperçu sous le site profils sont créés. Les exemples suivantes doivent être assignés à chacune à l'extrémité d'un profil de site, seules les données de la manipulation profil correspondant.

Les demandes de leurs adresses IP à exclure
C'est le classique du filtre, le trafic auto-infligée est exclue.

Type de filtre: Exclure le trafic d'une adresse IP
Adresse IP: 193.0.0.0

Google Analytics - IP ausfiltern

Plus d'informations comprendra une explication sur la façon d'exclure des plages d'IP je l'ai expliqué dans cet article:
Google Analytics filtrer sa propre adresse IP (Partie 2)

Plein referrer Voir

Le parrain n'est pas Google Analytics représenté complètement. Ce filtre est une solution de contournement pour la totalité de l'URL impersonate référant définie par l'utilisateur segment.

Type de filtre: Filtre personnalisé -> Avancé
Champ A -> Extraire A: link (*).
Champ B -> B extrahierern: laisser vide
Sortie en -> Constructeur: Défini par l'utilisateur $ segment A1
Champ A obligatoire: Oui
Champ B obligatoire: Non
Remplacer le champ de sortie: Oui
Sensible à la casse: Non

Google Analytics - Filter für vollständige Referrer

Alors nous obtenons les statistiques dans laquelle un Google Analytics au sein de la page de provenance des statistiques, la dimension de l'Referrerauflistung sur "Valeur personnalisée" entourés.

Raccourcissement d'URL

Si toutes les pages peuvent être suivis dans le même sous-répertoire de l'URL ci-pour plus de clarté sera réduit. L'exemple ci-dessous suppose que toutes les pages de ce blog en / blog / mensonge. À travers le filtre, le nom du répertoire est enlevé.

Type de filtre: Filtre personnalisé -> Rechercher et remplacer
Champ de filtrage: URI de la demande
Chaîne de recherche: grafixx.at / blog /
Chaîne de remplacement: /
Sensible à la casse: Non

Google Analytics Filter: Url verkürzen

Classements SEO suivi

Ce filtre est plus complexe, mais aussi plus puissant que le précédent. Ici, l'URL de provenance seront traitées comme une expression régulière. Si il ya un accès via Google, est délivré au sein de Google Analytics, la position de l'entrée dans les résultats de recherche Google.

Type de filtre: Filtre personnalisé -> Avancé
Champ A -> Extraire A: Référence (? \ | &) Q = ([^ &] *)
Champ B -> Extraire B: (? \ | &) Référence Démarrer = ([^ &] *)
Sortie en -> Constructeur: Défini par l'utilisateur (de la page: $ B2) du segment $ A2
Champ A obligatoire: Oui
Champ B obligatoire: Non
Remplacer le champ de sortie: Oui
Sensible à la casse: Non

Google Analytics Filter: Seo Tracking

Alors nous obtenons les statistiques dans laquelle un Google Analytics à l'intérieur de mot-clé page de statistiques, la dimension de la liste de mots clés pour "Valeur personnalisée" entourés. Dans ce Satistik n'existe aucune page spécifiée est la première page, au-delà de 10 est la page 2, page 20 pour 3, etc

URL converti en minuscules

Un filtre relativement simple, mais la clarté est fortement augmentée. Avec ce filtre, toutes les URL en minuscules et donc pas mentionné qu'une seule fois.

Type de filtre: Filtre personnalisé -> Avancé
Champ de filtrage: URI de la demande

Google Analytics Filter: Urls klein schreiben

Trafic de plates-formes médias piste social

Avec cette demande de filtration provenant de plates-formes de réseaux sociaux (dans cet exemple: Facebook, Twitter et Xing) sont résumées dans le Statstik campagnes dans les médias sociaux à long terme.

Type de filtre: Filtre personnalisé -> Avancé
Champ A -> Extraire A: Source de la campagne Facebook | Twitter | xing
Champ B -> Extraire B: laisser vide
Sortie vers -> Constructeur: Campagne médiatique des médias sociaux
Champ A obligatoire: Oui
Champ B obligatoire: Non
Remplacer le champ de sortie: Oui
Sensible à la casse: Non

Google Analytics Filter: Social Media Tracking

Alors nous obtenons les statistiques dans laquelle un Google Analytics au sein de la page de la campagne stats, la dimension de la liste de mots clés pour "Medium" entourés.

Ils étaient même un peu pour le filtre maintenant je l'espère utile. Cela peut ou doit bien sûr être adaptées aux besoins exacts du site web concerné.

27 commentaires

Posté en Web Analytics

Incorporation des polices sur les sites Web: Typographie

17 février

Après la question épineuse de la sélection de la police limitée aux sites Web pourraient encore être résolus non pas complète, mais au moins il semble maintenant peu de lumière au bout du tunnel à donner. Après Safari 3.1 prend en charge le premier navigateur à intégrer une méthode pour écrire sites emboîteront maintenant le pas de la version 3.1 de Firefox. Raison suffisante, les possibilités actuelles et futures de l'intégration de l'écriture pour faire la lumière.

Étaient actuellement "des polices non standard" (par exemple généré par PHP), principalement sous forme d'images ou Flash sous forme de fichiers intégrés. Ces solutions de contournement de travailler, mais ils sont optimisés pour les moteurs de recherche mais pas encore du point de vue des performances. Pour contrer cela, il existe trois définitions dans le style CSS de la belle "@ font-face". Avec cette commande, il est possible d'incorporer des polices directement sur le site.

Donc, premièrement, les écrits et les styles de police souhaités sont définis. Puis, les styles de police définis sont utilisés comme d'habitude dans la feuille de style.
Le tout pourrait ressembler à ceci:

? Voir le code HTML 
  @ Font-face {
 font-family: 'Fontin-ordinaire »;
 src: url ('Fontin-Regular.otf') format ("OpenType");
 }

 h1 {
 font-family: 'Fontin-Bold ", la Géorgie, serif;
 }

Fondamentalement, TrueType, OpenType, PostScript et polices OpenType TT sont pris en charge. Cependant, en plus de l'appui navigateur relativement faible (IE est à la traîne wiedermal) du côté de licence légale sont observées. Il ne peut être fait à tous les grands caractères sont stockés sur le serveur. Par conséquent, il est recommandé que les droits d'utiliser la police pour être utilisé à la question exactement. Par conséquent, offrent actuellement surtout les polices qui sont disponibles par le biais de la licence Open Font.

Conclusion:
Une fois l'ensemble du sujet a reçu peu d'attention à certains moments, semble à nouveau avoir un certain mouvement est venu à ce sujet. Avec la sortie de Firefox 3.1 Firefox aura le nez légèrement en avance sur Safari, Firefox, car soutiendra contrairement ligatures. Bien que ces deux navigateurs et certains détails pourraient être améliorés, a donc le soutien de @ font-face, mais un bon signe. Soit dit en passant, les fabricants de navigateurs autres mettront la pression sur et tôt ou tard il faut espérer qu'elle soutiendra également le navigateur Internet Explorer.

Liens connexes:
W3C définition
Comparé Safari / Firefox
Typografie.info - L'incorporation de polices dans les pages web

Pas de commentaires

Posté dans Graphisme & Design

Optimisation des processus d'inscription

11 février

La conception de pages d'inscription est malheureusement très souvent trop peu d'attention. Il arrive souvent que beaucoup d'efforts pour faire de la conception d'un site est inscrit, encore sous-pages que Registrieungsseiten sont malheureusement oublié. C'est précisément dans de telles situations, il arrive que ces pages sont ensuite placés par le programmeur dans 0815 Schéma de la grille existante graphique. Ensuite, il suffit de compter le Registirerungsprozesse les pages les plus importantes de nombreux sites - mais il va par la suite à de nouveaux clients - quelque chose qui semble incompréhensible. Par conséquent, on devrait se prennent très au courant de temps et d'envisager la page appropriée dans la conception et design de l'écran.

Dans cet article, je définis les pages d'inscription sous forme de pages d'information, dont la mission est de fournir les informations nécessaires aux visiteurs et de persuader. Le formulaire d'inscription réelle est généralement une page séparée. A des formes très courtes, telles que: inscription newsletter, il peut aussi faire beaucoup de sens à la fois sur un spectacle côté.

Comme un peu d'inspiration, je vais maintenant la liste des articles et le contenu éventuels à partir des pages d'inscription. Bien sûr, pas tous les éléments à toute fin utile à chaque servirait à rien après l'enregistrement, en partie, différents points seront plus pertinents que d'autres.

  • Elevator Pitch

Il s'agit d'un bref résumé de la signification possible du site / application, etc pour vous inscrire. Par exemple, Flickr est l'option «Afficher vos photos. Regardez le monde. "

  • Description générale

Une description générale du produit devrait être formulée comme vivante et facile à comprendre. Les descriptions peuvent être très bon dans ce cas fournir un soutien avec des icônes. Ci-dessous je vous ai montré un exemple de TripIt. Ce site est le modèle mis en œuvre, à mon avis.

  • Liste des services

Liste des services et des fonctions à la disposition Enregistrement pour aider l'utilisateur à enregistrer pour confirmer.

  • Liste des avantages pour l'utilisateur

la même chose s'applique ici comme avec le point sur les services. Toutefois, cela devrait être l'avantage à l'utilisateur par l'enregistrement est clairement mis en évidence.

  • Appel à l'action

Avec un bouton de premier plan graphique est mis à la disposition de l'utilisateur que possible juste pour obtenir le formulaire d'inscription. Je pense que c'est encore mieux si une petite version de la forme est construite directement sur la page d'inscription. Ainsi, par exemple, le nom d'utilisateur et adresse e-mail interrogé directement. Après avoir terminé ces données, l'utilisateur peut ensuite être dirigé vers un formulaire détaillé avec le reste des champs. Cette procédure réduit le seuil de un pour commencer le processus d'enregistrement, de l'autre peuvent former des accidents sont statistiquement enregistrées et envoyées par courrier électronique à une date ultérieure, un rappel sera. Dans ce cas, la livraison des e-mails seront acceptés directement dans la première étape avec la case à cocher.

  • Témoignages et références

Témoignages et / ou références sont surtout dans les services commerciaux déjà devenus la norme. Des clients satisfaits donner confiance et affecte certainement positif.

  • Tour / Captures d'écran

Visites virtuelles de produits proposés dans les produits logiciels. Surtout dans ce segment, il est souvent difficile pour l'utilisateur d'avoir une idée de ce à quoi s'attendre. Cela peut être contrecarrée avec des screenshots et des visites virtuelles très bien.

  • Afficher les mesures nécessaires à la réalisation

Après le slogan "3 étapes pour votre site", ces étapes peuvent être répertoriés directement sur la page d'inscription. Celui-ci prend l'utilisateur dès le début de la crainte de formes infinies et compliqué à utiliser.

Exemples:

Flickr Registrierungsseite

Flickr page d'inscription

Tripit

TripIt

Linkedin Registrierungsseite

Linkedin page d'inscription

Page Conseils d'optimisation à I sous une forme résumée dans un précédent post. Ce document est disponible ici: augmenter les conversions grâce à de meilleures formes .

2 commentaires

Posté en Design et Utilisabilité

Construire la communauté sur l'exemple de World of Warcraft

6 février

Actuellement je me consacre à la communauté sur le bâtiment et tenter d'identifier quelques stratégies sur notamment World of Warcraft. L'ensemble du plan est de servir de matière à réflexion pour ceux qui exploitent ou même une communauté.

World of Warcraft est l'un des jeux les plus réussis en ligne de tous les temps. La valeur actuelle de payer plus de 11 millions de joueurs dans le monde entier de parler clairement et chiffres montrent clairement que ce jeu a à exercer une fascination particulière pour les joueurs. Le sous-jacente est un grand jeu (oui j'ai été une fois accro, mais maintenant je suis de nouveau propre: o)) et surtout un concept de communauté phénoménale. Pour cette raison, j'ai essayé d'identifier les aspects les plus importants de ce jeu et de montrer comment des millions de joueurs de Blizzard fabricant pour vous équiper et les garder heureux.

Développement actif - aucun but extrémité fixe
Pour créer un point logique à un jeu à succès pendant des années est le développement continu. Ainsi offre World of Warcraft (WoW) déjà depuis le début de nombreuses opportunités de développement pour les personnages virtuels de chaque joueur. En outre, il ya mises à jour régulières pour intégrer de nouveaux éléments toujours dans le monde du jeu. Ainsi, il n'y a pas de solution but ultime, il ya toujours de nouveaux objectifs pour les joueurs.

Build pression sociale - Tâches du groupe
La plus grande influence dans le jeu, à mon avis, mais la composante sociale. Dans WoW il ya de nombreuses tâches qui ne peuvent être abordées dans le groupe. C'est en partie pour cette raison que les joueurs travaillent ensemble pour fermer les guildes soi-disant. Au sein de ces guildes se posent très souvent à proximité des réseaux sociaux. Il est de pratique courante de discuter à côté des jeux via le "Voice over IP" (comme Teamspeak) à d'autres joueurs. Cet échange est utilisé principalement pour l'échange rapide de stratégies tactiques pendant le match. Bien qu'il soit dans le temps en jouant au total plus de 200 heures par joueur, il est inévitable que forme encore plus en profondeur des contacts. Vu dans WoW est l'un des plus grands réseaux sociaux.
Juste en résultant lien étroit avec sa guilde sera souvent mis en place au sein du groupe de ne pas être sous-estimé la pression sociale. Ainsi, souvent procéder à des nominations de se rencontrer, par exemple, où 25 joueurs en ligne à une tâche spécifique à remplir. Ces tâches ne peuvent souvent être atteint, mais si les joueurs sont en ligne. Automne d'un joueur, il peut arriver que 24 autres joueurs doivent attendre. Par conséquent, de nombreuses guildes sont mis au point un système pour attribuer des points pour les joueurs les plus fiables. Le joueur avec le plus de points recevra les meilleures récompenses après une tâche a été accomplie, etc ... Il suffit d'aller ensuite les joueurs eux-mêmes dans un cycle sans que Blizzard a besoin de faire quelque chose d'actif.

In schlachtzügen können bis zu 25 (früher 40) Spieler zusammen spielen.

Dans les trains de combat peut jouer jusqu'à 25 (anciennement 40) joueurs ensemble.

Création de héros virtuels
Enfin, la communauté choisit ses héros virtuels. Ainsi, par exemple, particulièrement bien réussi les guildes de joueurs ou en partie dans le monde entier connu parmi les hardcore gamers. Le succès sur leurs propres sites Web seront consignées et enregistrées par les autres guildes. Cet héroïsme est renforcée par ligne les cartes visibles et des statistiques. Le modèle entier est semblable à l'effet de stars du sport dans la vie réelle et favorise également l'ambition de beaucoup de joueurs.

Conclusion
Les 3 points sont de World of Warcraft ont eu beaucoup de succès suffisant. Bien sûr, il ya beaucoup d'autres aspects tels que: la mise en œuvre de la technique de très bons, les détails riches du monde virtuel, de nombreux événements saisonniers comme Noël, feux d'artifice du Nouvel An, etc. En outre, il ya aussi de nombreux «joueurs moyens» qui parviennent à jouer seulement à l'occasion, et ces modèles virtuels ne se soucient pas. Ces joueurs sont ensuite traitées dans la plupart des cas par d'autres aspects tels que les contacts sociaux, etc.

Pas de commentaires

Posté dans This & That

Pénurie comme un moyen d'augmenter les ventes

1 février

Pénurie en termes de réduction des produits disponibles est un moyen classique pour augmenter les ventes dans les achats à domicile. Cependant, cette stratégie se poursuit également en ligne à augmenter. Géants de l'industrie tels que Whoot! aussi pleinement énoncés et plein.

Le principe de base est simple:

La partie inférieure de la disponibilité de toute offre, plus la pression des clients potentiels au cours de la grève aussi rapidement que possible.

Cette rareté peut aussi être produit artificiellement. Je tiens à souligner un certain nombre processus plus ou moins agressif d'exemples.

Whoot!
Le principe de base est la suivante: Whoot offre quotidiennement un produit unique. Ce produit est disponible uniquement sur ​​cette seule journée et le lendemain il quelque chose de nouveau. La crise ici est d'une durée limitée et le nombre de pièces, qui les pousse sans doute le tout sur ​​la pointe et pour la majorité des magasins "traditionnels" trop radicales. Mais Whoot! pouvait s'asseoir dans le passé encore et encore avec la croissance des ventes et a maintenant atteint les ventes annuelles se chiffrent en dizaines de millions de milieu gamme de dollars.

Scrrenshot Woot!

Woot Scrrenshot!

Bien que l'exemple de Whoot! très extrême est de voir qu'une telle chose ne peut travailler au fond. Pourquoi quelque chose qui n'est pas intégré dans une version plus douce dans son propre atelier. Certaines fonctionnalités pertinentes sont souvent inaperçue déjà disponible dans de nombreux magasins.

Optimiser l'inventaire publicitaire
Un indicateur de stock est déjà une telle bonne forme et est intégré dans de nombreux magasins. Mais le plus souvent seulement comme une note côté, dans le style: "Plus que 3 en stock." Dans un tel cas, il est utile de souligner d'une part les informations de disponibilité visuellement et en outre se combiner avec un avertissement. Ainsi, par exemple, la disponibilité de moins de 5 pièces, l'avertissement: "Attention: Il ne sont plus x articles disponibles. Le risque est braderie: High ". A 5 à 10 sont les fonds sell-risque et plus de 10 pièces sera pas d'avertissement, mais pas de nombre exact émis.
En outre, tous les produits pourraient, qui a menacé un rapide sell-out dans une catégorie distincte, "seule la disponibilité plus limitée» ou être appliqués directement sur la page d'accueil.

Maintenant, certains vont probablement penser que c'est le meilleur, mais le stock artificiellement bas pour garder de l'utilisateur de faire pression pour une décision rapide. De mon point de vue, vous pouvez le faire pour des produits individuels. Fondamentalement, je considère qu'il est plus utile pour les niveaux de stocks élevés ne spécifiez pas de chiffres exacts. On ne devrait jamais vendre pour le client qui est stupide. Si un produit est disponible en permanence dans un très petit nombre, l'avis sera également le client et dans le meilleur des cas, le stock n'est plus des annonces pertinentes ci-joint. Dans le pire des cas, boutique en ligne du client peut aussi classer comme peu fiable et ne sera jamais de nouveau.

Limitées dans le temps des promotions
Une autre option sont des mesures temporaires. Un exemple serait une action sous le titre «Produit de la semaine". Dans une telle action pourrait être offert chaque semaine, un produit de la ligne existante à des conditions particulièrement favorables. Il s'agit d'une décision de mettre la pression sur le client, d'autre part, le client est incité à visiter le site chaque semaine pour découvrir ce que de bonnes affaires sont là. Bien sûr, une action de ce genre peuvent aussi répondre à la génération de données à la newsletter, etc sont utilisés.

Conclusion:
Le manque de temps ou le nombre de la disponibilité des produits est un outil très puissant, qui, dans différentes versions - peut influer positivement sur les ventes de nombreux magasins - à partir agressive pour conservateur. Toutefois, s'applique ici sera toujours sérieux, ne vendons pas l'utilisateur pour Dumb et adapter la méthode au groupe cible.

Pas de commentaires

Posté dans le commerce électronique

Applications Facebook sont toujours d'actualité?

23 janvier

Facebook est en effet sur toutes les lèvres en ce moment, cependant, les 3e partie des applications Facebook par certains, tandis que d'autres encore hyped presque prédire la mort imminente de cette.

Applications Facebook sont toujours une bonne chose et l'idée était géniale à l'époque. Applications significatives et créatives sont également utilisés nachwievor utile. Dans l'intervalle, toutefois, la norme ouverte est de plus en plus un obstacle. Le fait que presque n'importe qui peut créer une application appropriée, font des dizaines d'applications pour de nombreuses fins, plus ou moins la même chose disponible. C'est là que réside le danger. Tout d'abord, il est de plus en plus difficiles des applications nouvelles et uniques d'être développés. D'autre part, il faut considérer maintenant une stratégie claire pour commercialiser l'application de se démarquer de la multitude d'applications. Parce que ce que la meilleure application, si elle ne profite à personne?

Un autre problème est la propagation de la dar utilisateur. Par le biais de nombreux programmes similaires utilisateurs sont distribués. Actuellement, j'ai trouvé, par exemple, plus de 70 programmes à l'expression "voyage". Cela signifie qu'un utilisateur qui est intéressé à se rendre à peut-être 2 - 3 applications de voyage Voir et, finalement, max. 2, sans doute utiliser un seul. Exactement cet effet est à mon avis, en contradiction avec l'idée de base de la communauté, le partage d'informations, etc Il ya beaucoup de différents mini-dar. Plates-formes créées tous unis ensemble, représentent un excellent outil pour les utilisateurs et les opérateurs. Par conséquent, presque toutes les applications ont tendance à être encore relativement faible et donc de rester insignifiante.

Est-ce que créer une application Facebook encore un sens?
Mon opinion est que cela peut donner un sens. Il faut toujours bien réfléchir, mais si elle peut avoir une signification personnelle pour lui.
A cet effet, les critères suivants devraient être donnés au moins en partie:

  • Un concept innovant, USP
  • Plus de valeur pour l'utilisateur donné doit être claire et
  • , Suchtkarakter muss gegeben sein Composante virale: recommandation caractéristiques Suchtkarakter doit être donnée
  • , Bonus für die ersten 100 Nutzer, etc.) Concept marketing pour créer (Appliquer sur Facebook, entrée dans le répertoire de l'application, de bonus pour les 100 premiers utilisateurs, etc)
  • Approche de monétisation, la définition des objectifs

Applications réussies

Burger King campagne sur Facebook

Cette demande a été transmise au début de Janvier pour une importante couverture médiatique. Burger King décerné par la présente demande, un certificat-cadeau à tous les 10 amis ont supprimé. Pendant ce temps, l'application a été arrêtée. On dit que les violations de données ont abouti. Il ya quelques jours, je l'avais déjà présenté un rapport sur ​​la campagne de Burger King .

Burger King sur Facebook

Burgr King auf Facebook

Burgr roi sur Facebook

Pensées de voyage

Choisissez une activité et une destination pour une visite virtuelle pour commencer. Bien sûr, vous y emmener avec quelques amis.
Pensées de voyage sur Facebook

Gedankenreise auf Facebook

Pensées de voyage sur Facebook


Conclusion:
Il est toujours difficile de développer de nouveaux concepts et les applications connexes. Si vous gérer cela, cependant, il peut être un grand avantage d'être générée à partir de lui. Burger King nous a montré. Mais, si vous pensez parfois rapidement créé une application, car il est dans le Facebook oh-so-innovante, il doit être fait, devrait plutôt rester loin de lui.

Comments Off

Posté en eMarketing

  3. Une
  4. 2
  5. 3
  6. 4
  7. 5
  8. 6
  9. 7