2277
Toolkits – Social Design
TOOLKITS
Methodensammlungen und Toolkits, um mit Hilfe von Social Design Impulse zu setzen. Von IDEO, Nesta, frog design, der Young Foundation, dem DESIS Network, dem Design Council, dem Helsinki Design Lab u.a.m.
toolkit  linkcollection  IDEO  social-design  download  Germany  resources 
17 hours ago
Plan : Product Strategy
Since 2004, Plan has provided strategic guidance to some of the world’s leading names in consumer technology, healthcare, mobility and consumer goods. We help our clients build capabilities and plan for products that are more meaningful, usable and scalable.
strategy  userexperience  UX  company  Inspiration  Plan  responsivedesign 
17 hours ago
The way the future gets built. | Pivotal
The way the future gets built.
Leading companies build and run their most important applications on Pivotal. Learn how our
platform, tools, and methodology help you deliver exceptional user experiences.
technology  cloud  company  Inspiration  Muse  Pivotal 
17 hours ago
Seriously, though. What is a progressive web app? – Amberley Romo – Medium
“Progressive web app” (PWA) is both a general term for a new philosophy toward building websites and a specific term with an established set of three explicit, testable, baseline requirements.
As a general term, the PWA approach is characterized by striving to satisfy the following set of attributes:
Responsive
Connectivity independent
App-like-interactions
Fresh
Safe
Discoverable
Re-engageable
Installable
Linkable
As a specific term, websites can be tested against the following three baseline criteria to qualify as a PWA:
It must run under HTTPS.
It must include a Web App Manifest.
It must implement a service worker.
PWA  definition  article  expert  Webdesign  progressive-web-app 
20 hours ago
Pattern Designs
A hangout for all designers to learn,
experience, share or create design patterns.
uidesign  ui/ux  patterns  library  visualization  Inspiration 
20 hours ago
Switzerland (Schweiz) | Sigma-Aldrich
Type in Product Names, Product Numbers, or CAS Numbers to see suggestions
searchengine  pharma  chemistry  science  toxic 
yesterday
Mark Coleran | Direction, Design & Motion
Multidisciplinary designer working across domains-from identity and branding, type, motion graphics, visual effects and concept user interfaces in film to user experience, interaction, software and visual design.

Able to bring a unique perspective, drawing on the broad exposure gained from working in a diverse set of creative fields; applying that experience to explore new opportunities and methods for the work being undertaken and sharing that knowledge and insight freely.
portfolio  motion  vfx  animation  future  Inspiration 
10 days ago
A Book Apart, Animation at Work
Animation isn’t merely decorative—it’s an invaluable tool for creating a better web. Start with science: by understanding the human visual processing system, you can design delightful animation that works to ease cognitive load. Rachel Nabors guides you through the anatomy of web animations, patterns, and communication decisions across teams. This book will prepare you to identify and prioritize opportunities to integrate animation into design systems for building better experiences.
ABAPRT  animation  ebook  RachelNabors  expert  ui  interfacedesign 
10 days ago
Designing Interface Animation - Rosenfeld Media
Effective interface animation deftly combines form and function to improve feedback, aid in orientation, direct attention, show causality, and express your brand’s personality. Designing Interface Animation shows you how to create web animation that balances purpose and style while blending seamlessly into the user’s experience. This book is a crash course in motion design theory and practice for web designers, UX professionals, and front-end developers alike
animation  interfacedesign  book  RosenfeldMedia  ValHead  expert 
10 days ago
VRooms - Instant VR Prototyping in Figma | Invision for VR
Design, Test, & Share VR Interfaces
Create in Figma. Test in WebVR.
Design in 2D like you always do. VRooms allows you to design for VR without the pain of compiling and running code or VR programs. Test instantly in WebVR & share with developers & stakeholders. It's Invision, for VR.
Figma  vr  virtual-reality  beta  testing  webVR  onlinetool 
11 days ago
Ceros - Interactive Content Creation Software
The Design Studio is where the actual designing and editing take place. It’s a collaborative platform powered by drag-and-drop technology. The Studio is set up to be extremely intuitive for Adobe InDesign and Photoshop users. The canvas, toolbar, layer panel and inspector panel are very similar to what you’ll find in standard design software. The Studio also provides over 800 Google Font families, thousands of icons from Noun Project, and support for images, GIFs, and video files.
In addition to standard design functionality, Ceros also provides over 60 animation effects and several interaction effects to create dynamic visual effects and layered content.
Starts at $3000/month !!!
platform  onlinetool  subscription  expensive  no-code  Webdesign  publisher  analytics 
11 days ago
Reality Types - When Graphic Designers Create Augmented Reality
This UK-based design firm shows off their augmented typography prototype on their Instagram posts—including one featuring rows of type lined up perfectly behind cars in a parking lot.
The fairly new collaboration between Benjamin Chan and Malone Chen boasts some impressive AR typography work. Considering the two are currently graphic design students at London’s Central Saint Martins, their focus on typography AR is a hint at what’s to come.

Perhaps the most stunning use of Gerard Mallandrich’s typography AR concept is a video taken of swirling font projected on the floor of a Barcelona train station. Or perhaps it’s his metallic lettering that seems to somehow reflect the environment around it. Or it’s him seeming to move letters with a Star Wars like telekinetic ability. We’re stumped. You decide.

Head to this Brooklyn design studio’s Instagram to see their research in action. DIA focuses on “design and typographic kinesis,” a manifesto made for AR. You can see its brilliance in a video of text resting on top of a dog’s head that moves every time Fido moves.

Artist, researcher, and hacker Zach Lieberman created openFrameworks, a toolkit for designers who are looking to meld coding and graphic design. He used that toolkit to create Weird Type, an app that’s currently available for $.99 and #27 on the Entertainment list in the App Store. It allows users to choose typography and animation styles to place in the world around them.

The next time you see an Instagram video of words crawling up the side of a building, you can thank Pokemon Go. In late 2017, with the massive success of the creature-catching game fresh in their minds, both Google and Apple released tools for app developers (ARCore for Android and ARKit for iOS), that allowed them to take full advantage of built-in AR capabilities. What sprang forth were commercial applications (of course), but also some beautiful, surreal pieces from the graphic design world. Bold fonts that swirl around burst forth from sewer grates or swirl around in midair. Designers who flourish in this space between art and technology (like openFrameworks’ Zach Lieberman) are building apps and experimenting with placing kinetic text in the real world. The results are trippy and fluid and just plain cool. We’ve collected a few of our favorites.
typography  ar  visualization  Inspiration  app  article 
11 days ago
Principles of Design: Bringing Order to Chaos with Grid Systems - Ceros Originals
In graphic design, as in architecture, the guts of a finished product are held up by an underlying support structure that—more often than not—is invisible to the viewer, but can just as easily make or break a design.
article  grid  designprinciples  rollover  visualization 
11 days ago
VECTARY – 3D Design Tool for Collaboration
Create beautiful 3D models with our drag and drop 3D modeling tool. Collaborate with your friends and colleagues online.
3Dmodel  3D  onlinetool  dragdrop  collaboration 
13 days ago
Media for Thinking the Unthinkable
Media for Thinking
the UnthinkableDesigning a new medium for science and engineering
programming  media  science  engineering  demo  Inspiration  thinking  thoughts  MIT 
13 days ago
Font Awesome
Icons. Easy. Done.
Get vector icons and social logos on your website with Font Awesome, the web’s most popular icon set and toolkit.
icons  iconfont  icon-set  svg-icons  SVG  free 
13 days ago
Elevate Your Experiences with Popular Integrations for Adobe XD CC | Adobe Blog
An overwhelming request we have heard for several months is to seamlessly incorporate Adobe XD into existing workflows, whether you work by yourself, on a team, or in a large enterprise. Today, as part of our January release, we’re thrilled to release our first integrations with popular 3rd-party tools to help you standardize and scale your design process, whether you’re handing off your designs to developers or applying advanced animation to your prototypes. This is just the beginning of XD becoming an expanding platform for creating and developing amazing user experience.
XD  collaboration  Avocode  ProtoPie  Zeplin  KiteComposer  article  workflow  Prototyping 
13 days ago
maptalks - for building 2D/3D maps
Maptalks integrates 2D/3D maps together by pitching and rotating 2D maps. Get one more dimension for mapping, visualizing and analyzing, with simplicity of 2D maps.
map  library  mapping  3D  OpenSource  Editor  builder  free  JavaScript 
14 days ago
Your Body Text Is Too Small - Marvel Blog
Why website body text should be bigger, and ways to optimize it.
Body text is the key component in communicating the main bulk of a message or story, and it’s probably the most important element on a website, even if people sometimes read just the headlines.
fonts  typography  accessibility  readability  visualization  layout  text 
14 days ago
Weird things variable fonts can do | CSS-Tricks
I tend to think of variable fonts as a font format in which a single font file is capable of displaying type at near-infinite variations of things like boldness, width, and slantyness. In my experience, that's a common use case.
css  typography  variable-fonts  experiment  Inspiration  VariableFonts 
14 days ago
Nick Babich
Nick is a software developer who's passionate about user experience. In this blog you can find almost everything about interface design and UX best practices.
uidesign  ui/ux  author  blog  articles  interactiondesign  expert 
14 days ago
Building the Google Photos Web UI – Google Design – Medium
Building the Google Photos Web UI
A peek under the hood

A few years ago I had the privilege of being an engineer on the Google Photos team and part of the initial launch in 2015. A lot of people contributed to the product — designers, product managers, researchers, and countless engineers (across Android, iOS, Web, and the server) to name just some of the major roles. My responsibility was the web UI, and more specifically the photo grid.
photos  performance  layout  grid  development  Google  article  web  UI  uidesign 
21 days ago
Google Maps’s Moat
GOOGLE MAPS’S MOAT
How far ahead of Apple Maps is Google Maps?
DECEMBER 2017



⚠️ Tap or click any image to enlarge


Over the past year, we’ve been comparing Google Maps and Apple Maps in New York, San Francisco, and London—but some of the biggest differences are outside of large cities.

Take my childhood neighborhood in rural Illinois. Here the maps are strikingly different, and Apple’s looks empty compared to Google’s:
analytics  maps  apple  data  googlemaps  comparison 
21 days ago
Situation Lab
The Situation Lab designs immersive and generative situations for the public good, for clients, and for kicks. Started in 2013 by Stuart Candy and Jeff Watson, the Lab’s work lives where narrative, space, and play come together to shape the real world.
future  games  collaboration  design-fiction  company 
22 days ago
Kyle Tezak | Four Icon Challenge
This personal project attempts to boil down stories into four icons while keeping the narrative intact. The project started as a fun design challenge for me to do in my spare time, but I actually ended up learning a lot about the significance of objects and themes in storytelling. It also forced me to re-examine some of my favorite stories and gain a deeper understanding of them.
visualization  movies  icons  fun  Inspiration  storytelling  icondesign 
22 days ago
All about creating design style guides – Mybridge for Professionals
All about creating design style guides
Style guide is a set of standards that establish and enforce style to improve communication. How you create a style guide can significantly impact the productivity of your team and the brand.
Mybridge AI evaluates the quality of content and ranks the top articles for professionals. In this observation, we’ve compared nearly 1,400 articles about creating style guides and picked the top 31 for designers.
styleguide  linkcollection  uidesign  Webdesign  medium 
24 days ago
Subform | Dynamic layout meets direct manipulation
Dynamic layout meets direct manipulation.
Subform is a visual tool for creating dynamic UI layouts. It replaces drawing a lot of pictures—or the endless tweak-reload-tweak cycle—with direct editing and immediate visual feedback.
uidesign  Webdesign  beta  Software  Prototyping 
24 days ago
Home | Laws of UX
Laws of UX is a collection of maxims and principles that designers can consider when building user interfaces.
reference  UX  gestalt  gestalt-principles  visualization  Inspiration  animation 
24 days ago
ABOUT | THE CONSTITUTE
We use the potency of academic research, artistic practice and economic reason to create outstanding and unique objects, processes and experiences. Our work relies on interiors aswell as exteriors, visual language for public space, digital and physical expressions and the poetic qualities of misuse, error and inspiration.
design-fiction  productdesign  speculation  future  Berlin  company 
24 days ago
DesignFictionClub-EN — Design Fiction Club
Design Fiction Club is the monthly rendez-vous of Gaîté-Lyrique (Paris) dedicated to gather, discover, think, and practice Design Fiction.

Open to all kinds of publics, it will propose different sessions formats:
Between the cine-club and the fight-club, sessions will feature a series of projects, of which one will serve as a start for a collective debate.
Not far from the pony-club and the club-sandwich, some sessions will propose hands-on workshops and every session ends with a beer-fiction (a meetup).
design-fiction  portal  resources  Videos  french 
24 days ago
Home - Futurium
Wie wollen wir leben? Welche Herausforderungen und Chancen sind mit künftigen Entwicklungen verbunden? Wie können Wissenschaft und Forschung zum Verständnis und zur Gestaltung dieser Entwicklungen beitragen? Diesen und anderen Fragen wird sich das Futurium im Zentrum Berlins widmen. Als Ort für Präsentation und Dialog wird es ab Frühjahr 2019 Politik, Wissenschaft, Wirtschaft, Kunst und Gesellschaft zusammenbringen.

Das Futurium ist eine Initiative der Bundesregierung gemeinsam mit führenden deutschen Wissenschaftsorganisationen, Stiftungen und der deutschen Wirtschaft. Es ist eine unabhängige Plattform für Dialog und Vernetzung zwischen Staat, Wissenschaft, Wirtschaft und Gesellschaft.
future  Berlin  design-fiction  Germany  institute 
24 days ago
The Extrapolation Factory
The Extrapolation Factory is an design-based research studio for participatory futures studies, founded by Chris Woebken and Elliott P. Montgomery. The studio develops experimental methods for collaboratively prototyping, experiencing and impacting future scenarios. Central to these methods is the creation of hypothetical future props and their deployment in familiar contexts such as 99¢ stores, science museums, vending machines and city sidewalks. With this work, the studio is exploring new territories for democratized futures by rapidly imagining, prototyping, deploying and evaluating visions of possible futures on an extended time scale.
future  company  design-fiction  research  productdesign  speculation 
24 days ago
Design Fiction: Wieso man Produkte entwickelt, die keiner kaufen soll
Stell Dir vor, Du liest einen normal anmutenden IKEA-Katalog voller Science-Fiction-Produkte. Oder Du gehst auf eine Messe und an einem Messestand präsentiert ein Unternehmen eine vollkommen neue Lösung, die es (noch) gar nicht gibt. Oder Du besuchst eine Ausstellung, in der nur Prototypen und Objekte ausgestellt sind, die es niemals zu kaufen geben wird. Warum sollte man Dinge konzipieren, die niemals genutzt werden? Das klingt schräg. Ist es auch! Heute geht es um das Thema Design Fiction. Nein, nicht Design Thinking, sondern Design Fiction. Diesen relativ neuen Diskurs-Ansatz möchte ich heute vorstellen.
design-fiction  german  blog  article  future 
24 days ago
DeepL
Künstliche Intelligenz für Sprachen
DeepL entwickelt künstliche Intelligenz für
das Verstehen und Übersetzen von Texten.
translation  language  onlinetool  free  Germany 
27 days ago
Watch, Reference & Learn Code | CodeTime.io
CodeTime.io was created by university instructors and app developers Trevor Greenleaf and Peter Medina to provide free lessons on web development for their respective students and anybody else who wants to learn code. CodeTime.io features video series on topics ranging from introductory HTML to leveraging the power of APIs to create interactive websites. Are you ready for some code time?
video-tutorials  Tutorials  free  Webdesign  development  coding 
27 days ago
Learn To Code Now – A book on learning HTML, CSS + Javascript – SuperHi
We’ve written a book about learning to code

We tried to recommend our students good books to read for learning HTML, CSS and Javascript but we found nothing great. Most guides were too technical, badly-written or just dull. So we made our own.

It's 440 pages long and we’ve aimed it especially at people who work in the creative industry but anyone can read it. We called the book “Learn To Code Now” and we really hope you enjoy it.
html  css  book  coding  JavaScript  PDF 
27 days ago
Sitemod.io - Modify any website in real-time
Modify any website in real-time
Save your mod and Share it with the world.
chrome  extension  Webdesign  webdevelopment  developertools 
27 days ago
I don't care about cookies 2.8.7
Get rid of annoying cookie warnings from almost all "infected" websites!
cookies  extensions  free  browsers  DSGVO 
28 days ago
Home - Oxygen
Meet Oxygen 2.0, the visual site builder taking the world of WordPress by storm.
wordpress  webdevelopment  Editor  builder  plug-in 
28 days ago
How to Find the Font That Has the Glyph You Need - InDesignSecrets.com : InDesignSecrets
The fonts we use today contain a huge array of Unicode characters. So how do we find the fonts that contain the particular character we want? Sadly, we cannot use InDesign’s Glyphs panel. This panel has many great features, including the ability to create glyph sets for the characters we use frequently. But it contains no search capability, and no way to find a particular glyph across different installed fonts.
There is a great utility which meets this need, but it’s for Mac only. It’s installed on all recent versions of Mac OS X, but it’s not turned on by default, so many Mac users may not even know that it exists. The utility is called the Character Viewer, and this is a brief introduction to its powers. (A free Windows utility called BabelMap is mentioned at the end of this post.)
glyphs  icons  iconfont  macosx  utilities  glyph 
4 weeks ago
The complete guide to SVG | Creative Bloq
The complete guide to SVG
By Steven Roberts 2018-04-23T15:36:48.112Z Web design  

Discover why you should be using Scalable Vector Graphics and how to design and implement them.

How to use SVG
Writing SVG for the web
SVG filters and effects
Add animation to SVG
The power of sprites
SVG  vector  Webdesign  animation  article 
4 weeks ago
unDraw
Illustrations
Browse to find the images that fit your needs and click to download. Take advantage of the on-the-fly color image generation to match your brand identity.
A constantly updated collection of beautiful svg images that you can use completely free and without attribution. Create better looking landing pages, mobile apps and products.
illustration  resource  SVG  free  download  colorpicker  colorscheme 
5 weeks ago
Welcome to the Accessibility Developer Guide!
Welcome to the Accessibility Developer Guide!
If you want to learn about accessible website development, you are at the right place.
accessibility  Webdesign  development  Code  a11y  Swiss  experts  resource 
5 weeks ago
Datenschutz-Grundverordnung der Europäischen Union
Datenschutz-Grundverordnung der Europäischen Union
Die neue Datenschutz-Grundverordnung (DSGVO) der Europäischen Union (EU) ist seit dem 25. Mai 2018 in Kraft. Sie kann für Akteure, die auf dem Gebiet der EU tätig sind, unmittelbar anwendbar sein. Mit den neuen Bestimmungen erhalten Bürgerinnen und Bürger mehr Kontrolle über ihre Personendaten; zudem nimmt die DSGVO die Unternehmen vermehrt in die Verantwortung, während gleichzeitig ihre Meldepflichten abgebaut werden. Des Weiteren wird die Rolle der Datenschutzbehörden gestärkt. Zahlreiche Schweizer Unternehmen könnten von der Datenschutz-Grundverordnung direkt betroffen sein. 
DSGVO  EU  PDF  download  Schweiz  data-protection  information  linkcollection 
5 weeks ago
Fresh Fonts | Revue
Fresh Fonts - Curated newsletter featuring the latest free and open-source fonts, the most solid new typefaces by indie foundries and discount codes.
reviews  typedesign  typography  fonts  newsletter 
5 weeks ago
Druckersprache – Wikipedia
Druckersprache ist die Bezeichnung für eine Fachsprache, die in der polygraphischen Industrie, insbesondere in der Drucktechnik, entstanden ist. Dabei ist der Begriff Drucker hierfür aus dem „druckenden“ Handwerk entstanden. Erst mit der Herausbildung der Massenproduktion fand eine Differenzierung der Berufsgruppen statt.

Die Bezeichnung Setzersprache wird gelegentlich für jene Begriffe verwendet, die sich nicht auf den eigentlichen Druckvorgang beziehen, sondern auf den vorigen Arbeitsschritt, den Satz. So wehren sich Drucker dagegen, dass Rechtschreibfehler als „Druckfehler“ bezeichnet werden. Sie verwenden stattdessen den Begriff „Satzfehler“, wenn ein Rechtschreibfehler vom Setzer verursacht wurde.
typography  typedesign  publishing  print  german  experts 
5 weeks ago
DocsFlow » Em Software
Step into our time machines to shorten your editorial and production cycle
DocsFlow and WordsFlow are time machines, collapsing the time required by your editorial production processes.
Unleash our software robots to do your data-driven production work
InData • Xdata and InCatalog • Xcatalog are software robots, silently, tirelessly, flawlessly building and updating your data-driven documents while you watch.
Explore further
Review our products below. Click the rotating screenshots to the right for the related case study or product. Use the menus on the upper right to navigate our site.
InDesign  Google-Docs  workflow  publishing  Google-Drive  Software  plug-in 
5 weeks ago
Ihre Plattform für Engagement, Listening und Teilen in Social Media -
Erfahren Sie, wie Sie mit Hootsuite Social Media-Inhalte noch schneller suchen, einplanen, verwalten und analysieren können.
socialmedia  Facebook  Instagram  planning  articles  onlinetool  Twitter  Youtube  LinkedIn 
6 weeks ago
The new AdWords experience video playlist - AdWords Help
The new AdWords experience video playlist

See the new AdWords experience in action with these short videos.
Google  Adwords  Tutorials  Videos  adsense 
6 weeks ago
Scenic
Scenic is a virtual reality content studio bringing the highest standards of documentary filmmaking to VR storytelling.
documentary  vr  film-making  storytelling  Artsy  Scenic 
7 weeks ago
Sketch.systems
Explore how your product should work, before building it.
Sketch.systems helps software designers think about complex product behavior. Sketch out states, add prototypes, and clarify questions quickly.
prototype  programming  onlinetool  coding  workflow 
7 weeks ago
NavNav - 90+ Responsive Navigation Bar Menu Tutorials, Examples, and Demos (CSS, jQuery, JavaScript)
A ton of CSS, jQuery, and JavaScript responsive navigation examples, demos, and tutorials from all over the web.
library  responsive  navigation  css  JavaScript  Inspiration  showcase  resources  demo 
8 weeks ago
8-Point Grid: Typography On The Web – freeCodeCamp
8-Point Grid: Typography On The Web
Web typography is confusing. Do you know the best practices?

When I started looking around at popular websites to figure out the best practices for web typography, I must admit I was baffled. Below are some examples of typography scales I pulled from a few popular websites and design systems. Can you find the unifying pattern?
grid  typography  layout  Webdesign  article 
8 weeks ago
Formally Specifying UIs • Hillel Wayne
Good UI is necessary to making correct software. If people have trouble using the product, they’re more likely to do the wrong thing. Personally, though, I can’t stand UI work. I don’t think it’s “beneath me” or anything, it just doesn’t quite mesh with my brain. Visuals and interfaces give me anxiety. Mad respect for the people who can handle it.

I love formal methods. Recently my friend Kevin Lynagh released Sketch.systems, a new tool to bring formal specification to UI designers.1 Can my love of formal methods beat my fear of UI? Let’s find out.
userinterface  specification  interaction  programming  article 
8 weeks ago
A Beginner’s Guide to Voice UX Prototyping - Designmodo
As voice technology becomes more and more prominent, we’ll need to design more and more voice apps.
In this post, I will go over a general overview for those who are unfamiliar with voice prototyping. It’s not a complicated process but it is a little different than the typical UI prototyping we often do for website or app.
voice  uidesign  speech  conversation  interactiondesign  interaction  Alexa  Siri  Prototyping  dialog 
8 weeks ago
Discover the world's best design practices—DesignBetter.Co
Discover. Learn. Elevate.
Introducing the best practices, stories, and insights from the world’s top design leaders. Loaded with in-depth books, podcasts, and more, DesignBetter.Co is your essential guide to building remarkable products and teams.
reference  guidelines  resources  invision  handbook  bestpractices 
8 weeks ago
Supernova Studio | The World's First Design to Code Platform
Accelerate your app development workflow
Leverage a functional interface, not prototypes
Collaborate and innovate as a team.
onlinetool  Prototyping  converter  interactiondesign  no-code 
9 weeks ago
Flowchart kit 2.0 for Sketch - Freebiesbug
Flowchart kit 2.0 is a free Sketch file released by Greg Dlubacz including hundred of cards, arrows and many other shapes provided as symbols for creating sitemaps/flow charts quickly and easily.

Simply drag & drop cards, elements, shapes, add arrows, scale their width and height, rotate them to get professional and beautiful sitemaps, wireframes or diagrams within minutes.
sketch  flowchart  free  vector  icons  symbols  user-flow  diagrams  wireframes 
9 weeks ago
UX design with Google Docs and Sheets – UX Collective
Today, I’m gonna share with you all, the methodology and logic behind our onboarding strategy in Transifex.
Or to make it sound a bit more cinematic — this is the story of a team, lost in a styleguide, with a raw map of elements but without direction — without a system.
This is the story of them who left aside divergence, debate & uncertainty and followed the path of syllogism and modular logic to conquer the onboarding experience of the product.
And done all these with the power of a document and a spreadsheet.
process  workflow  onboarding  strategy  article  spreadsheet 
9 weeks ago
From Prototype to Profit: How to Turn Your Ideas into Products - Visual Hierarchy Blog
You have a great idea, but you don’t know how to make it a reality. Entrepreneurs and designers have great ideas every day, but the vast majority of these never take off beyond just the first stages, if even that. Here’s your guide for taking your idea from prototype to profit. Are you ready to turn your idea into money-making products? Let’s get started!
productdesign  idea  development  Design  article 
9 weeks ago
Nutzerleitfaden | Google Maps-Plattform  |  Google Maps Platform  |  Google Cloud
Leitfaden für bestehende Nutzer
Hier finden Sie weitere Informationen zu unseren Produkt- und Preisänderungen. Und mit dem Tool für die Umstellung können Sie schnell überprüfen, ob Ihr Konto aktualisiert werden muss.
Google  maps  api  user-guide  german 
9 weeks ago
Inclusive Components
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
a11y  reference  components  accessibility  web  development  coding  library  patterns 
9 weeks ago
Cards
Some of the components I've explored here have specific standardized requirements in order to work as expected. Tab interfaces, for example, have a prescribed structure and a set of interaction behaviors as mandated by the WAI-ARIA specification.
It's at your discretion how closely you follow these requirements. Research may show that your audience doesn't do well with a tab interface precisely as recommended. Nonetheless, those requirements are there.
Other components, like the ubiquitous but multivarious card, do not have a standard to follow. There's no <card> element, nor an "ARIA card" design pattern. These are some of the more interesting components to work on. Each potential barrier to inclusion needs to be identified and addressed in turn.
These barriers differ in line with the card's purpose and content. Some cards are just illustrated introductions to permalinks like blog posts; others are more autonomous and offer a lot of functionality. In this article, I'll be looking into a few permutations of a simple card component, emphasizing a balance between sound HTML structure and ergonomic interaction.
a11y  accessibility  components  card-design  webdevelopment  coding 
9 weeks ago
Designing A Perfect Responsive Configurator — Smashing Magazine
Here’s a little challenge for you. How would you design a responsive interface for a custom car configurator? The customer should be able to adjust colors, wheels, exterior details, interior details and perhaps accessories — on small and large screens. Doesn’t sound that difficult, does it? We have all seen such interfaces before. Essentially, they are just a combination of some navigation, iconography, buttons, accordions and a real-time 3D preview. But how often are they actually engaging and helpful? And how often do they feel like a series of tedious steps in a never-ending wizard UI?
configurator  pattern  responsive  smashingmagazine  article  expert  Webdesign 
9 weeks ago
Free HTML5 Online Animation Maker, Banner Maker and Video Maker | Studio
THE BEST ONLINE ANIMATION MAKER
Make explainer videos
Try whiteboard animation style
Design HTML5 banners
Create HTML5 animations
Make stunning presentations
video  animation  onlinetool  SVG  SMIL 
9 weeks ago
Elementor vs Divi Builder vs Beaver Builder: Ultimate Comparison
While page builders might be a divisive topic among hardcore WordPress users, there’s no denying the massive effect they’ve had on the WordPress ecosystem when it comes to making design accessible to regular users.
Beyond that, sometimes it seems like every single WordPress company has dipped their toes into creating a page builder at some point. OK – slight hyperbole…but there are a lot of page builders out there.

In this post, we want to dig into three of your most popular options: Elementor vs Divi Builder vs Beaver Builder
wordpress  comparison  builder  Editor  no-code  article  Plugin 
9 weeks ago
Overflow | User flows done right
User flows done right.
Turn your designs into playable user flow diagrams that tell a story.
usertesting  user-flow  diagrams  testing  onlinetool  workflow 
9 weeks ago
Ariane The Famous Stock Image Model - YouTube
A short video made out from hundreds of ads starring by the stock image model Ariane
stockphoto  ariane  video  animation  installation  youtube 
9 weeks ago
Wireframes Magazine » Search Results » wireframing
Wireframes Magazine is run by Jakub Linowski, an interaction designer from Toronto. Jakub also helps clients design better products, and has been selling his approach to sketching interfaces.
wireframes  blog  articles  Inspiration  ui/ux  workflow 
10 weeks ago
Gestalt principles in UI design. – Muzli -Design Inspiration
Your brain is always trying to make sense of the world by comparing previous experiences or visual patterns and connecting the dots. It has its own “weird” way of perceiving shape and form, grouping information, fill in the gaps to draw the big picture.
Having an understanding how your brain works will help you become a wiser designer; master manipulator of Visual Communication. It can help you determine which visual elements are most effective in any given situation, so you can use them to influence perception, direct attention and cause behavioural change. Something particularly useful when it comes to goal-oriented, problem-solving, intuitive design; User Interface design.
learning  gestalt  interfacedesign  psychology  article  gestalt-principles  UI 
10 weeks ago
The biggest WTF in design right now – UX Collective
My life-long goal is to spread the word about user flows… Nah, not really, but I do care deeply about technology and the way we communicate how it works.
I like to think about what tools and methods we use to get our ideas across among other designers.
I also like think about how we communicate with people outside of our professions, away from the comfort of our jargon and familiar tools. This is why I care about user flows and I guess because I’m building this.
In this article we’ll go through the big WTF in design: “What’s the flow!”. Answering what user flows are, the fundamentals of user flows, and then we’ll finish with a few examples.
article  user-flow  wireframes  testing  interfacedesign 
10 weeks ago
« earlier      
3d @font-face accessibility activism adobe advertising agency ajax analysis analytics android animation api app apple article articles audio barrierefreiheit basel beautiful beta blog blogging book books browser business charts cms code coding collaboration color communication community companionsite company comparison converter creativity css css3 data demo design designer development directory download ebook ebooks ecommerce editor education elearning email environment epub epublishing expert extension facebook firefox flash flickr font fonts framework free fun gallery generator german gif google graph graphics graphs grid gui guidelines guidesign hacks history html html5 icon icondesign icons illustration illustrator images indesign infographics inspiration interaction interactiondesign interactive interface interfacedesign ios ipad iphone javascript joomla journalism jquery layout library linkcollection list logo mac magazine maps marketing mashup mobile mockup muse navigation news onlineshop onlinetool onlinetools opensource optimization osx parallax patterns pdf photography photos photoshop php player plug-in plugin plugins politics portal portfolio productdesign productivity programming promotion prototype prototyping psd publishing reference research resource resources responsive responsivedesign screenshot search searchengine seo showcase sketch smashingmagazine social socialmedia socialweb software standards statistics stock storytelling styleguide svg swiss tagging technology template templates testing themes tips tools trends tutorial tutorials type typedesign typography ui uidesign usability userexperience ux vector video visualization vr web2.0 webdesign webdevelopment webfonts webstandards widget windows wireframe wireframes wordpress workflow writing

Copy this bookmark:



description:


tags: