Recherche supplémentaire
Compte
Ce mois-ci nous sommes sur des sites qui proposent leur version cellulaire, ou qui sont uniquement cellulaires !
Partager
Nous passons tous de plus en plus de temps à naviguer sur des sites Internet sur nos téléphones. Ainsi, lorsqu’un site ne s’est manifestement pas adapté pour s’adapter à la taille plus petite, cela devient une expérience très frustrante. De nos jours, les sites mobiles ne sont plus seulement une réflexion après coup, une tâche qui doit être accomplie lorsque vous avez l’impression que l’édition de bureau d’un site est terminée. Les deux méritent d’être considérés comme un tandem ; Certains pourraient même dire qu’aujourd’hui, un site cellulaire est plus important. Donc, pour le Double Click de ce mois-ci, nous rechercherons des sites dédiés à l’expérience mobile ou qui ont expérimenté le format d’une manière ou d’une autre.
Si vous avez récemment conçu un téléphone (mobile ou non), nous serions ravis d’en entendre parler. Envoyez-nous un e-mail et parlez-nous-en pour avoir une chance de figurer dans un numéro à long terme de Double Click.
Oftentimes, social media is a studio’s primary means for sharing its work with the world. So a portfolio site can feel redundant. Unless you’re a studio working with web design that is, where a portfolio site becomes a place to show off or experiment without a client dictating the rules from the other end of an email chain. It’s for this reason that Soft Power, a creative studio founded by Ben Haworth and Hamish Gardner, decided to go for something “part showcase, part experiment,” as Ben describes. “We saw this as an opportunity to create something that was fun to interact with but had the added layer of a slightly deeper dive on our projects.”
The site features a draggle montage of Soft Power’s work (as videos and stills) which forms the background of the landing page. “There’s a lot of energy in our work so we were keen to create a site where the visual language was literally informed by our past projects,” Ben explains. At the bottom of the screen is a stackable set of notifications, which works particularly well on mobile, as it mimics the banners we are all so used to seeing pop up on our screen. “People (nerds) are usually impressed how seamlessly the UI translates to mobile which was always a bit of an internal north star,” Ben adds. Reflecting on the project now, he says if they were to do it again, they would set stricter internal deadlines. “It’s cliche but an eight-week project inevitably turned into something closer to a year. Think smaller.”
Le conseil le plus judicieux de Ben :
Next est quelque chose de tout à fait différent, nous n’en attendions pas moins de son créateur, Yehwan Song, qui a figuré dans l’émission Ones to Watch de 2020. Créé entièrement pour exploiter l’interaction entre l’utilisateur et son appareil mobile, il permet aux utilisateurs de créer le mot « HEY » en tapotant sur l’écran, tout ce que Yehwan considère comme une « affiche tangible ». Elle nous dit que le site est né de sa préférence pour la création d’un « site Web qui pourrait simplement être une extension du geste humain » et qui exigeait le même design formel habituel d’un site Web. De plus, il a essayé de « relier l’attitude des utilisateurs et l’attitude interne de l’écran », expliquant que « le ‘HEY’ global a une légère attitude ascendante sur l’écran, tout comme l’attitude de l’utilisateur regardant l’écran juste au-dessus de l’appareil mobile ».
Avec autant de codage complexe et expérimental, Yehwan se recommande, si elle devait recommencer, de réfléchir pendant que vous le faites : « Cela peut sembler simple de créer et de développer un site Web, mais il y en a tellement. choses que vous voulez en construisant. » ce site Web : la position des trois doigts, l’ordre des touches, la perspective, etc. Il m’a fallu beaucoup plus de temps pour progresser que prévu », dit-il. Malgré le temps qu’il a fallu pour créer le site, Yehwan dit qu’il aime la façon dont il brouille la frontière entre « l’espace réel et l’espace Internet » et qu’il « crée l’effet que les gestes de la main provoquent directement des mouvements sur le site ». Je pense que c’est le changement de vie ultime que j’ai tenté grâce à cette expérience sur Internet. »
Le conseil le plus judicieux de Yehwan :
A site made specifically for mobile is twist-nav.play.it.cool by freelance developer and digital art director Daniel Powell, also co-curator of hoverstat.es. The site requires users to use gestures, like twisting and rotating several fingers on the screen in order to navigate the website. “The site itself was an experiment into alternative navigation, so it comes from a place of the function coming before the form (or even content),” Daniel explains, “but from there, I just played with it, imagining how content could come to life in this environment.”
Comme Yehwan, la typographie a fini par jouer un grand rôle dans la bonne fortune du site, bien que de manière quelque peu hâtive dans le cas de Daniel. Expliquant que ce n’était jamais vraiment un détail qu’il avait l’intention d’explorer, « ça s’est mis en place quand je pensais aux transitions et à la façon dont cette mécanique peut simplement se déplacer d’une page à l’autre. Je l’aurais probablement rendu un peu plus complexe et lisible si je lui avais donné plus de temps, mais cela me donne quand même beaucoup de joie de voir comment la typographie se transforme. Daniel a produit la page en ligne alors qu’il s’isolait, alors il commente que, encore une fois, s’il avait eu plus de temps, il aurait essayé de l’orienter dans une direction plus éditoriale, peut-être en écrivant une nouvelle ou un article. « Imaginez un lecteur vidéo avec un débogueur de spin, ou comment une simple mécanique de spin peut-elle avoir un effet sur une galerie de symboles ?Cela dit, mon conseil est probablement de rester indéniable et de ne pas trop s’emballer », plaisante-t-il.
Le conseil le plus judicieux de Daniel :
Bien que le site de portfolio de Toph Tucker fonctionne à merveille sur ordinateur, il exploite une fonctionnalité sur mobile qui n’est imaginable nulle part ailleurs : le shake. Toph explique son fonctionnement : « La page en ligne commence par une page HTML fondamentale : titres, paragraphes, liens ; tous les Times New Roman, presque tous les styles par défaut. Il mesure ensuite les positions de chaque élément, clone chaque lettre dans son propre élément et masque le HTML fondamental initial. Sur le bureau, il déforme le texte pour qu’il s’écoule autour d’un champ vectoriel, le rendant lisible lorsque la souris passe près d’une zone donnée. Sur mobile, « il utilise la même stratégie de mesure et de clonage pour déformer les lettres en fonction de l’accéléromètre du téléphone, de sorte que lorsque vous le secouez, il gonfle comme une feuille de tissu ». Ils ajoutent : « Le langage visuel original est complètement copié de celui de mes glorieux collègues de Businessweek, dont je savais que je manquerais dans le Massachusetts. La stratégie derrière le déplacement des lettres est copiée de George Michael Brower, qui a réalisé une brillante démo appelée FizzyText qui m’a conduit au bruit Perlin. La version mobile pilotée par accéléromètre a été poussée par mon ancienne patronne Cindy, qui m’a poussé plus que quiconque à créer des graphiques qui ne ressemblaient pas à une réflexion après coup sur les téléphones. La « constance des objets », où les lettres sont réassemblées, est encouragée par les écrits de Mike Bostock sur la manière de réaliser d’astucieuses transitions coupables entre les graphiques, même si j’ai essayé d’en abuser pour désorienter.
Interestingly, despite the site working so well on mobile, Toph says that it was somewhat of an afterthought: “I totally designed it for the desktop first. I tried to get the same desktop behaviour working on the phone. But it didn’t feel right, and I’m very happy I made the decision to leave off the behaviour and do something that felt mobile-first, second,” they explain. Today, Toph, therefore, loves showing people the site on both devices as each offers a different experience or something new to discover.
Le conseil le plus judicieux de Toph :
Un autre site qui, sans être forcément mobile, offre une expérience particulièrement agréable sur mobile, a été créé par Tristan Bagot, en collaboration avec le propriétaire de contents. paris (qui souhaite rester anonyme). Simple mais très efficace dès votre arrivée. sur le site, un fond rouge foncé et des lettres majuscules indiquant « CONTENU » vous sont présentés. Lorsque vous maintenez le bouton enfoncé, un diaporama de photos avance à un rythme rapide, dont l’une, selon Tristan, était parfaite. « L’objectif principal de cette page en ligne est de montrer temporairement un univers artistique sans pour autant montrer des photographies suffisamment longtemps pour pouvoir les juger en détail », explique-t-il à It’s Nice That. « Cela crée un certain mystère autour de cela. » Et c’est tout ! Mais cette simplicité est précisément ce que Tristan aime le plus sur le site, expliquant que « le fait qu’il n’y ait qu’une seule fonctionnalité d’interaction sur le site » est sa seule chose préférée sur le site. En même temps, le site est un plaisir à « parcourir » sur son téléphone portable, avec le sentiment que la page en ligne tient facilement dans la paume de votre main. Parfois, moins c’est plus, surtout lorsque vous utilisez une taille d’écran plus petite.
Le conseil le plus judicieux de Tristan :
Double Click est notre tour d’horizon mensuel de certains de nos sites Internet et conceptions virtuelles préférés flottant sur le World Wide Web.
Ruby Boddington
—
Ruby joined the It’s Nice That team as an editorial assistant in September 2017 after graduating from the Graphic Communication Design course at Central Saint Martins. In April 2018, she became a staff writer and in August 2019, she was made associate editor.
Envie de It’s Nice That dans votre boîte de réception ? Abonnez-vous à nos newsletters et nous vous tiendrons informé de tout ce qui se passe dans le monde de l’art.
Rez-de-chaussée, Princes House, 37-39 Kingsway, Londres WC2B 6TP
—
+44 (0)20 7739 5222
Travail
Nouvelles
Caractéristiques
tic tac
Gazouillement
À propos
Contact
Carrières dans C’est une bonne chose
Politique de confidentialité
Opportunités de partenariat
Insights
Résidence
Des vies créatives en cours
Si vous pouviez travailler
© C’est bien que 2024 · Nice Face Logo © It’s Nice qui a été conçu et développé par le Bureau des affaires visuelles
Double Click est notre tour d’horizon mensuel de certains de nos sites Internet et conceptions virtuelles préférés flottant sur le World Wide Web.
We all spend an increasing amount of time browsing websites on our phones. So when a site has clearly not been adapted to suit the smaller size, it makes for a very frustrating experience. Clearly, mobile sites are not simply an afterthought nowadays, a project to be tackled once you feel the desktop version of a site is finished. The two should be considered in tandem – some might even argue that today, a mobile site is actually more important. So for this month’s Double Click, we’re looking at sites which either nail the experience on mobile or which have experimented with the format in some way.
If you’ve recently designed a website – mobile or not – we’d love to hear from you. Drop us an email and tell us all about it for the chance to be featured in a future edition of Double Click.
Souvent, les médias sociaux sont le principal moyen d’un studio de partager ses peintures avec le monde, de sorte qu’un site de portfolio peut sembler redondant. À moins qu’il ne s’agisse d’un studio qui travaille avec le design Internet, c’est-à-dire où un site de portfolio devient un lieu de présentation ou d’expérimentation sans qu’un consommateur ne dicte des réglementations à l’autre bout d’une chaîne d’e-mails. C’est pour cette raison que Soft Power, un studio d’art fondé par Ben Haworth et Hamish Gardner, a fait passer n’importe quoi pour une « vitrine de composants, une expérience de composants », comme Ben le décrit. « Nous avons vu cela comme une opportunité de créer quelque chose avec lequel il était amusant d’interagir, mais qui avait la couche supplémentaire d’un peu plus de profondeur dans nos projets. »
Le site présente un montage traîné de peintures de Soft Power (sous forme de vidéos et d’images fixes) bureaucratisant l’arrière-plan de la page de destination. « Il y a beaucoup de pouvoir dans nos peintures, c’est pourquoi nous tenions à créer un site où le langage visuel était littéralement informé à travers nos missions au-delà », explique Ben. Au bas de l’écran se trouve un ensemble de notifications empilables, qui fonctionnent très bien sur les appareils mobiles car elles imite les bannières que nous avons tous l’habitude de voir apparaître sur notre écran. « Les gens (les nerds) sont régulièrement inspirés par la façon dont l’interface utilisateur se traduit facilement sur mobile, ce qui était en quelque sorte notre étoile du Nord interne », ajoute Ben. En réfléchissant aujourd’hui à cette tâche, il dit que s’ils recommençaient, ils fixeraient des délais internes plus stricts. « C’est un cliché, mais une mission de huit semaines se transformait inévitablement en une mission de près d’un an. Pensez plus petit.
Le conseil le plus judicieux de Ben :
Ensuite, c’est quelque chose de tout à fait différent, nous n’en attendions pas moins de la part de son créateur, Yehwan Song, apparu dans Ones to Watch en 2020. Créé entièrement pour exploiter l’interaction entre l’utilisateur et son appareil cellulaire, il permet aux utilisateurs de créer le mot « HEY ». en touchant l’écran : tout ce que Yehwan considère comme un « signe tangible ». Elle nous dit que le site est né de sa préférence pour la création d’un « site Web qui peut simplement être une extension du geste humain » et qui remet en question la même vieille conception formelle de sites Web. De plus, il a tenté de « relier l’attitude des utilisateurs et l’attitude interne de l’écran », expliquant que « le ‘HEY’ global a une légère attitude ascendante sur l’écran ». , puisque c’est l’attitude de l’utilisateur qui recherche sur l’écran juste au-dessus de l’appareil cellulaire. «
Avec autant de codage complexe et expérimental, Yehwan se recommande, si elle devait recommencer, de réfléchir pendant que vous le faites : « Cela peut sembler simple de créer et de développer un site Web, mais il y en a tellement. choses que vous voulez en construisant. » ce site Web : la position des trois doigts, l’ordre des touches, la perspective, etc. Il m’a fallu beaucoup plus de temps pour progresser que prévu », dit-il. Malgré le temps qu’il a fallu pour créer le site, Yehwan dit qu’il aime la façon dont il brouille la frontière entre « l’espace réel et l’espace Internet » et qu’il « crée l’effet que les gestes de la main provoquent directement des mouvements sur le site ». Je pense que c’est le changement de vie ultime que j’ai tenté grâce à cette expérience sur Internet. »
Le conseil le plus judicieux de Yehwan :
Un site créé spécialement pour les mobiles est twist-nav. play. it. cool par l’intermédiaire du développeur indépendant et directeur artistique virtuel Daniel Powell, également co-conservateur de hoverstat. es. Le site demande aux utilisateurs d’utiliser des gestes tels que tourner et faire pivoter plusieurs mains sur l’écran pour naviguer sur le site Web. « Le site lui-même est une expérience de navigation par choix, il vient donc d’une position où le service précède la forme (ou même le contenu) », explique Daniel, « mais à partir de là, j’ai juste joué avec lui, imaginant comment le contenu pourrait simplement venir vivre dans cet environnement.
Comme Yehwan, la typographie a fini par jouer un grand rôle dans la bonne fortune du site, bien que de manière quelque peu hâtive dans le cas de Daniel. Expliquant que ce n’était jamais vraiment un détail qu’il avait l’intention d’explorer, « ça s’est mis en place quand je pensais aux transitions et à la façon dont cette mécanique peut simplement se déplacer d’une page à l’autre. Je l’aurais probablement rendu un peu plus complexe et lisible si je lui avais donné plus de temps, mais cela me donne quand même beaucoup de joie de voir comment la typographie se transforme. Daniel a produit la page en ligne alors qu’il s’isolait, alors il commente que, encore une fois, s’il avait eu plus de temps, il aurait essayé de l’orienter dans une direction plus éditoriale, peut-être en écrivant une nouvelle ou un article. « Imaginez un lecteur vidéo avec un débogueur de spin, ou comment une simple mécanique de spin peut-elle avoir un effet sur un pochoir ?Cela dit, mon conseil est probablement de rester indéniable et de ne pas trop s’emballer », plaisante-t-il.
Le conseil le plus judicieux de Daniel :
Bien que le site de portfolio de Toph Tucker fonctionne à merveille sur ordinateur, il exploite une fonctionnalité sur mobile qui n’est imaginable nulle part ailleurs : le shake. Toph explique son fonctionnement : « La page en ligne commence par une page HTML fondamentale : titres, paragraphes, liens ; tous les Times New Roman, presque tous les styles par défaut. Il mesure ensuite les positions de chaque élément, clone chaque lettre dans son propre élément et masque le HTML fondamental initial. Sur le bureau, il déforme le texte pour qu’il s’écoule autour d’un champ vectoriel, le rendant lisible lorsque la souris passe près d’une zone donnée. Sur mobile, « il utilise la même stratégie de mesure et de clonage pour déformer les lettres en fonction de l’accéléromètre du téléphone, de sorte que lorsque vous le secouez, il gonfle comme une feuille de tissu ». Ils ajoutent : « Le langage visuel original est complètement copié de celui de mes glorieux collègues de Businessweek, dont je savais que je manquerais dans le Massachusetts. La stratégie derrière le déplacement des lettres est copiée de George Michael Brower, qui a réalisé une brillante démo appelée FizzyText qui m’a conduit au bruit Perlin. La version mobile pilotée par accéléromètre a été poussée par mon ancienne patronne Cindy, qui m’a poussé plus que quiconque à créer des graphiques qui ne ressemblaient pas à une réflexion après coup sur les téléphones. La « constance des objets », où les lettres sont réassemblées, est encouragée par les écrits de Mike Bostock sur la manière de réaliser d’astucieuses transitions coupables entre les graphiques, même si j’ai essayé d’en abuser pour désorienter.
Il est intéressant de noter que même si le site fonctionne si bien sur les appareils mobiles, Toph dit que c’était une réflexion après coup : « Je l’ai d’abord conçu entièrement pour le bureau. J’ai essayé d’utiliser la même habitude de bureau sur le téléphone. Mais je ne me sentais pas bien et je suis très satisfait d’avoir pris la résolution de me débarrasser de cette habitude et de faire ce que je me sentais mobile : d’abord, ensuite », expliquent-ils. Aujourd’hui, Toph aime donc montrer aux autres le site sur les deux appareils, car chacun offre une expérience différente ou quelque chose de nouveau à découvrir.
Le conseil le plus judicieux de Toph :
Un autre site qui, sans être forcément mobile, offre une expérience particulièrement agréable sur mobile, a été créé par Tristan Bagot, en collaboration avec le propriétaire de content. paris (qui souhaite rester anonyme). Simple mais très efficace dès votre arrivée. sur le site, un fond rouge foncé et des lettres majuscules indiquant « CONTENU » vous sont présentés. Lorsque vous maintenez le bouton enfoncé, un diaporama de photos avance à un rythme rapide, dont l’une, selon Tristan, était très précise. « L’objectif principal de cette page en ligne est de montrer temporairement un univers artistique sans pour autant montrer des photographies suffisamment longtemps pour pouvoir les juger en détail », explique-t-il à It’s Nice That. « Cela crée un certain mystère autour de cela. » Et c’est tout ! Mais cette simplicité est précisément ce que Tristan aime le plus sur le site, expliquant que « le fait qu’il n’y ait qu’une seule fonctionnalité d’interaction sur le site » est sa seule chose préférée sur le site. En même temps, le site est un plaisir à « parcourir » sur son téléphone portable, avec le sentiment que la page en ligne tient facilement dans la paume de votre main. Parfois, moins c’est plus, surtout lorsque vous utilisez une taille d’écran plus petite.
Le conseil le plus judicieux de Tristan :
Réalisée par une organisation à but non lucratif dont l’objectif est d’approfondir l’informatique, la vidéo Dojacode peut être personnalisée au fur et à mesure que vous la regardez.
This month in Double Click, we’re focussing on archives and online exhibitions.
Nous avons discuté avec le studio de design interactif de la façon de créer des conceptions virtuelles guidées par un récit global.
We take a more educational approach with tips, exclusive interviews and student spotlights in our latest newsletter about digital design.
Ce mois-ci nous sommes sur des sites qui proposent leur version cellulaire, ou qui sont uniquement cellulaires !
Travail
Nouvelles
Caractéristiques
Des mardis plus agréables
Pensée avancée
Point de vue
The View From…
Bilan de l’année
La prochaine génération
En conversation
Ce podcast est bon
About
Contact
Associations de marques
Insights
Newsletters
Careers at It’s Nice That
Terms & Conditions
Privacy Policy
Politique de cookies
Jenny Cervéza
lucy bourton
Elizabeth Goodspeed
Liz Gorny
Olivia Hingley
Arbre Ellis
À propos de Extra Nice
Connectez-vous à votre compte
Become a supporter
© It’s Nice That 2024 · Nice Face Logo © It’s Nice That Designed & Developed by Bureau for Visual Affairs
Ground Floor, Princes House, 37-39 Kingsway, London WC2B 6TP
—
44 (0)20 7739 5222
Travail
Nouvelles
Caractéristiques
tic tac
Gazouillement
Environ
Contact
Carrières dans C’est une bonne chose
Politique de confidentialité
Partnership Opportunities
Perspectives
Residence
Des vies créatives en cours
Si vous pouviez travailler
Envie d’un peu de It’s Nice That dans votre boîte de réception ?Abonnez-vous à nos newsletters et nous vous tiendrons au courant de tout ce qui se passe dans le monde de l’art.