Source: How the Business Model Canvas and the Lean UX Canvas Work Together JEFF GOTHELF Posted on January 24, 2022. Our product development world is filled with canvases. I mean, if you haven’t developed a canvas for your framework or idea are you even really a consultant? I kid! I kid! (only a little). Jokes …
How the Business Model Canvas and the Lean UX Canvas Work Together Read More »
Source: 4 trends designers need to know for 2022 | Inside Design Blog 4 trends designers need to know for 2022 For many, 2021 was a test on whether the once-in-a-generation shifts in work and life would stick around, or whether we’d return to the status quo. The answer revealed itself to be a mix of both: …
4 trends designers need to know for 2022 | Inside Design Blog Read More »
Source: 10 Best Design Systems and How to Learn (and Steal) From Them Design systems are all the rage and while most articles talk about what they are and best practices for creating them, at DesignerUp we’ve been framing them as a teaching tool with our product design students to help them better understand, explore and learn …
10 Best Design Systems and How to Learn From Them Read More »
via Muzli design inspiration Sign up for Muzli Publication — Weekly Digest By Muzli – Design Inspiration The Muzli email digest is a weekly summary of the most popular and inspiring design-related content from Muzli publications . We curate the best, so you can stay continually informed and inspired.
Source: Color Tools And Resources — Smashing Magazine QUICK SUMMARY ↬ Do you need a little inspiration boost? We’ve collected some useful color tools and resources that we’ve discovered lately — to help you get the most out of your creativity. We’ve also just recently covered CSS auditing tools, CSS generators, accessible front-end components, front-end boilerplates and VS code extensions — you …
Source: A Beginner’s Guide To Different Types Of Logo Designs A Beginner’s Guide To Different Types Of Logo Designs A month ago by Darya Jandossova Troncoso • 9 min read In many cases, a logo design says more about your business than your product. For example, if you are an established brand, your loyal customer base will only need …
A Beginner’s Guide To Different Types Of Logo Designs Read More »
Source: Building User Trust In UX Design — Smashing Magazine Building User Trust In UX Design AUTHOR Adam Fard Trust is at the heart of a long-term strategy of any product. There are many ways to earn it, and even more ways to lose it. In this article, we’ll go through how you, as a …
Building User Trust In UX Design — Smashing Magazine Read More »
Source: User Journey Mapping for Complex Enterprise Systems | UX Magazine User Journey Mapping for Complex Enterprise Systems At its most basic, journey mapping is a compilation of user goals and actions into a timeline. This timeline is further enhanced by adding user thoughts and emotions, resulting in a cohesive narrative or story. This story …
User Journey Mapping for Complex Enterprise Systems | UX Magazine Read More »
Source: What Exactly Is Design Thinking? 🤔(Updated Guide for 2021) What Is Design Thinking? A Comprehensive Beginner’s Guide BY EMILY STEVENS, UPDATED ON MAY 17TH Design thinking is both an ideology and a process, concerned with solving complex problems in a highly user-centric way. In this guide, we’ll give you a detailed definition of design thinking, …
Source: Invision Design COLLABORATION How to run an effective online brainstorming session 5 min read Kacy Boone Planning your organization’s next digital product iteration? Ironing out the kinks in your cross-functional workflow? Just want some quality ideas fast? Time to hold a brainstorming session! Make an agenda, bring your people together, and after an hour …
How to run an effective online brainstorming session | Inside Design Blog Read More »
Source: Colors Combinations — Tory Blue Combinations
Source: A better segmented control. How we embraced a growth mindset and… | by Runi Goswami | Tap to Dismiss | May, 2021 | Medium Old segmented control does not spark joy A few years ago, we built a segmented control component for the Lyft Product Language (LPL) design system. You may have read our guide to …
A better segmented control. How we embraced a growth mindset and… | Read More »
Source: I studied the fonts of the top 1000 websites. Here’s what I learned. | Dribbble Design Blog Art by Marius Juozas Žvirblis I studied the fonts of the top 1000 websites. Here’s what I learned. by Renee Fleck in CommunityAPR 26, 2021 Share Tweet Share Copy This article was written by Michael Li—a data scientist and entrepreneur with a love for …
I studied the fonts of the top 1000 websites. Here’s what I learned. Read More »
In Praise of the Unambiguous Click Menu Mark Root-Wiley on Mar 18, 2021 Find and fix web accessibility issues with ease using axe DevTools Pro. Try for free! I still remember my excitement when I learned how to build a hover-triggered submenu with just CSS. (It was probably after reading this 2003 article from A List Apart.) At the time, it was …
In Praise of the Unambiguous Click Menu | CSS-Tricks Read More »
Pop Art design: the artistic counterculture of the 1960s by Jamahl Johnson Source: Pop Art design: the artistic counterculture of the 1960s – 99designs “Pop Art” is a name that reads like a contradiction. Art is often lauded as high-minded and original. Pop is largely disdained as lowbrow and repetitive. But in many ways, the …
Pop Art design: the artistic counterculture of the 1960s Read More »
Design thinking is a human-centered approach to innovation—anchored in understanding customer’s needs, rapid prototyping, and generating creative ideas—that will transform the way you develop products, services, processes, and organizations. By using design thinking, you make decisions based on what customers really want instead of relying only on historical data or making risky bets based on …
Art by Julia Hanke Meet Joanna, a User Experience Designer at Microsoft. Today Joanna sheds light on five important habits to practice while conducting user research. Use these tips to ensure your research efforts are effective and not wasted. There’s plenty of misunderstanding around user research, whether it’s the concept of validation or one-off anecdotes being thrown around as …
5 Simple Habits to Improve UX Research | Dribbble Design Blog Read More »
Useful Tips for Designing Mobile Appsby Saadia Minhas | UX Collective Introduction Mobile user experience (UX) design refers to the design of positive experiences during the use of mobile devices and wearables, and applications or services running on such devices. — Interaction Design Foundation 1. Provide Simple Navigation Simple navigation provides an obvious way of moving between screens …
Source: iOS Quick Reference for iPhone, iPad, and Apple Watch
Source: Freehand Template Gallery | InVision Collaborate in real time with a digital whiteboard . Try Freehand — Free InVision Freehand empowers your entire team to create together, all in one place. Watch video So simple, everyone can use it. Freehand’s intuitive design empowers everyone to have a voice. Explore Freehand Get started with Templates Built …
PART 1/2 The ultimate guide to search UX Yuyan Duan Like it or not, a Search UX is an integral part of any app UX these days. You might think that designing for a search experience is so easy — put a magnifier or a search bar on top of an app home page and …
The ultimate guide to search UX. Like it or not, a Search UX is an…| UX Collective Read More »
How To Properly Frame Your Design Challenge Pedro Marques Overall, this short piece is focused on helping you better frame your design challenge. First, however, I’ll give you a quick introduction to human-centered design. Then I’ll briefly explore the importance of understanding the problem you’re trying to solve. And, finally, I’ll guide you through a …
How To Properly Frame Your Design Challenge – UX Collective Read More »
10 Myths About Prototyping, Bustedby Nick Babich Web DesignNov 5, 2019 8 minute readEmail Pinterest Facebook Twitter LinkedInEvery industry has its myths, and design is no exception. Sometimes, these myths are especially dangerous, because they change the perception of existing practices and muddle the benefits of following them. Prototypes are one such victim. These are essential …
Source: How to craft a kickass filtering UX – UX Collective How to craft a kickass filtering UX Filters are a great tool to narrow down high volumes of content and to surface the most relevant results. How do we make sure they are helpful rather than confusing? This is the write up of a …
How to craft a kickass filtering UX – UX Collective Read More »
Source: Exclusive Object Mockups and Design Assets on Yellow Images Marketplace 35000+ packaging mockups, apparel & sports mockups, mockups of vehicles, devices, and more. All of them are available for purchase on Yellow Images only!
Create Beautiful Color Schemes that works Color Palette Generator – Create Beautiful Color Schemes Color Palette Generator – Create Beautiful Color Schemes
Source: Design Thinking: Getting Started with Empathy | Interaction Design Foundation Design Thinking: Getting Started with Empathy BY RIKKE DAM AND TEO SIANG | 11 MONTHS AGO | 11 MIN READ Empathy is an important element in Design Thinking and Human-Centred Design. What is empathy exactly? Why is empathy so important to designing solutions that actually work for people? Here, we’ll not only look …
Source: Design Better Forms – UX CollectiveDesign Better Forms Common mistakes designers make and how to fix them Andrew Coyle Jul 5, 2016 Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface, forms are one of the most important components of digital product design. This article focuses on the common dos …
UPDATE: We have added the new iPhone Xs, iPhone Xs Max and iPhone Xr to the guide below. Source: The Ultimate Guide To iPhone Resolutions
Source: Predicting the Graphic Design Trends of 2019 – Hayley Salyer – Medium Predicting the Graphic Design Trends of 2019 1. “How much is that puppy in the window?” Brands are getting more and more creative with how they display their products. We started seeing this last year with colorful backdrops and modern, still-life positioning. This year, brands …
Predicting the Graphic Design Trends of 2019 – Hayley Salyer – Medium Read More »
Source: Animation that matters — adding value to your interface Animation principles for UX and UI designers Vernon Joyce We spend a lot of time refining digital experiences and animation is often an afterthought when it comes to building them. In reality, many designers have no animation experience and we animate based on what “feels right”. This feels right because it’s …
Animation that matters — adding value to your interface Read More »
Source: Purchase journeys of 3 deal-seeking shoppers – Think with Google Inside the purchase journey of 3 deal-seeking shopper New research from Google shows how intent is redefining the marketing funnel.1 People are narrowing and broadening their consideration set in unique and unpredictable moments. We’re finding this behavior in all shopper types, particularly the deal seeker. For a closer look, …
Purchase journeys of 3 deal-seeking shoppers – Think with Google Read More »
15 Website & UX Statistics of 2018 [INFOGRAPHIC] Source: 15 Website & UX Statistics of 2018 [INFOGRAPHIC] Georgie Peru If you want to be successful online, you’re going to need a website. However, simply having a website isn’t going to cut the mustard. Web design and user experience (UX) play a massive role in ensuring your website and …
Browse our library of free, high-quality UI kits, icon packs, and mockups. Source: Free Design Resources | Inside Design Blog
Document your design system, together. Styleguides created by designers, extended by developers, and editable by everyone. Source: zeroheight · document design systems together
Source: Why Design Thinking Works Harvard Business Review Why Design Thinking Works It addresses the biases and behaviors that hamper innovation. by: Jeanne Liedtka Summary. While we know a lot about practices that stimulate new ideas, innovation teams often struggle to apply them. Why? Because people’s biases and entrenched behaviors get in the way. In this …
Rethink your design workflow We are Great Simple Studio. Our purpose is to make design process easier, faster and better. No routine. https://greatsimple.io/
Make beautiful products, faster. Material is a design system – backed by open-source code – that helps teams build digital experiences Design flexibly Get started with detailed design guidance and create custom Material themes to make your product unique. https://material.io/
1,753 curated design resources to energize your creative workflow We’re a growing family of 153,678 designers and makers from around the world https://ui8.net/
This post was originally published here #Introduction Recently I’ve been studying motion and I wanted to write a post regarding what I’ve learned primarily regarding easing. I stumbled upon Rachel Smith’s beginner post on easing, a couple weeks ago which was really eye-opening. Starting out, these tips were really helpful and spurred more research on the mechanics and …
Issara WillenskomerFollow I write and lead workshops on the topic of motion and usability. www.uxinmotion.net Mar 31, 2017 Creating Usability with Motion: The UX in Motion Manifesto The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where to implement motion to support usability?” Over …
Creating Usability with Motion: The UX in Motion Manifesto Read More »
Source: Invision The humble A/B test is a prolific, important weapon in a design team’s toolkit. But it isn’t the only one. All too often we get comfortable in familiarity. But there are reasons why it pays to go beyond A/B testing, and not just for variety’s sake. Here’s the dirty little secret: Sometimes it might …
AITechnology Babylon claims its chatbot beats GPs at medical exam By Jen CopestakeBBC Click 27 June 2018 Share this with Facebook Share this with Messenger Image copyrightBABYLONImage captionThe artificial intelligence software provides what it determines to be the most likely diagnoses Claims that a chatbot can diagnose medical conditions as accurately as a GP have …
Babylon claims its chatbot beats GPs at medical exam Read More »
Great resource for Invision Studio https://madeforstudio.com/
Thanks to our friends over at UserTesting.com for this webinar 3 Digital Transformation Strategies Driving CX © UserTesting 2017
published by https://trends.uxdesign.cc/ The State of UX in 2018 We have seen quite a lot this year. After curating and sharing 1,926 links with 189,489 designers all over the world, we see a few trends in what our industry is writing, talking, and thinking about. Here is what to expect for UX in 2018. Illustrated by Fernando Bittar …
Overflow TeamFollow The world’s first user flow diagramming tool tailored for designers. Request early access. https://overflow.io Apr 11 8 Tips for Creating Better User Flows. Create stunning user flows that tell a story User flows are visual representations of the path the user can follow to achieve a goal while using an app, website or …
published by Jack Strachan for UX Planet published https://dribbble.com/jomo Experience driven products have a great affinity to the principles of better design. The design approach for these products or services is a holistic approach that has never been so important to the customer, even if they don’t realise it. A product being experience driven or not is most …
Why experience driven products are indispensable Read More »
Posted by Invision AUTHOR Will FanguyDigital content wrangler at InVision | UX enthusiast | Recovering educator | Shameless nerd & GIF connoisseur | Hockey fan (Go Preds!) | Oxford comma or death | It’s pronounced FANG-ee Follow me on Twitter While we’d all love to design new things from scratch …
Published by Yoast Reference URL At Yoast, we like to say ‘Content is king’. By this, we mean that you cannot rank for any keyword if you don’t write meaningful and original content about it. In this SEO basics post, I’ll explain why you absolutely need content to make your site attractive for your visitors. …
posted by Medium GIFs today, Interactive user-interface components tomorrow We believe that designers should own their design all the way to production. While today’s tools help you communicate with developers, we aim to put you in charge. No coding, but a new generation of stronger visual tools. Imagine having coding skills, without the need to code. …
Live After Effects layers straight from Sketch artboards https://google.github.io/sketch2ae/
The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond https://medium.com/sketch-app-sources
BOOKSPODCASTWORKSHOPS SUBSCRIBESUBSCRIBE INVISION PRESENTS Design Systems Handbook by Marco Suarez, Jina Anne, Katie Sylor-Miller, Diana Mounter, and Roy Stanfield A design system unites product teams around a common visual language. It reduces design debt, accelerates the design process, and builds bridges between teams working in concert to bring products to life. Learn how you can …
Image credits: form-ux-tips Designing More Efficient Forms: Structure, Inputs, Labels and Actions by Nick Babich People who use your app or site have a particular goal. Often the one thing that is standing between the user and his goal is a form. Because forms still remain the one of the most important type of interaction for users on the web and …
Designing More Efficient Forms: Structure, Inputs, Labels and Actions Read More »
How to Stop UX Research being a Blocker Fitting research into agile teams At its best, UX research surfaces insights and enables progress; at its worst it just gets in the way. There are many objections to conducting UX research, but the most common I hear is ‘We don’t have enough time.’ I can certainly sympathise with …
How to Stop UX Research being a Blocker – Muzli -Design Inspiration Read More »
Source: Avataaars Generator – Generate your own avataaars!
Source: UX Mapping Methods Compared: A Cheat Sheet UX Mapping Methods Compared: A Cheat Sheet by SARAH GIBBONS on November 5, 2017 Topics: Design Process Summary: Empathy maps, customer journey maps, experience maps, and service blueprints depict different processes and have different goals, yet they all build common ground within an organization. Designing and developing a product …
Apple, Google & Starbucks: Inside the Web Design Style Guides of 10 Famous Companies Source: Apple, Google & Starbucks: Inside the Web Design Style Guides of 10 Famous Companies
Source: Style Guide Introduction As the Buffer team grows, it will become increasingly important to maintain a consistent style and visual language across all areas of the product. To do this, we have built the following style guide to document reusable components for faster product development. This style guide is based largely on the principles …
Create atomic design systems with Pattern Lab. Source: Pattern Lab | Build Atomic Design Systems
Why You Only Need to Test with 5 Users by JAKOB NIELSEN on March 19, 2000 Summary: Elaborate usability tests are a waste of resources. The best results come from testing no more than 5 users and running as many small tests as you can afford. Some people think that usability is very costly and complex and that …
Source: Your guide to design systems from the world’s leading brands
Source: Your guide to design systems from the world’s leading brands Blog Subscribe DESIGN YOUR GUIDE TO DESIGN SYSTEMS FROM THE WORLD’S LEADING BRANDS by Jess Thoms on October 9, 2017 Blog View all posts Many of the world’s leading brands have made their design systems public, contributing their ideas and processes to the design community at …
Your guide to design systems from the world’s leading brands Read More »
Source: Icondrop Plugin for Sketch, Illustrator and Photoshop – Iconscout Instant Access Get instant access to world’s fastest growing icon library User Friendly Powerful search with Style Filters makes it easy to find perfect icon or icon pack Seamless Integration Select shape where you want to insert, pick an icon and you’re done! Accessibility …
Icondrop Plugin for Sketch, Illustrator and Photoshop – Iconscout Read More »
Screens and components of iOS 11 for iPhone X and iPhone 8. Source: iOS Design Kit – Free iOS 11 GUI for Sketch A massive collection of core components and over 60 (x2) selected screens found in the public release of iOS 11 made with extra attention to the Human Interface Guidelines. Resources include versions …
Source: WPCrafter.com – WordPress For Non-Techies, the easier way to learn WP WordPress tutorials
The DesignBetter.Co library Build a strong design practice with our collection of definitive books. Dive in for deep knowledge or take a peek for a moment’s insight. Explore how the best companies approach product design, design thinking, design leadership, and more. Source: Books – DesignBetter.Co BOOKSPODCASTWORKSHOPS SUBSCRIBESUBSCRIBE Discover. Learn. Elevate. Introducing the best practices, stories, …
The A-to-Z of Framer’s Text Layers Tips, tricks and everything in between. An exhaustive guide to working with type in Framer. 👀 view in browser — 🖥 open in Framer Combining Code and Design With the launch of Dynamic Type, text blocks created in Framer Design became real Text Layers. In addition to updating the text in Code with template tags, …
Source: Programmatic Guide Part 2: Design Compelling Creative Design Compelling Creative Jonathan Meltzer Jul 2017Data & Measurement, Experience & Design, Micro-Moments, Omnichannel, Programmatic Download When creative teams are armed with data, engagement becomes easier. Part two of this five-part series on programmatic buying shows how using audience insights can help brands to craft better, more compelling creative. Step 1 – Organize audience …
Programmatic Guide Part 2: Design Compelling Creative Read More »
Source: FoundationPress – the ultimate WordPress starter-theme built on Foundation 6 by Zurb. What is FoundationPress? FoundationPress is a starter-theme for WordPress based on Foundation 6, the most advanced responsive (mobile-first) framework in the world. The purpose of FoundationPress, is to act as a small and handy toolbox that contains the essentials needed to build any design. FoundationPress is …
FoundationPress – the ultimate WordPress starter-theme built on Foundation 6 by Zurb. Read More »
Source: Framer – Fiber An interactive UI Kit by Framer. Free forever. High-fidelity, now within reach. Fiber UI Kit is the perfect starting place for your next project. Each element has been designed to work independently or as one seamless flow. It’s a full-fledged prototype with customizable components.
BlogSubscribe DESIGN86 SKETCH SHORTCUTS THAT EVERY PRODUCT DESIGNER SHOULD BE USINGby Joseph Angelo Todaroon July 13, 2017Blog Love InVision? Give your friends 3 months free.View all postsSketch is packed with features for designers and vector illustrators, so naturally there are a ton of shortcuts—around 150 to be exact.If you’re a product designer, around half of …
86 Sketch shortcuts that every product designer should be using Read More »
Source: Framer Beginner Tutorial: From Design to Code, Components & Beyond Product Designer & Design Blog Editor @Toptal Core Team. #Wojciech is a product designer with 6 years of professional experience in the design field. Jun 20 Framer Tutorial: From Design to Code, Components and Beyond Step-by-step tutorials that’ll help you create stunning Framerprototypes in no time. …
Framer Beginner Tutorial: From Design to Code, Components & Beyond Read More »
Source: 40 Powerful plugins for sketch – Muzli -Design Inspiration 40 Powerful plugins for sketch via Muzli design inspiration 1. Looper Duplicate, Rotate and Scale the smart way Get it now 2. Craft by InVision The singular must-have in every UI/UX designer’s tool belt, Craft is a suite of plugins for Photoshop and Sketch that help …
40 Powerful plugins for sketch – Muzli -Design Inspiration Read More »
Source: mydevice.io know your mobile device (pixel-ratio, CSS width, features) Mobile devices, in Responsive Web Design, relate to a core value which is the value of CSS width or (“device-width”), in CSS Device Independant Pixels, which depends both of the browser and user zoom settings.
Prototyping Tools Review: Proto.io vs. Origami Studio Przemek Pomaski Apr 06, 2017 Choosing the right prototyping tool for designing mobile apps may be challenging, especially taking into consideration the great choice designers have. After reading this detailed review you will learn what the basic differences between Proto.io and Origami Studio are and depending on what you …
Prototyping Tools Review: Proto.io vs. Origami Studio | Polidea Read More »
Source: Freebies – UX Power Tools The Freebies. We don’t just make a kick-ass design systems for Sketch. We also make free things. Things to automate starting projects. Things to expedite exporting assets. Things to maximize plugins. Basic visual techniques for splash pages and modals. GET BRANDING BASICS This template file has dozens of named placeholder …
Sketch smarter. UX Power Tools is the most advanced Sketch design system ever made. It’s like Bootstrap for designers. All the hard work is already done for you, so you get to focus on the fun part: designing. https://www.uxpower.tools/ UXPT – Web Design System SHOW ME UXPT – Mobile Design System SHOW ME
Sketch 44 Resizing: How does it work??? It’s new! It’s intuitive! It’s better! It’s extra-stretchy! Stretch Armstrong™ seemed like an appropriate header image. If you didn’t grow up in the 70s in the USA, or have a grandma with really old toys, this reference probably went way over your head. The folks over at Sketch have been …
Sketch 44 Resizing: How does it work??? – UX Power Tools – Medium Read More »
Announcing Brand.ai Partnership with UX Power Tools Building and managing design systems isn’t easy. It’s months of work creating the system in the first place, and sharing it while keeping your whole team in sync is a headache. Luckily, Brand.ai can take care of the latter, and it only takes minutes to set up. But what …
Announcing Brand.ai Partnership with UX Power Tools Read More »
A massive collection of core components and selected screens found in the public release of iOS 10 made with extra attention to the Human Interface Guidelines Source: iOS Design Kit – Free iOS GUI for iPhone & iPad
Duplicate, Rotate and Scale the smart way Source: Looper | Sketch plugin
FREE User flow kit for Sketch. It helps creating sitemaps really fast and easy for your team/freelance/agency or side projects. Source: FREE Website Flowchart for Sketch app
About Codecademy Codecademy is an education company. But not one in the way you might think. We’re committed to building the best learning experience inside and out, making Codecademy the best place for our team to learn, teach, and create the online learning experience of the future. Source: All Courses | Learn to code interactively …
All Courses | Learn to code interactively | Codecademy Read More »
At Shopify, we build products that enable commerce at a global scale. Our mission is to make commerce better for everyone, no matter where they’re located or their level of experience. We create tools that give even the most inexperienced entrepreneur the best chance to succeed. At the same time, we design products that help …
Visually build, train and deploy bots to do just about anything. Start building for free. Source: Motion AI – Chatbots made easy
Chatfuel was born in the summer of 2015 with the goal to make bot-building easy for anyone. We started on Telegram and quickly grew to millions of users. Today we’re focusing mainly on making it easy for everyone to build chatbots on Facebook Messenger, where our users include NFL and NBA teams, publishers like TechCrunch …
Why AngularJS? HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop. Source: AngularJS — Superheroic JavaScript MVW Framework
LottieEasily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. Why Lottie? Flexible After Effects features We currently support solids, shape layers, masks, alpha mattes, trim paths, …
JavaScript ternary operator examples By Alvin Alexander. Last updated: February 19 2017 Summary: This tutorial shares examples of the Java ternary operator syntax. Interested in saying a lot while writing a little? In a single line of code, the Java ternary operator let’s you assign a value to a variable based on a boolean expression …
Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use. Source: Animista
Variables Follow In Proto.io, “variables” is a mechanism with which you can store and reuse user defined values (numbers, text etc). For example you can store the contents of an input box in a variable, and later set the text of a label using the value of that variable. Variables are global within your project, …
The Design Sprint The sprint gives teams a shortcut to learning without building and launching. The sprint is a five-day process for answering critical business questions through design, prototyping, and testing ideas with customers. Developed at GV, it’s a “greatest hits” of business strategy, innovation, behavior science, design thinking, and more—packaged into a battle-tested process …
Botsociety is the easy and quick way to mockup your bots Source: Botsociety – The fastest way to design and prototype a chatbot
User research can be done at any point in the design cycle. This list of methods and activities can help you decide which to use when. Source: UX Research Cheat Sheet User-experience research methods are great at producing data and insights, while ongoing activities help get the right things done. Alongside R&D, ongoing UX …
by Raffaela Rein on January 30, 2017 The growing area of user experience design is an opportunity for a complete mindset shift for companies—away from selling products and towards selling experiences. It’s the best way to build a sustainable competitive advantage. Last year, we saw some truly innovative stuff happen in the world of UX. …
All the design inspiration you need. It’s like crack for designers. And good for you too! Jan 19 Color trend 2016/2017 via Muzli design inspiration IO Flux — Creative Exchange by Ben Schade
Craft Prototype is currently in limited beta. Access is only available to select participants. If you’ve received an authorization code, you can activate that code by following the steps in Craft – Enabling beta releases of Craft plugins. Craft Prototype brings prototyping directly into Sketch. It gives you the ability to construct an interactive prototype …
Download the DO UI kit — free on January 30, 2017 by Sinziana Chitea After weeks of brainstorming, sketching, designing, and arduous development, your app’s ready to launch. Your team’s enthusiasm is through the roof. This is the moment of truth: Will the app be successful? User onboarding has so much to do with an …
A FRAMEWORK FOR DESIGNING A BETTER USER ONBOARDING EXPERIENCE Read More »
Popular Web Animation Techniques by Nick Babich Functional and delightful, animation is one of the staples of modern web design. Details of interaction design is what makes a fundamental difference on modern websites. Animation can communicate status, guide the users attention, help the user see the results of their actions and even influence behavior. Here are …
How we’re using Component Based Design Component Based Design is often talked about in context of large, complex projects. In this post we’re making the case that it can also be very beneficial for smaller projects and teams. We now use Component Based Design for every project, big or small. First of all, we tip our …
Tumult Hype’s keyframe-based animation system brings your content to life. Click “Record” and Tumult Hype watches your every move, automatically creating keyframes as needed. Or, if you’d prefer to be more hands-on, manually add, remove, and re-arrange keyframes to fine-tune your content. It is easy to create natural curves by clicking and dragging on an …
Credits: chargify Best Practices for Onboarding by Nick Babich Getting people to sign up for the product is tough. It requires a lot of time, energy, and money, yet many products are losing most of those hard-won users immediately after their first-time experience. According to the Andrew Chen research: The average app loses 77% of its …
Introducing Auto-Layout for Sketch Why do we need Auto-Layout? We need a way to define and see how our design looks on ALL screen sizes, not just iPhone 7. This great tutorial by Pablo Stanley was created the day of the release What is Auto-Layout for Sketch? A Sketch Plugin that integrates seamlessly into Sketch and …
Introducing Auto-Layout for Sketch – Design + Sketch – Medium Read More »
How to use As you type, the contrast ratio indicated will update. Hover over the circle to get more detailed information. When semi-transparent colors are involved as backgrounds, the contrast ratio will have an error margin, to account for the different colors they may be over. This sample text attempts to visually demonstrate how readable …
Full iPhone resolution specs Source: The Ultimate Guide To iPhone Resolutions
Responsive UIResponsive layouts in material design adapt to any possible screen size. This UI guidance includes a flexible grid that ensures consistency across layouts, breakpoint details about how content reflows on different screens, and a description of how an app can scale from small to extra-large screens. Source: Responsive UI – Layout – Material design …
Responsive UI – Layout – Material design guidelines Read More »
Free (do whatever you want) high-resolution photos. A project by Crew. Source: Unsplash | Free High-Resolution Photos
High quality free stock photos in one place. 354 Million Free Stock Photos. Source: Visual Hunt
Free stock photos you can use everywhere. ✓ Free for commercial use ✓ No attribution required Source: Free stock photos · Pexels
Sketch Newsletter The latest Sketch news, articles, and resources, sent straight to your inbox every month. Sketch is the ultimate tool for designing user interfaces, websites, and icons. Subscribe now and never miss an issue. Source: Sketch News
Sketch, Photoshop, Figma, and XD templates of GUI elements found in the public release of iOS 10. Source: iOS 10 GUI (iPhone) | Facebook Design
Spotify predicts what songs you’ll like. Amazon’s Dash Button reorders your favorite detergent when pressed. Nest anticipates your ideal room temperature. We’re entering a world of experiences designed to benefit users by making decisions on their behalf. Anticipatory design is the algorithm-powered, user-centric design discipline behind this world, and we’re already seeing products and services …
Read This Before You Build That Chatbot. A four-step guide to using artificial intelligence to solve real problems. Tweet “AI is the future of branding” and watch the follows roll in. And to be fair, that statement is true. The hurdle to getting there isn’t that these new technologies aren’t available, it’s that we’re not …
Olabot is the simple, fun way to bot yourself.Founder Esther Crawford created a resume bot appropriately called EstherBot when she was looking for a job. After getting countless introductions and multiple offers from hot tech companies, she decided to turn them all down to build Olabot. She joined forces with Ethan Sutin and together they’re making it easy …
Chris Messina, developer experience lead at Uber and inventor of the hashtag, said back in January that 2016 is “the year of conversational commerce.” Today, he’s launching his own personal assistant chatbot, called MessinaBot. Source: Messenger
Tes MatFollow iOS dev & app prototyper (Dutch, English, Spanish, some Русский) Aug 6, 201512 min read Five app prototyping tools compared Proto.io, Pixate, Origami, Framer & Form There are Russian and Chinese (+ another one) translations of this article, and there’s a follow-up with Principle, Flinto for Mac & Tumult Hype. I recreated the IF by …
Behind every new bot, conversational UI, or AI system are people working at the intersection of design, data, and technology. This day is all about them. Source: human-ai
Source: How to Pair Colours: A Short Intro to Colour Theory — Anuschka Rees How to Pair Colours: A Short Intro to Colour Theory Every great outfit needs a great colour palette, which is why brushing up on your colour pairing skills should be at the top of your to-do list if you think you …
How to Pair Colours: A Short Intro to Colour Theory — Anuschka Rees Read More »
WEMO can manage home electronics from anywhere. Left the iron on? You can WEMO that. Need the lights off? You can WEMO that. And much more. Source: WEMO That – Home Automation Made Easy
Rachio makes running your sprinklers easy and convenient while saving you water and money. It automatically creates a watering schedule that lowers your water bill and ensures the beautiful yard you want. Source: Change the Way You Water.
The Beginner’s Guide to Writing Sketch Plugins Part 1 — Getting Started So you want to start writing Sketch plugins, but have no idea where to start? Well keep reading because this article is for you! If you’re like me, trying to find basic concepts out there is not easy. There’s tons of examples of existing plugins, …
The Beginner’s Guide to Writing Sketch Plugins Part 1 — Getting Started – Medium Read More »
Before we begin with the code, I wanted to point out that in just a couple of months I have completely replaced Photoshop with Bohemian Coding’s Sketch. This software has clearly been developed with user interface workflows in mind and it’s exactly what I need to design my UIs. Furthermore, we can easily create plugins …
Writing a Sketch Plugin to easily generate iOS Assets Read More »
The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond Source: Design + Sketch App — Medium
The Beginner’s Guide to Writing Sketch Plugins Part 1 — Getting StartedSo you want to start writing Sketch plugins, but have no idea where to start? Well keep reading because this article is for you! Source: The Beginner’s Guide to Writing Sketch Plugins Part 1 — Getting Started — Medium
Stephanie Hay, Head of Content Strategy at Capital One, explains the challenges of designing for conversation. Source: CapitalOne’s Alexa Project: Designing UX Without UI The Internet of Things has been a trend since its emergence in the early 2010s. Everything from cars to lights to houses to refrigerators to even toasters have now been …
CapitalOne’s Alexa Project: Designing UX Without UI Read More »
The Northerner was built in 1850 in Clayton, New York by John Oades. It was originally owned by Henry T. Bacon, a New York merchant, and co-owned and operated by Russell Disbrow. At that time, the Northerner mainly traveled on Lake Ontario and the St. Lawrence River. In 1859, the Northerner was damaged in a …
Intentionally sunk in 2003, this 204′ car ferry offers something for every diver. Sitting upright in 82 feet of water with her main deck just over 45′ down, the “Straits” has become Chicago’s premier dive site.
A Playbook for Improving Customer Journeys September 30, 2015 | By Brandon Schauer It feels great to see and map the experiences that customers have; you suddenly have a handle on what’s really happening from their perspective. But you’ve also set yourself up for something much harder—improving that customer journey you now see. You can’t …
Make pixel perfect apps. Simply.Collaboration platform for designers and developers that works with Xcode, Android Studio, Sketch and Photoshop. Source: Sympli: complete collaboration tool for designers and developers
All the design inspiration you need. It’s like crack for designers. And good for you too! Source: Muzli -Design Inspiration
A collection of mobile UI elements Source: lovelyui
THE BIG LIST: 40 ROCK SOLID DESIGN AND PROTOTYPING RESOURCES FOR MOBILE, PHOTOSHOP, AND SKETCH Seeing your ideas come to life quickly is a really rewarding experience. Which is why prototyping can be so much fun. But Finding the right resources for your prototyping project can be a huge pain. Below is a list of …
40 design & prototyping resources for mobile, Photoshop, & Sketch – InVision Blog Read More »
How pixel density works and how it affects your designs. Pixel Density, Demystified from Peter Nowell on Vimeo. This article & video were originally created as part of the UX course in Sketch Master. Check out the top pixel density resources for designers. This animated video covers most of the topics in the article, but …
Source: Messenger Bots & Partial payment Concept by Isil Uzum – Dribbble
Source: Flinto for Mac – The prototyping tool designers have been waiting for. Flinto for Mac is a comprehensive app prototyping tool that allows you to create anything from simple tap-through prototypes, to comprehensive prototypes with impressive interactions. We’ve carefully designed Flinto for Mac to minimize complexity. There’s no programming or timelines. It’s the prototyping …
Flinto for Mac – The prototyping tool designers have been waiting for. Read More »
Design everything with Framer You need the potential to design something completely new. Framer is a design tool that uses code to make anything possible. Pioneer new patterns and groundbreaking designs. Find the best solution, not just the expected one. Introducing Auto-Code, an all-new way to design with code. Source: The new Framer is here
Discover more than 35 million cheap royalty-free images, vectors and videos. Fotolia is the image bank for all your publishing and marketing projects! Source: Fotolia – Sell and buy royalty-free photos, images, vectors and videos
Mobile animations and interactivity give life to a mobile app that allows designers to make better decisions on how to anticipate and meet the user’s needs. Source: Top 5 Mobile Interaction Designs of April 2016 – Proto.io Blog
By Elena Sanchez under Insights 22 March 2016 The question of whether to develop an app using native or hybrid technologies is one that comes up a lot – from clients across all industries. Instead of diving straight into the pros and cons of each approach, let’s first illustrate the whole thing in simple terms …
Coca-Cola and the native/hybrid debate | Blog | The App Business Read More »
By Marco Sousa under Design 04 February 2016 A prototype is an early iteration of a solution that can take multiple forms and that is used to test concepts and gather learnings. In this post, I will be covering how we use prototypes at TAB – and how they benefit us, and our clients. A …
Prototyping: creating what the user really wants Read More »
Easily build beautiful, responsive WordPress pages in minutes. Beaver Builder is a drag and drop WordPress Page Builder. Get it now! Source: WordPress Page Builder Plugin | Beaver Builder
A collaborative collection of resources for creating Front-End Style Guides and Pattern Libraries http://styleguides.io/
QUICK TIPS TO OPTIMIZE WORDPRESS SITE LOAD TIME Godaddy – March 11, 2015 1 Comment You know the feeling. You’ve clicked on an interesting link to visit a site, and you’re patiently waiting for it to load. And waiting. And waiting. Your patience is wearing thin, and suddenly the link-that-looked-interesting has become the site-that-will-never-load. In …
GTmetrix gives you insight on how well your site loads and provides actionable recommendations on how to optimize it. GTmetrix tells you a lot about your website performance. Our Report gives you the full picture on how your site loads and helps you detect where bottlenecks are. Key features include: PageSpeed and YSlow scores and …
If you haven’t heard the term “inclusive design” yet, you will soon. It’s a simple idea: By designing to accommodate people with disabilities, we can make products that are better for everyone. Just look at the typewriter, originally invented to help a blind person write letters. The idea is old, but the movement is picking …
Google Built An App That Critiques Other Apps | Co.Design | business + design Read More »
Cinemagraph Pro for Mac Cinemagraph Pro makes creation super-easy and fast. Simply import a video, select a still frame and paint motion directly on the screen. Your cinemagraph instantly comes to life. Export in broadcast quality or upload to flixel.com and easily share with the world. Winner of a 2014 Apple Design Award. Source: …
Published at UX Collective Andrew Coyl Designing the future of global trade Common mistakes designers make and how to fix them Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface, forms are one of the most important components of digital product design. This article focuses on the common …
THE WORLD’S SMARTEST COMPANIES USE INVISION ENTERPRISE EDITION Welcome to the world of the new smartphone user. “Give me a break,” you say. “There’s no such thing as a ‘smartphone’ anymore. Practically all phones are smart. My 10-year-old has an iPhone, and so does my great aunt.” You’re right. Everyone is jumping in on mobile. …
Offering features from flight booking to flight status and more, the United app is your indispensable travel companion.
Patternslib, or short ‘Patterns’ lets you create rich, dynamic and interactive prototypes or websites, without having to know or care about Javascript. Instead, you simply add special CSS classes and HTML5 data attributes to your HTML. These classes and attributes describe so-called “interaction patterns”, which add rich functionality to your page. Patterns is both a …
https://brand.uber.com/# “A brand that reflects who we already are” What’s the story? A brand that reflects who we already were FIND OUT WHY Bits + Atoms We’re all about technology moving the physical world WATCH THE FILM An adaptive brand Celebrating cities through design VIEW THE WORK How we got here Bringing our new …
Some people think that usability is very costly and complex and that user tests should be reserved for the rare web design project with a huge budget and a lavish time schedule. Not true. Elaborate usability tests are a waste of resources. The best results come from testing no more than 5 users and running …
The most complete, most up-to-date, most accurate, and most thoughtfully structured iOS 9 UI kit available for Illustrator and Sketch. Absolutely free! Source: Free iOS 9 UI Kit, Illustrator & Sketch – Mercury Intermedia Blog
Collection of all the best articles, plugins and video’s about the awesome design tool Sketch. Source: Sketch by Patrick Loonstra | ZEEF
The United States Air Force was facing a problem all too familiar to organizations that have a lot of information online: how can we ensure that a user finds what they’re looking for? Gone are the days when users would spend hours sorting through web pages hoping to discover a nugget of relevant information. The …
Design and prototype websites and mobile apps with Adobe Experience Design CC (Preview), the first all-in-one solution for UX designers. Download now to get started. Source: User experience, prototyping app | Adobe Experience Design CC
Project Comet has become Adobe Experience Design CC (Preview), or Adobe XD as we refer to it. We’re making our first preview release for Mac OS available today, with a Windows version coming later this year. Source: Introducing Adobe Experience Design CC (Preview) | Creative Cloud blog by Adobe
Introduction The sections below provide a list of common best practices used when designing a voice experience. While you should plan to monitor and tune your voice interactions based on the ways that users interact with your skill, the tips in this document will improve the usability of your design out of the gate, before …
Alexa Skills Kit Voice Design Best Practices – Amazon Apps & Services Developer Portal Read More »
Design at 1x—It’s a Fact The tangible benefits of designing at 1x pixel density Let me start by saying, I’m sure this is already apparent for a good bunch of you. But through anecdotal observation and conversation, it appears there is still not consensus on the pixel density at which mobile screens should be designed. Mainly, designing …
The Fidelity Curve: How to weigh the costs and benefits of creating UI mockups Here at Basecamp we do a lot of paper sketching. Usually we jump straight to code after making a rough sketch. But it’s not a black and white rule. Sometimes we make tappable prototypes to test an interaction, or a pixel …
Pixel Precision Producing pixel-perfect designs is important especially when designing for mobile and when we want the final product to have that extra layer of polish we all admire. We’ve highlighted tips and tools you can use to achieve pixel precision in Sketch. With Sketch you get best of both words; scalable vectors and precise …
Courtesy of the amazing Pixate app Easing Curves What is an easing curve? Objects in real life don’t start or stop moving suddenly and generally don’t move at a constant speed or rate. Easing curves are algorithms used to emulate natural movements. Adding these to your animations can make your prototype feel more “alive”. Ease in, …
Learn Principle for Mac from scratch with these 12 GIFs Source: The Designer’s Guide to Prototyping in Principle — Medium
Animate Your Ideas, Design Better Apps Principle makes it easy to create animated and interactive user interface designs. Whether you’re designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing. Source: Principle – Animated Design
Transform your iPad into a professional graphics tablet. Use the Mac creative tools you know and love, like Photoshop, with the touch experience of your iPad. Source: Astropad – Your Mac & iPad Drawn Together
One workspace open to all designers and developers Meet your teammates halfway. Share designs, improve them together, easily generate style guides and export resources in a heartbeat. Source: Avocode – Collaboration tool for designers and developers
Download Craft, a free suite of tools for Sketch and Photoshop that let you design with real data in mind. Source: Craft by InVision LABS
Commercials during the Super Bowl don’t just make us laugh or cry—they also make us search. This year, there were more than 7.5 million incremental searches for the brands advertising during the game, which was 40% higher than searches for brands during last year’s game. This searching represents a 7X response rate compared to a …
How the Big Game Played Out on the Second Screen – Think with Google Read More »
Once upon a time, accepted thinking was that the world was flat. Not so long ago, conventional wisdom was that a horse and cart was the pinnacle of human transport. Accepted thinking is always waiting to be proved wrong – and that goes for accepted business thinking too. Source: Don’t accept accepted thinking | …
New design standards for Uber Celebrating Cities: A New Look and Feel for Uber | Uber Global
Source: Exploring Shapes to Create Star Wars Characters: A Guide for Non-Designers — Design + Sketch App — Medium When it comes to the epic that is Star Wars, there are very few ways to stay excited and be productive. Unable to concentrate on work, the only way I could channel my almost-paralysing excitement …
A comprehensive design guide for sizing and resolutions across all devices. Source: Device Metrics – Google Design
Critique is an important part of any design process, whether you work within a diverse team or independently. The feedback you get through a formal critique can help get you outside your own head in order to make better decisions, overcome obstacles, and strengthen your craft. Source: Four Things Working at Facebook Has Taught Me …
When the conversation is the interface, experience design is all about crafting the right words. Source: The Next Phase Of UX: Designing Chatbot Personalities
Learn how to use the trim paths feature in After Effects. Create cool motion graphics using shapes – hipster circles, bursts, and other mographs. Trim paths will change your life! Source: Trim Paths Tutorial: This After Effects feature will change your mograph life! After Effects continues to amaze me. Even after becoming proficient at using …
Trim Paths Tutorial: This After Effects feature will change your mograph life! Read More »
Simple online tutorials for WordPress on boarding. Nice use of Tesseract Theme Source: How To Make a WordPress Website 2016 – Tyler
Optimizing Your Design For Rapid Prototype TestingBy Michelle ChuDecember 22nd, 2015 WorkflowTestingPrototyping 1 CommentAdvertisementProduct teams in startups and mid-sized and large companies are all implementing usability testing and prototyping as a way to de-risk product development. As the focus shifts from engineering to prototyping, it is becoming increasingly important for anyone who creates prototypes to …
Optimizing Your Design For Rapid Prototype Testing – Smashing Magazine Read More »
Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function. Source: Easing Functions Cheat Sheet
Progress is often driven not by the accumulation of small steps, but by dramatic leaps. The television wasn’t an iteration of a previous device, it was a new technology altogether. Einstein’s General Theory of Relativity didn’t tinker with Newton’s Law of Universal Gravitation, it replaced it in almost every detail. Likewise Dyson’s dual-cyclone vacuum cleaner …
Airbnb aspires to create a world where everyone can belong anywhere. That means visiting cities not as travelers, but as locals. “Hosted Walks” tapped into Airbnb’s passionate network of New York City hosts to help travelers do just that. See how Airbnb used search to unlock the best local spots. “One of the things that’s …
Airbnb Uses Mobile to Give Tourists a Local Experience – Think with Google Read More »
Avocode – The bridge between designers and developers The smartest way to share designs, export assets and collaborate with your team. The smartest way to share designs, export assets and collaborate with your team. Source: Avocode – The bridge between designers and developers
A whole new experience in user experience design. Design and prototype websites and mobile apps with Project Comet, the first all-in-one solution for UX designers. Sign up now to receive more info on availability. Take your UX designs from start to finish with the cross-platform app that lets you do it all — wireframing, visual …
Collaboration app for UI designers and frontend developers “Zeplin is the ultimate collaboration tool between designers and developers. It cuts meetings in half and ensures that designs are implemented perfectly, however complex.” Source: Zeplin
We call them Pens. Write HTML, CSS, and JS and get a real-time preview. You can use CodePen to: Show off the amazing things you build. Learn new things by tinkering. Build reduced test cases to report bugs and get help on tricky problems. Try out new technologies for the first time. Build components to …
CodePen – Front End Developer Playground & Code Editor in the Browser Read More »
As both car lovers and mobile app geeks, these are just a few of the things we’ve learned about app UI design from the world of horseless carriages. Source: What Can Cars Teach Us About Mobile App UI Design? – Proto.io Blog
Tesla’s commitment to developing and refining the technologies to enable self-driving capability is a core part of our mission. In October of last year we started equipping Model S with hardware to allow for the incremental introduction of self-driving technology: a forward radar, a forward-looking camera, 12 long-range ultrasonic sensors positioned to sense 16 feet around …
An evolving digital mesh of smart machines will connect billions of things into a continuous digital experience. Source: Top 10 Technology Trends Signal the Digital Mesh – Smarter With Gartner
iOS 9 is here, and like most releases of iOS, sometimes the best features are those that are tucked away. So, while the new Notes app, News app, and other obvious improvements are great, let’s take a look at some of the lesser known stuff. Source: The Best Secret Features of iOS 9
The purpose of this kit is to let you analyze the UI elements for the Apple Watch in a flexible, 100% vector format. You may use it for studying, presenting and designing insanely great apps. It took countless hours to create everything, so please don’t repurpose it as your own, or redistribute without my consent. …
Sketch 3 software by Bohemian Coding. Source: All Free .sketch downloads and resources – Sketch Freebie – Free Sketch files for Sketch 3 – Sketch App Sources
Free mobile & web prototyping for everyone. No coding required. Marvel is the easiest way to turn your sketches, images and mockups into realistic mobile and web prototypes. Win pitches. Impress clients. Bring your ideas to life.Built for designers, entrepreneurs, startups, agencies, students…well, everyone really. It doesn’t matter what level of technical or design skill you …
Marketers struggling with the basics of mobile advertising will face further challenges as Apple pushes away from traditional online ads and towards a behaviour-driven model for iPhone users. Source: Apple’s iOS 9 forces a dramatic rethink for mobile marketing
Turn sketches and designs into interactive web, iPhone, iPad, Android and Apple Watch prototypes and mockups. Collaborate with your team and get feedback. No coding required. Source: Marvel – Create free Apple Watch prototypes
A gorgeous app with poor UX isn’t a gorgeous app—it’s an invitation to frustration. Your users deserve better than that. The UX design tips in this article aren’t groundbreaking. Hopefully, you will already be familiar with most (if not all) of them. But for some reason or other—maybe due to oversight or perhaps we were given …
Make your ideas a reality .Change the way you design with the most powerful prototyping platform on the planet. Source: Pixate
Tumult Hype is the HTML5 creation app for Mac OS X. Animations and interactive content made with Tumult Hype work on desktops, smartphones and iPads. No coding required. Source: Tumult Hype
The Magicband wields access to the park, replacing virtually every transaction you’d make inside. Bob Croslin If you want to imagine how the world will look in just a few years, once our cell phones become the keepers of both our money and identity, skip Silicon Valley and book a ticket to Orlando. Go to… …
When your creative mind and developers’ analytical genius work in unison, better products result. Here’s how to do that. Source: Designing with developers in mind: guides, grids, and frameworks – InVision Blog
Great after effects insights and tutorialsMotion Graphics & After Effects Tutorials Source: Evan Abrams
Diving the wreck of The Northerner out of Port Washington Lake Michigan.
http://www.calltoidea.com/ All kinds of UI idea inspiration Call To Idea offers quick inspiration for virtually any UI element you might want. There are categories for logins, registrations, footers, calendars, stats, mailings, counters, forms, and much more. Just click on a category to see tons of examples of whatever UI element or pattern you’re looking to …
Annotation and Style Guide automation for Sketch Collaboration app for UI designers and frontend developers “Zeplin is the ultimate collaboration tool between designers and developers. It cuts meetings in half and ensures that designs are implemented perfectly, however complex.” Source: Zeplin
Offering multiple channels for users to interact with your business isn’t enough. You need to put them at the center of a seamless omni-channel ecosystem. Source: 5 Elements of Omni-Channel User Experiences
Web Design is Dead Web design is (finally!) dying of irrelevance. Web pages themselves are no longer the center of the Internet experience, which is why designers need to move on to the next challenges — products and ecosystems — if they want to stay relevant. Web design has no future — a risky statement …
It’s always great to have a little toolbox with just the right tools waiting for you when you need them. What if you are about to start working on a new project which should apply the material design language introduced by Google last year? What if you had just a good starter kit with everything …
Material Design Icons, Goodies and Starter Kits – Smashing Magazine Read More »
“The grid system generator will create custom grid systems in valid css / xhtml for rapid prototyping, development and production environments.” – See more at: http://www.gridsystemgenerator.com/#sthash.5Kd4jibB.dpuf Source: Grid System Generator
Icons sets Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT. Thousands of free icons in the largest database of free vector icons! From Flat Icon
Snazzy Maps is a repository of different color schemes for Google Maps aimed towards web designers and developers. Source: Snazzy Maps – Free Styles for Google Maps
The Thomas Hume was built in 1870 in Manitowoc Wisconsin. She is a schooner measured at 132feet in length. After leaving port in 1891, she was never seen again. Today she rests in 150feet of water 20 miles offshore and is a technical divers dream.
So today we’re going to showcase animated GIF artwork but there are not the regular GIF we use on websites. These Source: Cinemagraph: 28 Still Photos With Subtle Motion
With 130 screens, 10 themes, and 250+ components, DO features everything you need to build a killer to-do app. Get it for Photoshop and Sketch—for free! Source: Free to-do app UI kit for Photoshop and Sketch | InVision
Online travel planning can be overwhelming, clinical and frustrating. The new TravelOregon.com combines new technology, deep content and human touch to surprise and delight potential visitors to Oregon. Source: Behind the Making of TravelOregon.com | Travel 2.0 Consulting Group
Another Vector Freebie! It’s for Adobe Illustrator which is my first choice when designing. I guess it could also be used to add stuff to Photoshop as smart objects if you are into this sort of thing…. This one needs Apple’s new font “San Francisco” which is also going to be the system font for …
We lay out the most interesting user flows so you can build your point of view and be inspired to design the best user experiences. Source: UX Archive
Matt Watkinson’s The Ten Principles Behind Great Customer Experiences is an original approach to design, customer service and management. Source: Customer Experience | The Ten Principles | Matt Watkinson
Why Sketch is a better tool for user interface design compared to Photoshop: 100% vector, code-friendly, robust export feature, minimal UI, speed, grids and more. It’s been more than 3 months that I made the switch to Sketch after more than 12 years of Photoshop. I want to take some time to give the reasons why it …
Mobile app usage hits 51% of all time spent on digital media Source: Mobile app usage hits 51% of all time spent on digital media – CNET
Statistics on mobile usage and adoption to inform your mobile marketing strategy Source: Mobile marketing statistics 2015
2014 was a landmark year for growth across all things digital, and We Are Social’s new Digital, Social and Mobile in 2015 report indicates that this year will see even more impressive numbers. Including stats for more than 240 countries around the world, and profiling 30 of the world’s biggest economies in detail, this report is the …
Iconography is a language Iconography is so close to our traditional language system, that referring iconography as a language may differ from referring UI design as a language, because the latter is more of a metaphor and the former is more literal. So literal, that we create fonts for icons now, just like we do …
Some icons are verbs, some icons are nouns Getting fluent at the language of iconography Read More »
Apple Watch represents a new chapter in the way people relate to technology. It’s the most personal device Apple has ever designed, and it enables new ways to receive information and to interact with apps. Source: Apple Watch Human Interface Guidelines – Apple Developer
Hang around software companies long enough and you’ll certainly hear someone proclaim “the best interface is invisible.” While this adage seems inevitable, today’s device ecosystem makes it clear we may not be there yet. When there’s no graphical user interface (icons, labels, etc.) in a product to guide us, our memory becomes the UI. That is, we …
Amazing collection of UX resources.
Great list of accessibility guidelines and references
The BBC Standards and Guidelines for Mobile Accessibility are a set of technology agnostic best practices for mobile web content, hybrid and native apps. This prototype is for use by BBC employees and suppliers and anyone else involved in the development of mobile and native websites and apps. Find out more about the BBC Mobile Accessibility …
Honoree in Travel (Handheld Devices) 2015
All designers say simplicity is important, but what does it really mean to make something simple? Most of the time we think it means less, that by removing stuff we achieve simplicity. We think by keeping content above the fold we’re helping people focus, or by using bullets instead of paragraphs more people will read …
Kill The Hamburger Button | TechCrunch. Kill The Hamburger Button That little three-lined button is the devil. Whether you call it a side menu, navigation drawer, or a hamburger, hiding your features off-screen behind a nondescript icon in the corner is usually a poor mobile design choice. Interaction theory, A/B tests, and the evolution of some …
The Next Big Thing In Design? Less Choice | Co.Design | business + design. Choice is overrated. Recently, I decided to buy Monopoly to play with my son. What I was sure would be a quick decision on Amazon turned into a learning experience for both of us. Did you know there are 2,767 versions of Monopoly …
The Next Big Thing In Design? Less Choice | Co.Design | business + design Read More »
Hi, I’m Scott. I work alongside the bright folks at Filament Group building websites and applications for clients such as the Boston Globe, LEGO, Global News, eBay, and more. In 2014 I wrote Responsible Responsive Design, and back in 2010 I cowrote Designing with Progressive Enhancement. I regularly speak at conferences like An Event Apart, …
Scott Jehl, Web Designer/Developer, Seagrove Beach, Florida, USA Read More »
Responsive Web Design: Missing the Point | Brad Frost. Alex Mangini touched on something I think is extremely important. In his post, Why Is Responsive Design Such a Big Deal? Seriously…You Tell Me, he asks: “Do you really need to serve your “mobile” visitors a different layout based on your current content?”
Tools for IdeationWelcome to my design blog. I post resources, review tools and write the occasional blog post on UX Design. You can find out more about this site here. -Michael via Konigi.
MOTION V2 IS NOW AVAILABLE! Since the initial launch of Motion V1 in August the feedback and support from the motion graphics community has been incredible! That’s why I’ve worked so hard to bring an update that will truly show how much I appreciate the support. The update to Motion V2 includes 20 powerful tools to …
Patterns of Card UI Design // Speaker Deck. *** NEW: A live recording of this talk is now available at https://vimeo.com/120858063 Card-based User Interface (Card UI) is the new hotness. Recent announcements from Google around the unification of their user interfaces across mobile and web using Material Design show that that the big players are firmly …
Prototyping Tools | Cooper. When deciding how to build your next prototype, the vast landscape of modern prototyping tools can be overwhelming. It’s easy to stick with the tools that you know for expedience sake, but a lot of great new tools are available and worth exploring. Building off of our prior roadtest, we’ve updated and …
Reflector Airplay Receiver – Mirror an iPhone or iPad to a Mac, PC or Android. WIRELESS MIRRORING FOR EVERYONE. Reflector is an AirPlay receiver that allows you to wirelessly display your iPad or iPhone on a number of devices. It’s available for Mac, PC and most Android devices. Mirror your device on a big screen …
Reflector Airplay Receiver – Mirror an iPhone or iPad to a Mac, PC or Android Read More »
Screencastify (Screen Video Recorder) – Chrome Web Store. Screencastify is a simple video screen capture software for Chrome. Screencastify is a simple video screen capture software (aka. screencast recorder) for Chrome. It is able to record all screen activity inside a tab, including audio. Just press record and the content of your tab is recorded. …
Screencastify (Screen Video Recorder) – Chrome Web Store Read More »
Automating Style Guide-Driven Development – Smashing Magazine. By Varya Stepanova & Juuso Backman March 5th, 2015 Style GuidesToolsWorkflow Style guides — especially living ones — are useful in many aspects of development and maintenance, so it’s little wonder that developing them has become a highly recommended and a popular practice. But even with the clear benefits, …
Automating Style Guide-Driven Development – Smashing Magazine Read More »
Rapid prototyping is a method of quickly creating an early version of a final product. This allows the creators of the product to test their ideas and even get user feedback without having to fully flesh out, or even build, a full version of what they have in mind. There are many benefits to this approach …
The Top Rapid Prototyping Programs And Techniques For Designers | Elegant Themes Blog Read More »
Tour – Proto.io. UI prototyping for the space age. Take your static designs, wireframes or mockups to the next level. At Proto.io you will find everything you need to create beautiful fully interactive, animated prototypes that tell the full story.
6 time-saving Sketch plugins to install right now—for free via 6 time-saving Sketch plugins to install right now—for free « Thoughts on users, experience, and design from the folks at InVision.. Sketch is quickly becoming the UI design tool of choice, so here’s our short list of the most helpful Sketch plugins we could find, …
Mobile Prototyping With Proto.io – Smashing Magazine. Mobile Prototyping With Proto.io By Will Hacker February 19th, 2015 TechniquesToolsWorkflow There are many options available for prototyping mobile user experiences, but if you need to prototype native apps for mobile devices you should take a look at Proto.io when evaluating potential choices. This solution has many features for designing …
Mobile Prototyping With Proto.io – Smashing Magazine Read More »
Skeleton: Responsive CSS Boilerplate. A dead simple, responsive boilerplate. DOWNLOAD Light as a feather at ~400 lines & built with mobile in mind. Styles designed to be a starting point, not a UI framework. Quick to start with zero compiling or installing necessary.
Free iPhone 6 and iPhone 6 Plus Mockups (PSD, AI & Sketch) | Freebies | Graphic Design Junction. 50 Free iPhone 6 and iPhone 6 Plus Mockups (PSD, AI & Sketch)
Master list of UX resources.
Login or registration forms are website pages that will allow users to further browse through networks more securely. via 30+ Examples of Login Form Designs.
Mobile Patterns. An amazing collection of mobile design patterns
The Customer Journey to Online Purchase – Think with Google. Choose an industry, business size and region to see how digital marketing channels influence a typical buyer before the sale. Channels to the left tend to play an early and assisting role in the typical sale. Channels to the right are more likely to be …
The Customer Journey to Online Purchase – Think with Google Read More »
The UX Reader | MailChimp – MailChimp UX. Design decisions shouldn’t be informed by guesswork. To eliminate misleading assumptions, we should have to validate our statements by good ol’ UX work. A little bit more UX, every day. – Vitaly (@smashingmag)
Colour Contrast Analyser (CCA) | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience). The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.
From: IBM Design Language. Design with soul Give your product personality Welcome! As you explore the site, we want to let you know a few things about the language. The IBM Design Language is a set of living guidelines that communicates a brand promise through our products’ experiences. Our goal is to design for experiences that …
Design & UX Archives – SitePoint. SitePoint provides cutting-edge content for web professionals — developers, designers, programmers, freelancers and site owners. Founded by Mark Harbottle and Matt Mickiewicz; our mission is to deliver new ideas, emerging concepts, and teach state-of-the-art technology to our readers. Whether it’s via our practical tutorials, books, articles, courses, or our …
Less pixel counting Avoid redlining, and long hours of pixel counting. Specctr automates the process with a few easy clicks. Specctr 2.0 is here!Simplify your design to dev production with these awesome new automated annotation features. via Specctr | Blueprints for the Web: extend Photoshop, and Illustrator.
Page layout can be described with terms like fixed, static, liquid, adaptive, responsive, and more. Web designers and developers should know the difference. Source: Which page layout? Static, Liquid, Adaptive, or Responsive
User-Centered Design What is user-centered design and why is it important? Focusing on users, and making design decisions based on their needs, is key to creating successful websites that delight users and meet business goals. A user-centered design process is defined by the active via Haley Luckeroth UX.
A very nice UX Project Checklist via UX Project Checklist.
Pttrns is the finest collection of design patterns, resources and inspiration. http://pttrns.com
Why We Banished the Hamburger Menu From Our iPhone AppBehind the Scenes at Redbooth: Making Our iPhone App Better for UsersRachel Kumar | January 13th, 2015When we started working on a new chat feature for Redbooth’s iPhone app, our Product & Design team had some ulterior motives. Yes, we were excited about giving our customers …
Why We Banished the Hamburger Menu From Our iPhone App | Redbooth Blog Read More »
Introduction – Material design – Google design guidelines. Introduction We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design. This spec is a living document that will be updated as we continue to …
Introduction – Material design – Google design guidelines Read More »
With the height of the holiday travel season just days away, United Airlines encourages customers to make its industry-leading mobile app their go-to travel tool.
– Virtual-Strategy Magazine
12.18.14
Pattern Library | MailChimp. The MailChimp Pattern Library is a byproduct of our move to a responsive, nimble, and intuitive app. Constant iteration requires both an efficient workflow and a well defined collection of atomic elements that can assemble new UIs quickly without accruing new technical or design debt. We’re also solving an internal communication problem by documenting …
Thankful for Mobile At many people’s Thanksgiving tables this year, there was an increasingly familiar guest: a mobile phone. Some 88% of people who were on Facebook during the Thanksgiving holiday accessed the platform on mobile.1 It was an eventful holiday on Facebook. More than 171 million people globally generated more than 1.2 billion posts, …
Keep everyone on the same page & your projects in cruise-control.WORK BETTER & SMARTER TOGETHER”Brightpod is beautifully designed and a very intuitive service that will help you manage your projects more efficiently.” – Boris Veldhuijzen van Zanten, Co-founder & CEO of The Next Web via Brightpod Features | Tasks, Workflows, Editorial Calendar, Time Tracking & …
Brightpod Features | Tasks, Workflows, Editorial Calendar, Time Tracking & more Read More »
A Maintainable Style Guide A Maintainable Style Guide Anyone who has attempted to maintain a UI Style Guide over a long period of time will attest that it is a very difficult process. They are generally prioritised below the maintenance of your applications themselves and as such are likely the first candidates to fall behind …
The Grid Raises $4.6M For Its Intelligent Website Builder The team behind The Grid is developing a website builder that uses artificial intelligence to automatically create new sites based on the content you provide. The company ran one of the most successful crowdfunding campaigns for a software product earlier this year, but the team also went out to raise …
The Grid Raises $4.6M For Its Intelligent Website Builder | TechCrunch Read More »
CSS Hat – Turn Photoshop Layer Styles to CSS3. Instantly.. Colors, gradients, sizes, borders… All instantly in CSS. Using CSS over images gives front-end developers many benefits. However it requires a ton of hand-coding to reflect all the layer styles into the code. CSS Hat prevents this pain. It accurately translates layer styles into CSS …
CSS Hat – Turn Photoshop Layer Styles to CSS3. Instantly. Read More »
It’s been one year since Comcast started its monster project to blanket the entire nation with continuous Wi-Fi coverage. Imagine waves of wireless Internet emitting from every home. NEW YORK (CNNMoney) If you’re a Comcast cable customer, your home’s private Wi-Fi router is being turned into a public hotspot. It’s potentially creepy and annoying. But …
Comcast is turning your home router into a public Wi-Fi hotspot Read More »
Pure CSS Off-screen Navigation Menu. Published by Austin Wulf Start with Some HTML The markup for our off-canvas menu is a bit different than your standard navigation menu. Instead of sticking it in the site’s header, we’re going to start right inside the <body> tag. This is the basic structure: 1 2 3 4 5 6 7 8 …
Start Building Consistent Web InterfacesPatternry is a tool for building living UI pattern libraries. It helps designers and developers work faster and smarter together. via Start Building Consistent Web Interfaces | Patternry.
MegaList of Resources This is a TON of helpful links. We encourage you to play around and explore all of these resources, as everything that’s on this list comes highly recommended. If you ever find yourself at a loss for what to do, poke around in here. While not every person will necessarily need all …
UX Companion | User experience design tools | Cyber-Duck. A handy glossary of user experience (UX) theories, tools and principles
At DevMynd, we’ve helped dozens of companies bring their ideas to life in code and design. This series of guidebooks describes how we do it. They represent our collective learning on design, software, teams, and business. via DevMynd Guidebooks.
Agile product design is all about getting from product ideas to product choices. It’s a process we’ve used many times at DevMynd to help get the product out of a customer’s head and into an executable plan. This guidebook serves as an overview of that process, and in true agile fashion is a living document …
What’s Researchers.io?It’s the hub for everything user & customer experience research — we want to share resources, events and techniques to improve our community. via Create an Account | Researchers.io.
Watch Steve Jobs Unveil the iPod 13 Years Ago | TIME.
Ready For Retina HD: Create Pixel-Perfect Assets For Multiple Scale Factors | Smashing Magazine. Ready For Retina HD: Create Pixel-Perfect Assets For Multiple Scale Factors By Karsten Bruns October 15th, 2014 IconsPhotoshopSVG The 6 Plus is the first iPhone that sports a “Retina HD” display — the sharpest display Apple has ever made. It forces designers …
POP – Prototyping on Paper | Mobile App Prototyping Made Easy.
Stamplay | Create modern apps like never before.. 1. Pick components These building blocks let you get things done. They perform specialized jobs like user management, form creation, sending emails, social networks and other services integrations. Stop reinventing the wheel or messing with tons of everchanging APIs.
What Every App Developer Should Know About Android | Smashing Magazine. In today’s fast-paced mobile market, consumers have no patience for mobile apps that compromise their experience. “Crashes” and “Not working” are the most common feedback on Google Play for unstable or sluggish apps (including games). Those comments and ratings make hundreds of millions of potential downloaders …
What Every App Developer Should Know About Android | Smashing Magazine Read More »
Designer’s guide to DPI. What is DPI and PPI DPI or Dots Per Inch is a measure of spatial dot density initially used in print. It’s the number of ink drops your printer can put in an inch . A smaller DPI yields a less-detailed image. This concept is applied to computer screens under the …
The Prins Willem V, was a 258 foot long steel freighter. It had a cargo of automobile parts, printing presses, twine and band instruments when on Oct. 14, 1954 it ran into an 800-foot tow cable between the tug Sinclair Chicago and the barge Sinclair XII. The cable tore two major holes into the Prins Willem V and it took on water fast.
Mobile Now Accounts for 50.3% of All Ecommerce Traffic — Ecommerce Blog by Shopify. Last week represented the first time in history that more people used mobile phones and tablets to visit online stores
Creating Clickthrough Prototypes With Blueprint | Smashing Magazine. In a previous article, I discussed usingPOP to create sketch-based clickthrough prototypes in participatory design exercises. These prototypes capture well the flow and overall layout of early design alternatives.
THE MOST BEAUTIFUL IOS DESIGN KIT YOUVE EVER SEEN… ALSO HAPPENS TO BE FREE. via TETHR – The Most Beautiful iOS Design Kit Ever Made – by InVision. Clean modern designs match the flat iOS interface
Dribbble – Show and tell for designers. Show and tell for designers What are you working on? Dribbble is a community of designers answering that question each day. Web designers, graphic designers, illustrators, icon artists, typographers, logo designers, and other creative types share small screenshots (shots) that show their work, process, and current projects. Dribbble …
Flaticon a FREE plugin for designers via Download free our new Photoshop plugin.
The largest database of free vector icons via Free vector icons – SVG, PSD, PNG, EPS & Icon Font – Thousands of Free Icons.
Instagram’s Hyperlapse App Turns Videos Into Time-Lapses in 2 Taps Instagram launched an app called Hyperlapse on Tuesday that speeds up shaky videos and turns them into time-lapses. Hyperlapse, which is now available for a free download in the Apple App Store, turns footage stored on your smartphone into time-lapse videos, without requiring pricey tracking rigs that can …
Instagram’s Hyperlapse App Turns Videos Into Time-Lapses in 2 Taps Read More »
Just like in real skateboarding or fingerboarding, Touchgrind Skate 2 is a game of skill that takes less than ten minutes to understand but a lifetime to master. Learn the tricks, complete challenges and achieve trophies to unlock new parks, boards, grip tapes, wheels, stickers and more. Get the highest score in time-limited Competition …
Instagram’s Hyperlapse App Turns Videos Into Time-Lapses in 2 Taps Instagram launched an app called Hyperlapse on Tuesday that speeds up shaky videos and turns them into time-lapses. Hyperlapse,
Just like in real skateboarding or fingerboarding, Touchgrind Skate 2 is a game of skill that takes less than ten minutes to understand
Atom Run Description Atom Run is an action-packed retro-futuristic platform game, in a superb mechanical-dynamic world. Jump, push, run and avoid the many dangers you’ll encounter. Don’t worry
Chicago-based United Airlines on Wednesday introduced to its mobile app the ability to check in for international flights by scanning their passport with a mobile device.
– Chicago Tribune
08.08.2014
United Airlines customers checking in for international flights now can scan their passports via their iOS and Android mobile devices. United says it is the first U.S. airline to add that option.
– USA TODAY
08.07.2014
Even if you can check in online, you still have to show your passport somewhere at the airport if you’re flying international. United Airlines wants to do away with that step, though, so the company has updated its iOS and Android app with the capability to scan passports on your own.
– Engadget
08.07.2014
United Airlines Launches Mobile App Passport Scanning. New feature enables more customers to check in for international flights on mobile
– The Wall Street Journal
08.06.2014
A Closer Look At Personas: What They Are And How They Work Part 1 | Smashing Magazine in my experience as an interaction designer, I have come across many strategies and approaches to increase the
Create an RSS-Driven Campaign | MailChimp.com. Create an RSS-Driven Campaign When you create an RSS-Driven campaign in MailChimp, you can use our automagically formatted merge tags to pull
New PhotoCard App lets users create greeting cards using their own photos and can be picked up at their local Walgreens and Duane Reade.
The Northerner is an 81 foot long, two masted schooner. It shipwrecked on November 29, 1868 five miles southeast of Port Washington, Wisconsin. The bottom of the ship currently lies under 135 feet of water. The ship remains fairly intact although the pilothouse blew off when the ship wrecked.
http://www.zensorium.com/tinke/ http://www.fiftythree.com/pencil https://www.spotify.com/us http://www.rdio.com http://www.albinotonnina.com http://www.newflyingspur.bentleymotors.com/en/serene_interior http://www.bizbrain.org/coffee/ http://www.brooklynbridgepark.org http://muse.adobe.com http://www.danielspatzek.com http://www.liplover.ca http://www.flyjetedge.com http://ournewplanes.ba.com/en http://grovemade.com
Apple on Hamburger Menus. Apple on Hamburger Menus June 30, 2014 Mike Stern, Apple User Experience Evangelist in Designing Intuitive User Experiences – 211 WWDC 2014 session (at 31’ 57″): But I feel like I would be remiss If I didn’t use this opportunity to talk with you about hamburger menus. AKA Slide out menus, AKA sidebars, AKA …
he Milwaukee Car Ferry is a 325 foot car ferry that sank off from Whitefish Bay on October 22, 1929. Gale force winds rocked the ship, causing the railroad cars she was carrying to leave their tracks and roll into the seagate. The seagate was bent, which allowed water to enter the vessel and sink her. All 52 crew members lost their lives in the accident.
Source: Color Theory: Brief Guide For Designers. – UX Planet Color Theory: Brief Guide For Designers. Many people think the choice of colors for UI mostly depends on the designer’s taste and sense of beauty. However, the process of the color selection is more complicated than it seems and plays a significant role in design. …
Color Theory: Brief Guide For Designers. – UX Planet Read More »
Page Layers is a website screenshot app for Mac OS X. It converts web pages to Photoshop files with separate layers for all page elements. It enables you to open web pages in Photoshop and saves you
This 189 foot Hawaii shipwreck rests in 123 feet of water, it is the deepest recreational scuba diving shipwreck in Honolulu, Hawaii. This Hawaii shipwreck offers penetration through its cargo holds, inner cabins, engine room, narrow passageways, and stairwells of the ship.
Lifeless mockups don’t tell the entire story, but you don’t have time to build a prototype. We’ve been there, too. MartianCraft’s clients are some of the most demanding companies in the world. Your
Luke Wroblewski talkes about designing components with the mobile first principle in mind. [youtube_sc url=”https://www.youtube.com/watch?v=xWInGelLGN8″]
Fabio Carneiro — Email & User Experience Design — Atlanta, GA.
INTERFACE DESIGN BOOTCAMP Whether you are designing a Web app or a website, following best practices and standard design methodologies will always help ensure your interfaces are usable and engaging. In
Is it possible to build smooth, fast, app-like experiences in the browser without sacrificing the benefits in reach and accessibility that a standard approach provides? Yes… but getting there can be a bumpy road. In this talk, Scott will share some problems encountered, lessons learned, and battles won in the process of chasing the …
Scott Jehl, Web Designer/Developer, Seagrove Beach, Florida, USA Read More »
Heres what Apples iCloud Drive will cost you, compared with its competition via Heres what Apples iCloud Drive will cost you, compared with its competition – CNET.
Transition to ‘3x’ iPhone 6 at 1704 x 960 Likely Smoother Than Move to Retina With an expected transition to a larger screen on the iPhone 6, MacRumors forum member pgiguere1 has taken a look at how
United Airlines iOS update lets passengers watch TV and movies directly through its app – The
– The Verge
05.08.2014
This site details all standards & guidelines for developing and delivering products and services for BBC online (bbc.co.uk). Browse BBC standards for BBC online from the left-hand menu. Source: BBC – Future Media Standards & Guidelines – Home Page
BBC GEL BBC (Global Experience Language) guidelines Source: BBC – GEL (Global Experience Language)
Understanding CSS Timing Functions | Smashing Magazine. Understanding CSS Timing Functions People of the world, strap yourself in and hold on tight, for you are about to experience truly hair-raising OK,
United Airlines app updated with Android-style UI and new features.
– Android Central
04.09.2014
8 Apps to Turn Your Pipe Dreams Into Prototypes via 8 Apps to Turn Your Pipe Dreams Into Prototypes.
PIXARS MOTTO: GOING FROM SUCK TO NONSUCK via Pixars Motto: Going From Suck to Nonsuck | Fast Company | Business + Innovation.
There’s no need to bust out a physics textbook to make your iOS 7 app’s views animate like real-world objects. With iOS 7’s new Dynamics API, views can be influenced by gravity, attached to each other with springs, and bounced up against boundaries and each other. via Getting Your App Ready For iOS 7s New …
Getting Your App Ready For iOS 7s New Dynamic Interactions | Smashing Mobile Read More »
As UX professionals, we often lead design exercises with our stakeholders, including immediate team members and external clients. In these brainstorming sessions, participants identify opportunities to improve the design, thereby aligning everyone’s vision and expectations of the project. via Building Clickthrough Prototypes To Support Participatory Design | Smashing UX Design.
TimelineJSBeautifully crafted timelines that are easy and intuitive to use. via Timeline JS – Beautifully crafted timelines that are easy, and intuitive to use..
How Walgreens Digital Division transformed the 8,000-location retailer into a nimble digital innovator via How Walgreens Digital Division transformed the 8,000-location retailer into a nimble digital innovator | Built In Chicago.
The Walgreens app, which is available across every major platform, drives about 40 percent of Walgreens digital traffic and has gained the most fame for its Transfer Prescriptions, Refill by Scan (which processes more than one prescription every second!) and QuickPrints functionalities.
– Built in Chicago
03.04.2014
Following this mornings announcement from Apple that it will officially begin rolling out its “CarPlay” iOS vehicle integration with Ferrari, Mercedes-Benz and Volvo on board as the first launch
A three-quarter perspective iPhone 5S vector mockup in gold, white and black. Scalable vector shape iPhone 5S psd with smart layers to drag and drop your design with ease. via 3-4 iPhone 5S Psd Vector Mockup | Psd Mock Up Templates | Pixeden.
HOW SMARTPHONES ARE CHANGING CONSUMERS’ DAILY ROUTINES AROUND THE GLOBE MOBILE | 02.24.2014 Smartphones are beginning to transform how we engage in our everyday lives. Only a few years ago, they were still the minority of mobile phones around the globe, but already they’re beginning to transform how we engage in our everyday lives. Today, …
How Smartphones are Changing Consumers’ Daily Routines Around the Globe Read More »
The essential secret to successful user experience design For many, user experience design is about creating interfaces that are easy for users to understand and navigate. However, this isn’t what lies at the heart of a good user experience. via The essential secret to successful user experience design.
A Five-Step Process For Conducting User Research via A Five-Step Process For Conducting User Research | Smashing UX Design.
A free design prototyping toolkit for Quartz Composer.Most designers today create static mockups to communicate app ideas. But increasingly apps are anything but static, which means as designers we need a better tool for interaction design.Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t …
Origami – Design prototyping with Quartz Composer Read More »
Swift is an innovative new programming language for Cocoa and Cocoa Touch. Writing code is interactive and fun, the syntax is concise yet expressive, and apps run lightning-fast. Swift is ready for your next iOS and OS X project — or for addition into your current app — because Swift code works side-by-side with Objective-C. …
Make your mockups come alive!Napkee will let you export Balsamiq Mockups to Twitter Bootstrap at a click of a button. via Napkee – make your mockups come alive.
Fairy Tale for Founders: Disney Launches Startup Accelerator Program via Fairy Tale for Founders: Disney Launches Startup Accelerator Program.
Animate.css Just-add-water CSS animations via Animate.css.
Facebook Announces Paper, A Curated Visual News Reader Launching Feb. 3 On iOS | TechCrunch.
No matter what platform you build on, or who your audience is, Amazon has tools and services for you. Click on one of the topics below to get started, or, if you have questions or want to go straight to submitting an app, start here. via Getting Started – Amazon Apps & Games Developer Portal.
A Monday report from Japanese business newspaper Nikkei claimed Nintendo is planning unveil an iOS app to market content for its Wii U and 3DS, with the app allegedly featuring information about new games from Nintendo and the mobile initiative potentially also including playable demos of console and handheld games. In a statement provided to …
Nintendo Denies Report of Plans to Release Demo Games on iOS – Mac Rumors Read More »
PenultimatePenultimate is the original and easiest-to-use handwriting app for iPad that combines the natural experience of pen and paper with the flexibility and syncing of Evernote. Lose the paper, keep the handwriting, and remember everything.Get Penultimate for iPadSee what’s new in Penultimate via Penultimate | Evernote.
Design Organized Websites Rapidly with 960 Grid. Justyn Hornor Design Organized Websites Rapidly with 960 Grid In this article, I will discuss the power of 960 and show you how to create a 12-column layout (or other size if you want) so you can hit the ground running with grid systems. I have a fully …
The Golden Grid A complete grid system for super fast wireframing and visual design. via The Golden Grid – A complete grid system for super fast wireframing and visual design.. Based on the 960 Grid System. Download the Golden Grid 1.0.zip (3.3mb)what’s in the package? What it is The Golden Grid adds the horizontal guides …
The Golden Grid – A complete grid system for super fast wireframing and visual design. Read More »
Luke Wroblewski LukeW is an internationally recognized digital product leader who has designed and built software used by more than one billion people worldwide. http://www.lukew.com/about/
Up On The Wall: How Working Walls Unlock Creative Insight via Up On The Wall: How Working Walls Unlock Creative Insight | Smashing UX Design.
The Lean UX Manifesto: Principle-Driven Design via The Lean UX Manifesto: Principle-Driven Design | Smashing UX Design.
United Airlines Launches All-New Mobile App for iOS 7App offers customers new features, improved design and functionality via United Airlines Launches All-New Mobile App for iOS 7 – MarketWatch.
4 Reasons Why Apple’s iBeacon Is About to Disrupt Interaction Design via 4 Reasons Why Apples iBeacon Is About to Disrupt Interaction Design | Wired Design | Wired.com.
Screen size calculator Screen Sizes.
Heres A Problem With The Theory That Android Is Taking Over The World via iOS-Android Shopping Traffic – Business Insider.
Blueprints For Web And Print: Specctr, A Free Adobe Illustrator Plugin via Blueprints For Web And Print: Specctr, A Free Adobe Illustrator Plugin | Smashing Magazine.
United Airlines has introduced a new mobile app specifically intended for the iOS 7 platform on Apple iPhone and iPad devices. United (NYSE: UAL) said the new app has a touch-friendly design with easier and quicker functionality.
– Chicago Business Journal
11.15.2013
THE RUNDOWN We are now living a multi-screen world. With the web at our fingertips, shoppers from Singapore to South Africa are finding and purchasing products in completely new ways. To learn more about these changing behaviors, we studied consumers around the globe in 2013 to understand what role has the smartphone in the consumer …
Mobile in the Purchase Journey – Think with Google Read More »
Mobile users have high expectations. Two out of three shoppers expect pages to load in four seconds or less on their smartphones (and three seconds on their tablets). Google recently raised that bar
38% of Children Under 2 Use Mobile Media, Study Says via 38% of Children Under 2 Use Mobile Media, Study Says.
A phone only lasts a couple of years before it breaks or becomes obsolete. Although it’s often just one part that killed it, we throw everything away because it’s almost impossible to repair or upgrade. via Phonebloks.
Why Designers Should Never Go to a Meeting Without a Prototype via The importance of prototyping: Creative Confidence by Tom and David Kelley..
Eight Bit Studios | Chicago mobile app development : design, user experience, frontend development, and ruby on rails.
Punchkick Interactive is a one-stop, meet-any-deadline, won’t blow-the-budget, must-impress-your-boss, best-in-the-business, mobile marketing powerhouse
n the last several years, we’ve seen a rapid shift in software and app interface design, from 3-D and skeuomorphic to flat and minimal. Although this trend has become nearly ubiquitous, let’s take a moment to consider how we got here and what influence it’s having on interface design as a whole. Additionally, I’ll share …
10 Super Useful Free Flat UI Kits via 10 Super Useful Free Flat UI Kits | Freebies.
An Event Apart runs from 9:00am–5:30pm and features six sessions per day. There’s a lot to cover, so the event starts promptly each morning. via For Attendees Only: Secret Slides Page, An Event Apart Chicago 2013.
PresentationsLukeW is consistently a top-rated speaker at Web conferences and companies around the world. via LukeW | Presentations on Digital Product Strategy & Design.
IcoMoonCustom Built and Crisp Icon Fonts, Done Right via ❍ IcoMoon.
The Psychology of Color Color plays a major role in our visual perceptions and our reactions to things. This infographic provides information for how graphic designers should use color and which color are
10 Awesome Infographics for Graphic Designers – StumbleUpon. As a graphic designer, you’ve probably designed at least a few infographics for your clients – or even for fun. You can create (and sell)
Fragmentation is both a strength and weakness of the Android ecosystem. When comparisons are made between Android and iOS the issue of different API levels, and the vastly different devices running them, is often emphasised. In this report we examine the extent of Android fragmentation and analyse its impact on both users and developers. via …
Android Fragmentation Report July 2013 – OpenSignal Read More »
Databoard for Research Insights THE RUNDOWN Need some stats for a presentation? You shouldn’t have to go data mining. We’ve created this interactive tool to help you quickly find what you need from our vast archives of industry-leading research. It’ll even help you tell a story from the stats, turning selected charts and data points …
Databoard for Research Insights – Think Insights – Google Read More »
The recently popularized “flat” interface style is not merely a trend. It is the manifestation of a desire for greater authenticity in design, a desire to curb visual excess and eliminate the fake and the superfluous. via Authentic Design | Smashing Magazine.
COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles… All in the spirit of love. via Color Trends + Palettes :: COLOURlovers.
The psychology of color as it relates to persuasion is one of the most interesting—and most controversial—aspects of marketing. The reason: Most of today’s conversations on colors and persuasion consist of hunches, anecdotal evidence and advertisers blowing smoke about “colors and the mind.” To alleviate this trend and give proper treatment to a truly fascinating …
The Psychology of Color in Marketing and Branding | Help Scout Read More »
PortKit: UX Metaphor Equivalents for iOS & Android via PortKit: UX Metaphor Equivalents for iOS & Android.
Moovweb.
Free Printable Sketching, Wireframing and Note-Taking PDF Templates | Smashing Magazine.
Infographic: How Mobile Is Transforming the Shopping Experience in Stores THE RUNDOWN Mobile is empowering shoppers and changing how retailers think about their business. According to this new research, done in conjunction with Google Shopper Marketing Agency Council and M/A/R/C Research, most mobile shoppers are using their phones both before heading to the stores and …
Smartphones are changing the retail landscape. They help us research, compare, and purchase products not just online, but also in stores. In fact, 84% of smartphone shoppers use their phones while in a physical store. This study, done in conjunction with the Google Shopper Marketing Agency Council and M/A/R/C Research, seeks to uncover the role …
How Mobile Is Transforming the Shopping Experience in Stores – Think Insights – Google Read More »
Introducing iOS 7 GUI PSDEager to start prototyping your next iOS 7 app? Wait no more! Today we would like to share a first version of our iOS 7 GUI PSD with all the designers and developers who are already working on iOS 7 like we are. via Applidium — Introducing iOS 7 GUI PSD.
Hey there! I’m writing a book called Atomic Design, which is all about crafting effective interface design systems. You can read the latest draft here and support the project by preordering the book. Thanks! brad frost web blog speaking contact Atomic Design Hey there! I wrote a book called Atomic Design that dives into this …
App Acquisitions Apptopia.
Apple iOS7 Apple – iOS 7.
Designing forms best practices Luke Wroblewski via Best Practices for Form Design.
What’s this? It’s a collection of PSDs with predetermined grids for common design scenarios. Each template contains a columnar grid defined with guides and overlays. All of the templates use a 12-unit grid, except for the email template, which uses an 8-unit grid. Imitating responsive layouts, units and gutters increase in size (approximately) as the …
WHY IS FACEBOOK BLUE? THE SCIENCE BEHIND COLORS IN MARKETING via Why Is Facebook Blue? The Science Behind Colors In Marketing | Fast Company | Business + Innovation.
UI kits are a brilliant way to use pre-made UI elements for a website or app. If you’re not great at design but have the required coding skills UI kits can be a great way to make sure your app or website looks appealing. Of course any designer can also use UI kits to use …
Download via Skala Preview, a Mac app by Bjango.
The Windows Phone Store badge provides official branding assets to help you market your Windows Phone app, and help your customers find it. via Download Windows Phone Store Badge from Official Microsoft Download Center.
Everybody is talking about mobile. Some e-commerce sites are venturing into it. The potential for m-commerce is enormous: ComScore predict the number of mobile users online will surpass desktop users online in 2014, while eMarkter reported an industry wide 81% growth rate in mobile sales from 2011 to 2012 $25 billion and forecasts it to …
Andrew Tidy, Walgreens director of mobile creative and user experience, will be accepting the award on behalf of his team this week. Tidy also led the Walgreens mobile team to win an Appy Award at SXSW this March for the best retailer app. via Walgreens to Accept Third Webby Award This Week | Built In …
Walgreens to Accept Third Webby Award This Week | Built In Chicago Read More »
Andrew Tidy, Walgreens director of mobile creative and user experience, will be accepting the award on behalf of his team this week. Tidy also led the Walgreens mobile team to win an Appy Award at SXSW this March for the best retailer app.
– Built in Chicago
May 20th, 2013
Windows phone PSD files
3/4 View iPhone 5 Psd Vector Mockup | Psd Mock Up Templates | Pixeden.
Providing The Best Mobile User Experience Possible via A Client- And Server-Side Approach — Providing The Best Mobile User Experience Possible | Smashing Mobile.
Target Teams Up With Facebook For Deals You Can Share via Target Teams Up With Facebook For Deals You Can Share | Digital – Advertising Age.
New Look, New Purchase Flow in Google Play Posted by Purnima Kochikar, Director of Business Development, Games & Applications Today we announced that a new version of the Google Play Store app is rolling out worldwide to Android phones and tablets. This new app brings a redesigned UI that’s easier to use and showcases more …
New Look, New Purchase Flow in Google Play | Android Developers Blog Read More »
Here are four cards with the best rewards:1. WalgreensThe Walgreens Balance Rewards program works on points. You get points for buying different weekly deals online or in-store, or filling a prescription. Accumulated points earn gift certificates: via The 4 Best and 3 Worst Customer Loyalty Cards – Yahoo! Finance.
Google Forks WebKit And Launches Blink, A New Rendering Engine That Will Soon Power Chrome.
There are 3,997 different Android devices. Your navigation should work with all of them. C-Swipe can help: It is an alternative navigation pattern for tablets and mobile devices that is novel, ergonomic and localized. via Navigation Fragmentation On Android | Smashing Mobile.
Shutterstock introduces Spectrum, a breathtaking new way to explore millions of licensable photos by color. Introducing Shutterstock Spectrum! from Shutterstock on Vimeo. Spectrum – Shutterstock
Walgreen Company : Walgreens App Updates Provide Users with the Ability to Print from Instagram | 4-Traders.
Android Carousel Design Pattern: The Definitive Guide | Smashing Mobile. One of the best patterns for browsing a small collection of featured products is the carousel. Unfortunately, many mobile app implementations do not offer an engaging or satisfying carousel experience and are not effective at driving conversions.
Designing A Better Mobile Checkout Process via Designing A Better Mobile Checkout Process | Smashing UX Design.
Design resources for Windows Phone via Design resources for Windows Phone.
Handcrafted pixel perfect icons tailored for the Modern UI style. Each and every icon is carefully crafted in Expression Design with vector in mind. Now hosted on GitHub finding new icons and tracking your requests is easier than ever. via Modern UI Icons.
The key to Walgreens and CVS’ strong performance is that each provides an app with immediate actual utility, says Jeremy Black, Xtreme Labs’ director of retail. Users can manage their pharmacy prescriptions such as fill out rapid refills, find deals on products, and make orders that they can then pick up in their local store. …
The Surprising Retail Winner In Mobile Apps – Forbes Read More »
Bringing Order to Loyalty Cards, E-Tickets and MoreBy J. D. pple’s Passbook app, which arrived last September, was supposed to make life easier by storing digital versions of customer loyalty cards, airline boarding passes and electronic movie tickets in one place on the iPhone or iPod Touch. via Lighten Your Key Chain or Wallet With …
Lighten Your Key Chain or Wallet With Passbook – NYTimes.com Read More »
Use the drag and drop feature to find just the shades you’re looking for. Whether you want to fight dark circles, shop paraben-free, enhance your curls or lengthen your lashes, it’s easy to narrow your search to find exactly what you need. Explore new looks, picks and insider trends from some of beauty’s best brands and top stylists.
Study Shows iPhone More Reliable Than Samsung Smartphones via Study Shows iPhone More Reliable Than Samsung Smartphones.
Galaxy S4 will incorporate Visas mobile payment programSamsung is the premiere partner for Visas recently announced Visa Ready Partner Program. via Galaxy S4 will incorporate Visas mobile payment program | Mobile World Congress – CNET Reviews.
Webscape: Make your own phone app via ▶ BBC News Channel – Click, 23/02/2013, Webscape: Make your own phone app.
If there is one theme that will be the topic of digital business this year, it is mobile.ComScore, which tracks Web and mobile usage, published a report about what happened in 2012, and what to expect in 2013.It shows that the effects of a movement toward mobile are everywhere, from shopping to media to search. …
Tech Predictions for 2013: Its All About Mobile – NYTimes.com Read More »
We have the prescription for all your app analysis headaches! Fast and pain free relief: apptrace is the fastest app analysis service! Built by developers for developers. apptrace is maintained by an exceptional team of developers with extensive mobile experience. Giving you exceptional data, to further your business intelligence in the apposphere. It is the …
Users expect apps to work flawlessly – first time, every time. Go beyond simple download counts and star ratings to understand users in a deeper way. Win users, earn loyalty and pummel the competition
You love Photo Books.They’re a great gift for family& friends.You love your Facebook photos.Kids, family, weddings and birthdays. via Winkiwoo – Turn your Facebook photos into your very own photobook!.
Rapid, Interactive Prototyping for Your Web, Desktop, and Mobile AppsThe newest design tool from the leaders in UX, Indigo Studio lets you quickly and simply explore and create functional, animated UI prototypes while maintaining the focus on user experience at every step. via Indigo Studio – Interaction Design Tool.
This section explains our guidelines regarding the use of Facebook’s logos and other trademarks. Many of our brand assets are listed below so you can easily find the information you need. If use of a brand asset listed below is permitted, we explain the conditions for the permitted use and provide self-service instructions. Any use …
Instagram API trademark and brand guidelinesPlease find the Instagram trademark and brand guidelines below. For examples of products that have been built on our API, please see this article.You are not allowed to use the word “Instagram”, “IG” or any variation in your product name, domain name, or images.You are not allowed to use the …
Instagram API trademark and brand guidelines | Instagram Help Center | Facebook Read More »
With advertisements touting the benefits of LTE and “4G” speed, the introduction of shared data plans, and the continued growth of smartphone ownership, the 2012 mobile landscape is clearly focused on data performance. Halfway through the year, RootMetrics had visited 75 markets,i tested coverage across nearly 100,000 miles within those cities, and performed almost 500,000 …
Seven potential downsides from using responsive design | Econsultancy.
23 Awesome & Free Social Media Icons – Twitter, Facebook, Google+ | Tutvid.com.
40 Sets of Free Social Media Icons via 40 Sets of Free Social Media Icons | Vandelay Design Blog.
PUT APPS TO WORK FOR YOU … How to share photos with great-grandparents who do not use e-mail, much less Instagram? Download the Walgreens app. It lets you upload photos from your phone and pick up prints an hour later.You can also use it to make a shopping list, because you cannot trust your baby …
Apps and Other Digital Tools Lend a Hand to New Mothers – NYTimes.com Read More »
Towards A Retina Web | Smashing Coding. CSS standards for media query
Designing websites for smartphones is easy compared to retrofitting those already in place. More than that, it’s embarrassing how, almost eight years after CSS gained practical acceptance, a lack of foresight haunts those of us who write HTML. via Preparing Websites For The Unexpected | Smashing Mobile.
PlaceIt by Breezi – Generate Product Screenshots in Realistic Environments.
Today we are pleased to feature Gemicon, a set of over 600 original high-quality icons in resolutions of 16 × 16, 32 × 32 and 64 × 64 pixels. This set has been designed by Turqois and is being released to the design community. via Freebie: Gemicon Icon Set 600 PNG Icons + PSD Source.
Free & Premium Design Elements For Creating Infographics – Blog of Francesco Mugnai.
How To Create Outstanding Modern Infographics via How To Create Outstanding Modern Infographics | Vectortuts+.
Palettes :: COLOURlovers.
10 of the very best ecommerce wordpress themes for the 2012 – Blog of Francesco Mugnai.
Cruise Control App Matches Music With Your Running Pace.
Introducing Mobile Grader | How Does My Website Perform On Mobile? | In Transit.
There is no arguing that mobile will grow dramatically over the next coming years. Our phones are already extremely powerful and can easily handle heavy tasks while on the fly. Web designers have to make sure that your favorite websites adapt to multiple screen sizes and provide you with a stellar user experience regardless the …
Responsive Design vs Server-Side Solutions [Infographic] | inspirationfeed.com Read More »
Multiplatform Layout Considerations for Mobile Apps – Part 1Posted by Jeff Steffgen November 30th, 2012Designing across multiple platforms can be tricky business, but in the case of mobile applications it can often become a designer’s worst nightmare. Supporting cutting edge high-resolution tablet screens in tandem with ancient, and much smaller, legacy phone screen sizes can …
Multiplatform Layout Considerations for Mobile Apps – Part 1 | SuperConnect Read More »
About apptrace Apptrace gives you complete access to discover the app economy. You can pick the relevant categories that you are interested in and get the top ranked in that list of interest. You can see what is the most popular in that week. via apptrace | app store intelligence.
The infographic points out that this holiday season, shoppers plan to spend between $92 and $96 billion online, which amounts to $421 per customer and 12% more online shoppers than last year. In 2011, there were 81 million Black Friday shoppers and 123 million Cyber Monday shoppers Of Millennial shoppers, 45% say they’ll prioritize brands that are on sale over their “preferred brands.” 78% …
Infographic: 5 Online Shoppers Shaping Holiday 2012 | The eTail Blog Read More »
Walgreens Adds Aviary’s Photo-Editing Features To Its Mobile Apps, Lets You Edit And Filter Photos Before Printing To Walgreens | TechCrunch. Walgreens Adds Aviary’s Photo-Editing Features To Its Mobile Apps, Lets You Edit And Filter Photos Before Printing To Walgreens Walgreens is today updating its mobile applications to include the Aviary mobile SDK, which will …
Top Smartphones – Compare Phone Reviews | VentureBeat.
Broadway.com iPad App Case Study.
Walgreens is gearing up for holiday shoppers by updating its mobile application, including adding a Black Friday instant mobile coupon so customers can save in-store on Starbucks products. via Walgreens
Walgreens has partnered with Starbucks in a Black Friday mobile couponing initiative—which includes a touch of gamification—showing off some of the back-end work the pharmacy and grocery giant has been busy with for the last year.Around this point in 2011, Walgreens upgraded the scanners in its 8,000 stores to bring coupons and smartphones together, while …
Walgreens and Starbucks Go Mobile for Black Friday | Adweek Read More »
Walgreens (NYSE: WAG) (Nasdaq: WAG) is introducing for the first time via the Walgreens mobile app a mystery Black Friday mobile coupon that customers can access for instant, in-store savings. Walgreens also has introduced the latest updates to its mobile app, providing more features and functionality for users. These updates allow for more personalized and …
How will mobile play a role in Black Friday for Walgreens? This Black Friday, people will be entering our stores armed with their smartphones. We’ve got a new version of our mobile app where we can draw people into the store now, using limited-time events, meaning a limited-time offer. [Think: come into the store within …
Walgreens Bets on Mobile for Black Friday | Digiday Read More »
Display Comparison: Apple iPhone 5 vs Samsung Galaxy S III vs HTC One X vs Nokia Lumia 900.
Platform Versions This page provides data about the relative number of active devices running a given version of the Android platform. This can help you understand the landscape of device distribution
Android powers millions of phones, tablets, and other devices in a wide variety of screen sizes and form factors. By taking advantage of Android’s flexible layout system, you can create apps that gracefully scale from large tablets to smaller phones. Be flexible Stretch and compress your layouts to accommodate various heights and widths. Optimize layouts …
Display Main Display Resolution 1280 x 720 Pixel Main Display Size 4.8″ Main Display Technology HD Super AMOLED™ via Specs – AT&T Cell Phones SGH-I747 | Samsung Cell Phones.
Putting data speeds in context: a 3G vs 4G LTE infographic | RootMetrics.
There are quite a few factors affecting your business that can be improved by focusing more acutely on an improvement of your customer experience. This infographic from Monetate talks about how your
BREAKING HEXADECIMALS INTO MANAGEABLE BYTESPixels on back-lit screens are dark until lit by combinations of red, green, and blue. Hex numbers represent these combinations with a concise code. That code
The books’s target audience is developers and designers alike. Designers will be able to get a good overview of the available components and implementation approach of advanced Android UI components.
Unless you’re developing completely new products at a startup, you likely work in an organization that has accumulated years of legacy design and development in its products. Even if the product you’re
Today we are happy to release two printable UX sketching and wireframing templates, designed by Pixle for Smashing Magazine’s readers. This article presents Outline, a set of sketching and wireframing
Outline is a set of 28 printable sketching and wireframing papers (in PDF) for seven mobile platforms: Android, BlackBerry, iOS (iPad and iPhone), Meego, Symbian, webOS, Windows Phone 7. The set consists
How many times have you started reading an email on your phone while commuting, and then continued it on your laptop when you got home? Or perhaps you saw a commercial for a new car and then used your
Top 100 Grossing E-Commerce Sites A usability benchmark of all 100 checkout processes ranked by checkout user experience Top 100 Grossing E-Commerce Sites Ranked by Checkout Usability – Baymard Institute.
Further evidence of what we have been saying all along about using caution with HTML 5. The experience suffers greatly with inappropriate usage. However on the bright side when used wisely it can be a
Why Facebook Ditched the Mobile Web & Went Native With its New iOS App.
Separate Mobile Website Vs. Responsive Website | Smashing Mobile. The US presidential race is heading into full swing, which means we’ll soon see the candidates intensely debate the country’s hot-button
Smashing Magazine. With the recent announcement and release of the Retina Macbook Pro, Apple has brought double-density screens to all of the product categories in its current lineup, significantly
Designing For Android: Tips And Techniques | Smashing Mobile. Android is an attractive platform for developers, but not all designers share our enthusiasm. Making an app look and feel great across hundreds
Companies and brands interested in Sonic technology should have mobile apps. Installing the Sonic Notify technology into said app is simple. All clients have to do is install Sonic’s SDK — a software
Comprehensive List of New iOS 6 Features. Comprehensive List of New iOS 6 Features Apple unveiled their much awaited next generation mobile operating system – iOS 6 at last week’s WWDC
Here’s What’s New In iOS 6 Beta 4 [Updatedx8].
Nuance takes Siri down to the app level with new voice assistant — Mobile Technology News. Nuance Communications has been speech-activating anything with a user interface lately, from TVs to cars
With pixel snapping off, Photoshop’s nudging behaviour is similar to how it was previously — nudging is connected to the zoom level. If you’re zoomed to 100%, then nudging will move one pixel. If
Industry support is growing behind Mozilla’s plans to launch a new fully open mobile ecosystem based on HTML5. The operating system, which Mozilla today confirmed will use its Firefox brand, will power
Apple’s Incredible Attention To Detail In iOS 6 Means Slider Reflections Change As You Tilt Your Device via Apple’s Incredible Attention To Detail In iOS 6 Means Slider Reflections Change As You
Device-Agnostic Approach To Responsive Web Design | Smashing Coding. This is a different take on Responsive Web design. This article discusses how we can better embrace what the Web is about by ignoring
5 Awesome Experimental Typefaces. Nearly every designer shares a strong love for typography. Many will never become type designers, or even dedicated typographers, but somehow we all lust for the details
What I love about macro photography is that it allows us see an entirely different world that is filled with an abundance of detail that usually goes unnoticed by the naked eye. Macro photography, simply
This article explain how to reset the mbolie me sync services, a common issue. Mac OS X: Resetting the SyncServices folder Products Affected Mac OS X 10.5, Mac OS X 10.6, MobileMe, iSync Symptoms You
Ten Things To Think About When Designing Your iPad App – Smashing UX Design | Smashing UX Design. Like most well-designed things, the magic of an iPad app comes from a union of usefulness, usability
iScroll 4. Great solution for mobile web inline scrolling.
Android Design – Welcome Welcome to Android Design, your place for learning how to design exceptional Android apps. Ice Cream Sandwich (Android 4.0) marks a major milestone for Android design. We
Android.com | Brand Guidelines.
Device Experiences & Responsive Design – Facebook Developers While the task of designing Web applications and sites for multiple devices can be daunting, two techniques can make the process more
What is the secret to driving app downloads? – Email – Mobile Marketer. Mobile is increasingly playing a role in email marketing, but brands need to think outside of just optimizing emails for devices
Downloads | Teehan+Lax. Collection of GUI files more mobile design
LensCrafters redesign video reel.
iOS 4 Fonts Poster I was wondering what the currently supported fonts for the iOS 4 devices are and therefore put together a simple app that lists and displays all of them in a table view. For a convinient
Shadowbox.js. Shadowbox is a web-based media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly
In the following tutorial you will learn how to use text and the Round Any Corner script to create a simple sticker effect. This effect can be applied to a variety of graphics, including shapes and symbols. Let’s get started! Source: Quick Tip: How To Create a Simple Sticker Text Effect – Envato Tuts+ Design …
CSS Font-Size: em vs. px vs. pt vs. percent / Kyle Schaeffer. CSS Font-Size: em vs. px vs. pt vs. percent One of the most confusing aspects of CSS styling is the application of the font-sizeattribute for text scaling. In CSS, you’re given four different units by which you can measure the size of text as …
CSS Font-Size: em vs. px vs. pt vs. percent / Kyle Schaeffer Read More »