122 votes

Stratégie de sortie la plus rapide pour un bouton panique dans les sites Web de crise / abus?

Je suis en train de faire un site web pour les Femmes, et les Abus de Centre de Ressources. Beaucoup de centres de ce genre ont de ce qui est appelé par les centers comme un "Bouton de Panique". Un exemple de base est trouvé ici, en haut de chaque page dans la barre verte.

L'idée de le lien ou le bouton est pour que si une femme était à la recherche à ce site web pour obtenir de l'aide, et de leur agresseur ou quelqu'un qu'ils ne voulaient pas savoir marchait dans la chambre, il permet une rapide échapper. Parfois, un lien est beaucoup plus rapide, puis la fermeture d'une fenêtre de navigateur et qui peut être suspect.

Le problème que je vois est que la plupart des boutons-je voir le faire juste vous envoyer à google ou quelque chose comme ça. Je vais faire quelque chose comme ceci:

<a href="http://www.msn.com/#news" rel="noreferrer">LEAVE WEBSITE NOW!</a>

ou

<a href='data:text/html;charset=utf-8, <html><meta http-equiv="refresh" content="0;URL=&#39;http://www.msn.com/#news/&#39;"></html>'>LEAVE WEBSITE NOW!</a>

Un lien comme ça va faire défiler des contenus. Ce n'est pas une vierge de recherche Google, mais est également pas une chose spécifique qui pourrait être considéré comme suspect.

Je sais que le fait de bloquer le référent est bon, mais même avec cette solution, vous pouvez cliquez sur le bouton retour de votre navigateur et de vos pêchés. Pour ce problème, je pensais que je pouvais faire quelque chose de ceci:

HTML

<a href="javascript:goNewWin()" rel="noreferrer">LEAVE WEBSITE NOW!</A>

JavaScript

function goNewWin() {
    window.open("backbuttonnewpage.html",'TheNewpop','toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=1'); 
    self.close()
}

Je suis annonce parce qu'il y a un risque pour la vie avec ça et j'ai besoin de quelque chose qui est aussi proche d'une solution totale. Comment voulez-vous faire cela?

 

Mise à JOUR - 3-26-14:
J'ai couru quelques-unes des idées posté ici par le centre de ressources, je travaille avec et voici leur réponse. "Il faut énormément de courage pour nos utilisateurs à même de venir sur notre site web. Quand ils viennent, ils sont à la recherche d'un rapide, facile de ressources pour se sortir d'une situation menaçant la vie. Ils n'auraient pas le temps ou la capacité mentale dans la plupart des cas de se renseigner sur un moyen sûr de parcourir notre site web. Lorsqu'ils sont présentés avec l'idée d'un "bouton de panique", quand il est fait correctement, a semblé être une ressource qui est toujours demandé par la plupart des victimes que nous traitons."

Après avoir lu beaucoup d'idées ici, il semble que la solution serait un gros bouton qui flotte dans une position constante sur la gauche. Lorsque la page se charge du chargement d'un autre site dans le fond (peut-être un appel ajax), de sorte qu'en cliquant sur le bouton supprime juste la superposition d'image. Cela signifie pas de temps de chargement lorsque l'utilisateur clique dessus. Pour éviter un retour appuyez sur le bouton du navigateur, il semble comme dit au navigateur de ne pas le cache est nécessaire ainsi qu'éventuellement à l'aide de replaceState sur chaque changement de page pour désactiver un bouton de retour que révèle ce site.

C'est encore une question technique. Le débat aide beaucoup mais j'ai encore besoin d'une solution technique. Quiconque pense qu'ils sont en mesure d'obtenir toutes ces idées ensemble dans quelque chose de fonctionnel? Mal-être de travailler sur elle tout de suite moi-même et poster quoi que ce soit je viens avec. Merci à tous.

37voto

NicolasMoise Points 2704

(PRESQUE) FINAL EDITION

OK, j'ai lu tous les commentaires et c'est ce que je pense est la meilleure solution mais j'ai aussi pensé à un LOCAL de remplacement. Je suis ouvert à la poursuite de l'amélioration/discussion

var panic= function(){
    document.body.innerHTML = '';
       //this clears the current html in the body 
       //making it look like the page is loading

    if(...){ //check if replaceState is supported so no error is thrown
        var title="Decoy Article Title",
        url="/decoypage"; //another endpoint on your server that gives the decoy website
        window.history.replaceState("", title , url); //replace current history entry
    }

    //should be pretty fast up to this point
    window.location.replace("http://www.google.com"); //load the google page or my alternative.
}

J'ai mis un exemple sur mon AWS instance à 54.186.79.95 Aller à cette page, cliquez sur le bouton, visiter une autre page, puis appuyez sur retour, vous êtes maintenant sur 54.186.79.95/decoywebsite et il n'y a aucune trace de vous sur 54.186.79.95/, si le cache est désactivé, votre serveur, voir la "../decoywebsite" request " et envoyez un leurre page. Malheureusement, vous ne pouvez pas modifier l'ensemble du domaine, de sorte que vous devez le domaine pour ne pas être suspect.

Si vous voulez vous débarrasser du contenu de la page, je crois que le meilleur moyen est d'utiliser document.body.innerHTML='';. Vous êtes toujours techniquement sur la page, mais le contenu a disparu.

La prochaine étape consiste à modifier l'historique de votre navigateur. window.history.replaceState (lien vers les docs) est une fonctionnalité de HTML5 qui peut modifier votre histoire sans faire un rechargement de la page ou une demande à votre serveur. C'est assez rapide, mais ne fonctionne que sur les navigateurs modernes. Lorsque l'utilisateur clique sur le bouton de panique, nous allons remplacer la page actuelle dans son histoire avec une fausse url.

Si l'utilisateur abusif clics, votre serveur (Php, python, peu importe) recevront votre demande avec votre faux url. Si vous avez besoin d'avoir un autre point de terminaison de votre serveur (Laissez-moi savoir si vous ne comprenez pas les points de terminaison). Faire un bon article, recette, ou de la météo, avec un rapport d'aspect similaire à l'original de votre site web afin d'éviter les soupçons, si l'agresseur a obtenu un coup d'oeil rapide sur le site. Assurez-vous également que le navigateur ne prend pas en cache à l'aide de l' <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">balise.

Remarques Supplémentaires

  • Idéalement, l'ensemble de votre site web (à l'exception de votre leurre de l'article bien sûr) doit être d'un SPA (Single Page Application), de sorte qu'il n'a jamais produit un historique du navigateur et que vous n'avez qu'à modifier celui-là.
  • À la fin de la journée, je ne pense pas que vous ne pouvez pas faire un bouton de panique c'est 100% infaillible, il va y avoir des moyens autour d'elle. Vous avez juste à en trouver un avec un niveau acceptable de sécurité et de commodité.

UNE AUTRE SOLUTION: MODIFIER LOCALEMENT L'INCRIMINANT INFO ET DE MODIFIER L'HISTORIQUE DU NAVIGATEUR

Je me disais aussi, si au lieu de charger google, si ce n'est pas mieux pour réellement transformer votre site en local avec innocent info. Cela ressemble moins suspect que le chargement de google (tout le monde le fait) et vous pouvez tout faire en local sans avoir à recharger la page.

Lorsqu'ils cliquent sur le bouton de panique, il suffit de vous rapide (et cross-browser compatible) de manipulation du DOM pour changer le incriminant info sur votre site web et le faire paraître innocent (peut-être juste changer le texte, il se doit d'être rapide). De cette façon, tout est fait localement, ce qui dans la grande majorité des navigateurs d'aujourd'hui est presque instantanée. Vous n'avez pas à vous soucier de recharger/serveurs, car les scripts doivent être déjà chargé et prêt à aller. Si vous gardez le même look and feel, il ressemble à l'utilisateur était en train de naviguer vers une autre page du site. N'est pas trop évident à partir de l'apparence de votre site que c'est une crise de site web. Bien sûr, vous faites, il est impossible de revenir sur le contenu d'origine. Je voudrais également préciser sur le bouton de panique ce que la stratégie est donc à l'utilisateur de ne pas paniquer.

Je voudrais encore essayer de changer l'historique du navigateur et d'en acheter un autre domaine qui héberge une copie du leurre de la page, comme dans l'exemple précédent. Pas seulement si le nom de domaine est suspect, mais dans le cas où l'utilisateur abusif coups de rafraîchissement ou revient en arrière dans son histoire. Vous devriez faire de votre site web entier un SPA parce que vous ne pouvez modifier votre entrée actuelle, pas votre histoire. Bien sûr, ce serait encore de travail uniquement dans les navigateurs HTML5, assurez-vous juste aucune erreur n'est levée et l'autre partie du script s'exécute toujours dans les vieux navigateurs.

Ce que les gens pensent? les faiblesses de cette? Ce serait un bon contenu pour le remplacer?

28voto

Lee Gary Points 1379

Puisque vous avez dit que des vies sont les plus à risques, de la mise en œuvre, je vous suggère fortement d'éduquer les utilisateurs à l'utilisation de plusieurs onglets au lieu de cliquer sur quelques boutons de panique.

Mes raisons d'être

  1. Dans les moments "d'urgence", combien de temps faut-il pour que l'utilisateur de déplacer leurs mains à la souris (en supposant qu'ils ont levé leurs mains pour taper ou de toucher leurs cheveux ou de ce qu'ils voulaient), supposons qu'il leur a fallu -> 0.5 secondes
  2. Dans votre exemple, le site, la barre verte est en fait très faible, pour être franc, tous ne sont pas très précis avec leur la main, les yeux de coordination (d'ailleurs curseur de la souris accélération de peuvent différer entre les OS es et les Profils d'Utilisateurs), l'utilisateur doit déplacer la souris vers la "Panique" bouton et cliquez sur, à moins qu'ils sont des professionnels de FPS joueurs, il est probable que de les prendre à un autre -> 1 à 2 secondes
  3. Ma dernière variable hypothèse est, si votre script implique le chargement de ressources distantes, par exemple, pour www.google.com vous pouvez mettre des vies en danger en supposant que le navigateur est
    • Moderne
    • A scripts activés
    • La vitesse du réseau et le temps de latence est optimal
    • Les Caches sont amorcées.

Si vous allez charger des ressources distantes, je vous propose d'insérer un div avec z-index: -1 et certains factice des contenus web. Sur le clic, déplacez leur z-index plus élevé de chevauchement de tout sur l'écran.

Donc, si nous supposons que vous chargez une ressource distante, et avec toutes les variables inconnues, nous pouvons supposer que le temps nécessaire à l'être -> 0.5 - 10 secondes

Si vous allez écrire un programme qui pourrait tuer quelqu'un, je vous suggère fortement de vous de ne pas prendre le risque de faire quelque chose qui peut prendre de 2 à 12 secondes pour les sauver.

Former vos utilisateurs en mettant une bannière avec des instructions

  1. Ouvrir un onglet qui ne menacent pas leur propre vie (p. ex. google.com, msn.com, yahoo.com)
  2. Ouvrez un autre onglet avec votre site
  3. Naviguer normalement sur votre site
  4. En cas d'urgence, appuyez sur Ctrl+W pour Google Chrome, IE, Firefox, Opera (merci de confirmer pour les autres navigateurs)

Si vous obtenez l'idée, appuyez sur ctrl + w vs prévue de votre solution, je puis vous garantir que Ctrl+W va être plus rapide.

23voto

crush Points 7891

Cette réponse suppose que l'Histoire et la Barre d'Adresse ne sont pas un Problème. Au moins, pas tout de suite.

Scénario

Julie est une victime de violence conjugale. Elle est sur l'internet à la recherche de l'aide, et elle vient à votre site web: http://www.crisisprevention.com (fictif pour cette réponse)

Comme elle est en parcourant votre site, elle entend son conjoint s'approchant rapidement la pièce. Elle panique. Heureusement, vous avez un beau, gros bouton, fixe à la page comme elle défile.

Elle clique sur ce bouton et ...

Il prend son Google.com

Je n'aime pas cette approche pour la raison suivante: personne ne va croire que vous êtes simplement assis en face de votre ordinateur à regarder les résultats de recherche Google rapide. Croyez-moi. Je l'ai essayé avant.

J'ai utilisé de garder un onglet ouvert avec le Google invite, et si j'ai été la navigation en hors-sujet au travail des trucs, j'aimerais passer à l'onglet Google, de sorte que personne n'a été plus sage. Il a travaillé...en quelque sorte. Jusqu'à ce que les gens ont commencé à se demander pourquoi j'ai été regarder les résultats de recherche Google écran toute la journée.

Depuis, j'ai commencé à ouvrir un onglet avec les différents projets de travail dans les différents états. Généralement, les trucs que je suis en train de travailler sur de toute façon entre la navigation. Alors, maintenant, je suis réellement obtenir un peu de travail! Il ne prend pas un tech génie pour comprendre cette approche, c'est pourquoi @LeeGary la réponse peut être la meilleure.

Il prend son ... c'est toujours la prise de son ... oh problèmes de connexion à Internet

Voici une réalité que vous devez être préparé pour. Peut-être la Connexion à Internet est interrompu au moment où elle est prise de panique. Le contenu actuel reste affiché sur la page alors qu'elle attend la demande HTTP GET pour obtenir du contenu, il peut commencer le rendu...seulement, aucun contenu n'est en cours de récupération. La connexion Internet est coupée. Cela peut se produire pour un certain nombre de raisons:

  • Conjoint déconnecté.
  • Serveur de contact est en vertu de charge extrême.
  • Navigateur est en cours d'exécution timide sur la mémoire.
  • FAI est d'avoir des problèmes.
  • Dial-up de connexion/déconnexion (oui, encore exister).
  • L'ordinateur est juste lent.
  • Serveur DNS.

Les raisons d'aller sur et sur lesquelles le navigateur pourrait s'étouffer quand elle clique sur le bouton de panique, et il essaie de la déplacer à un nouveau site.

Servir un Site web Alternatif Instantanément

Ma solution vous suggère de précontrainte d'un site web dans le fond de votre site. De le charger dans un <div> et de le cacher derrière normal de votre site. Si c'est un gros peu de contenu, alors vous pourriez envisager de les cacher avec des z-index au lieu de display: none. De cette façon, elle sera pré-rendu (je crois, pourrait être mal ici).

Maintenant, il n'a pas d'importance si sa connexion Internet est en panne. Elle a déjà le contenu. Il n'y a pas de temps de latence impliqués avec une requête HTTP GET. Simplement, il s'affiche immédiatement.

Si la barre d'adresse est une préoccupation, vous pourriez encore être en mesure d'atténuer qu'en servant un site web alternatif qui correspond à votre domaine.

Par exemple, prendre le fictif (pour cette réponse) domaine: http://www.crisisprevention.com

Vous pourriez vous servir de la variante de l'article qui se rapporte à-dire, de la résolution de la crise de la faim dans le monde.

L'idée ici est que c'est l'initiale du premier coup d'œil qui est le plus accablant. Lorsque le conjoint promenades dans et il la voit de naviguer à l'extérieur de Google.com, avec ce regard paniqué sur son, il va à soupçonner quelque chose est en place et sera plus enclin à étudier. De même, il pourrait être encore pire si elle est pris dans l'acte d'essayer de cacher ses actions parce que la demande HTTP GET a été lente ou échoue.

16voto

Salvador Dali Points 11667

Il y a de gros problèmes avec le bouton de panique:

  • il est difficile de cliquez sur (vous devrez être précis)
  • il faut du temps pour sélectionner (et une énorme quantité de temps que si vous êtes sur un ordinateur portable sans souris)
  • il vous permet d'économiser de l'histoire
  • il est accessible via le bouton back / retour arrière.

Et comment au sujet de la panique de mouvements aléatoires d'une femme qui essaie de cliquer rapidement sur le bouton, quand elle a été la lecture de ce. Que faire si elle va rater le bouton à partir de la première tentative?

Donc si il y a vraiment des vies humaines qui pouvait être sauvé, c'est le genre de mauvaise idée.

La meilleure façon est de leur montrer la voie normale de le faire (par le biais de certains de tri de l'aide avant que vous pouvez éventuellement entrer sur ce site). Il peut être quelque chose comme ceci:

Selon le navigateur d'un utilisateur vous donner une liste des étapes à faire pour utiliser uniquement le clavier (pas de souris). Par exemple, si elle est sur google chrome.

  1. ouvrir un site web que vous aimez (FB, twitter, de drôles de lapins et faire semblant comme si vous faites quelque chose).
  2. Appuyez sur CTRL+MAJ+N (ouvre une fenêtre de navigation privée) qui ne permet pas de retour arrière / histoire des astuces
  3. accédez à notre site, il y a (pas de copypasting pour empêcher la vérification de ce qui est à l'intérieur de votre tampon)
  4. De lire les trucs et de toujours garder vos mains sur le clavier à proximité de CTRL et W
  5. En cas d'urgence, appuyez sur CTRL+W
  6. Continuer en vedette sur votre FB, twitter, funny bunny

Sûrement, vous devez modifier votre explication dans la langue appropriée. Mais de cette façon, il est vraiment difficile à attraper. Aussi dire à ce sujet assis à côté de miroirs et d'autres de réflexion des surfaces comme les fenêtres, des verres et d'autres choses. Demandez-leur d'essayer d'utiliser ces combinaison pour un certain temps à être familier.

Si des vies humaines sont en jeu, vous devez être professionnel et de ne pas utiliser ces boutons de panique. Surtout si il est si facile d'enseigner aux gens comment faire plus rapide et plus sûr.

Réponse à Nobius

Je vous suis point, je vous remercie. Mais je suis en désaccord avec votre point de vue. Après beaucoup de campagne pour qu'il soit mis sur FB, avez-vous réellement vu sur FB? Je n'ai pas. Non les gens sont connus pour venir avec ridiculement mauvaise idées, certains dont vous pourriez avoir rencontré (prévention clic droit sur banques des pages pour améliorer la sécurité, les mots de passe à 4 chiffres pour être plus facile à taper à partir de téléphones mobiles). En appuyant sur un bouton de semble plus facile, mais regardez ma liste de pas - la seule chose que vous devez faire dans une situation stressante est en appuyant sur CTRL+W. Vous n'avez pas besoin de penser en termes de comprimés, de modes et d'autres choses. Cela vient de modèle de base - voir quelqu'un, appuyez sur CTRL+W., À mon avis, ce n'est pas difficile du tout et facile à retenir. Ce n'est pas plus difficile que n'oubliez pas de cliquer sur le bouton. Tout ce que vous avez à lire dans une atmosphère normale.

En appuyant sur 2 boutons est BEAUCOUP plus rapide que le déplacement de la souris, et il est vraiment difficile de les manquer lorsque vos doigts sur eux (faire une expérience et mettez-vous en situation de stress et d'essayer de cliquer rapidement sur le bouton). Aussi comme je l'ai dit - j'en vois au moins quatre raisons comment quelque chose peut aller mal, en panic button situation, alors que je le vois beaucoup moins de raisons de CTRL+W. Si l'homme vit êtes - vous besoin d'être professionnel.

Réponse à NicolasMoise. Pourquoi les gens continuent à dire que vous avez besoin d'être calé en informatique pour en appuyant sur CTRL+W? Je ne suis pas d'essayer de montrer aux gens comment utiliser TOR, VPN, configuration de canal de cryptage. C'est juste CTRL+W. Gens ont appris à jouer à angry birds à la taille de leur temps (ce qui est beaucoup plus difficile que de se rappeler de 2 boutons), afin que les gens peuvent apprendre CTRL+W pour sauver leur vie. Tutoriel peut être indiqué d'une façon telle que l'observateur ne peut pas comprendre pourquoi vous êtes la lecture de ce (quand vous voyez ma liste d'étapes, je ne crois pas que la première hypothèse serait - ah c'est pour les femmes de l'abus de site).

Mais plus que probablement, de donner aux gens la perception de la fausse sécurité est beaucoup mieux. La réponse n'est pas hors-sujet. La personne se demande comment mettre en œuvre bouton panique - et je vais expliquer pourquoi le courant de façon erronée et que peut-il faire pour faire mieux. C'est sur le même niveau que "je veux faire de la communication sécurisé et je suis en utilisant la substitution de monogramme', oui, vous pouvez améliorer la vitesse de son monogramme et prétendre que tout est OK, vous pouvez montrer une autre manière.

Une dernière tentative pour expliquer mon point supplémentaire: vous avez de bien expliquer aux gens les risques de retard de votre approche. Un bon exemple quand les gens ont souffert de ne pas expliquer les problèmes correctement a la question avec le biélorusse blogueurs, qui ont pensé que l'affichage de manière anonyme sur internet vous permettra de les rendre intraçable de répressions gouvernementales. La ressource leur a donné la fausse croyance qu'ils sont les sauver s'ils ne fournissent pas leur véritable identité. Ils ont appris que ce n'est pas vrai dans le dur chemin (quand ils sont allés en prison pour quelques années).

Si quelqu'un pourrait expliquer le risque, je pense que certains d'entre eux seraient heureux d'apprendre comment se servir de l'outil pour enregistrer leurs cinq prochaines années.

Alors, pourquoi ne pas donner aux femmes quelques options:

  • vous pouvez utiliser l'approche d'Un droit de suite, et voici la liste des problèmes que vous pouvez rencontrer.
  • vous pouvez utiliser l'approche B, qui nécessite de X minutes, durant la première fois à lire et à comprendre quelque chose. Et puis votre liste de problèmes possibles diminue pour une liste plus petite.

Et les laisser décider ce qu'ils veulent faire. De cette façon, ils connaissent les risques.

10voto

symcbean Points 27412

Je pense que vous avez encore un long chemin devant vous.

La raison pour envoyer des gens à la page de Google, c'est que

  1. il se charge très rapidement
  2. il est susceptible d'être mis en cache quand même
  3. il rend très vite
  4. c'est vraiment bien optimisé
  5. ai-je mentionné que c'est rapide?

Le lien que vous avez fourni est lente.

Si vous souhaitez fournir un moyen rapide de changer l'écran puis ouvrez votre site dans un jeu de cadres - avec le manteau dans un cadre de taille 0, et de votre site dans un cadre de pleine hauteur. Ensuite, lorsque l'utilisateur clique sur le lien de swap autour du cadre et des hauteurs de redirection au niveau le plus haut de la fenêtre de la page déjà chargée.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X