Design Principles To Evaluate Your Product


  

A company proves that it has a strong creative process by developing successful products repeatedly. We see this in companies like Apple, BMW and Google. Founders such as Steve Jobs formed a corporate culture with an intense focus on creativity and design. This culture highlights two core elements in the creative process: the ideas and the team.

Product design preview

The creative process can be described in one sentence: Ideas begin with a small team of creative people at the heart of the company who communicate easily with each other.

The post Design Principles To Evaluate Your Product appeared first on Smashing Magazine.

Powered by WPeMatico

How to Get a Logo Accepted: Eight Steps To a Better Design Workflow


  

As logo and brand designers, our work starts long before the first concept sketches, and finishes long after the last perfectly placed pixel. Our work requires so much more than just creative ideas and technical skills — it compels us to be a marketer, strategist, psychologist, salesperson, showman and project manager at the same time. It’s difficult, but it’s also exciting and challenging!

A Logo Design Workflow

The goal of my article is to help you rethink your (logo) design workflow. Some of these tips are mine, others are borrowed from world-famous designers. All these tips and tricks are tested and proven, and are tailored to improve your workflow for (re)branding projects.

The post How to Get a Logo Accepted: Eight Steps To a Better Design Workflow appeared first on Smashing Magazine.

Powered by WPeMatico

Approaches For Multiplatform UI Design Adaptation: A Case Study


  

There is no winner in the battle between iOS and Android, and we all know that. If a product succeeds on one platform, it will undoubtedly be ported to the other. Sometimes app developers don’t even bother waiting, and release apps for both platforms simultaneously. For designers this means only one thing — they will have to adapt an application’s UI and UX to another platform while ensuring a consistent design language across the product.

Three Approaches For Multiplatform UI Design Adaptation: A Case Study

There are three different scenarios for UI multiplatform adaptation: retaining brand consistency; aligning with the conventions specific to the platform; and seeking a balance between the two. We decided to analyze these three approaches by looking at the most popular apps out there so that you get some insight into what method might work best for you.

The post Approaches For Multiplatform UI Design Adaptation: A Case Study appeared first on Smashing Magazine.

Approaches For Multiplatform UI Design Adaptation: A Case Study
http://www.smashingmagazine.com/2015/09/approaches-for-multiplatform-ui-design-adaptation/
http://rss1.smashingmagazine.com/feed/
Smashing Magazine
For Professional Web Designers and Developers

Powered by WPeMatico

Web Development Reading List #119: Bulletproof Third-Party Content and Progressive Applications


  

I wish you a happy New Year! But although we write another number now — 2016 — your habits and goals won’t change overnight. That is why I’m not convinced of New Year’s resolutions. You should have goals, resolutions and you should try to improve yourself.

SpaceX, the space company by Elon Musk, has created some beautiful posters, advertising traveling to Mars as a tourist destination.

But bear in mind to make these goals reasonable, actually achievable for you, and re-iterate in smaller periods than just once a year. I think that works way better than having one large resolution and then feeling bad because, of course, you failed to reach your big goal. Make the small things count and improve in small steps!

The post Web Development Reading List #119: Bulletproof Third-Party Content and Progressive Applications appeared first on Smashing Magazine.

Powered by WPeMatico

Web Development Reading List #121: The Illusion Of Completeness, Client Hints, CSS Subgrids


  

Over the last two weeks, I had the chance to review about eighty job applications for a front-end position. The position requires strong JavaScript knowledge, but it also requires HTML and CSS. And here’s a thing: nearly no one could show off substantial markup skills, not to talk about accessibility.

Anatomy of a web app attack.

Although I only had the chance to review their personal websites or GitHub profiles and this might of course not be a full show-off of their knowledge, it assured my lately developed opinion on web developers. Many are not able to choose the right HTML elements, to explain why and how a clearfix works, or what ARIA roles are for, but they can use React and Angular. If you got some spare time over the next weeks, learn semantics and re-read the basics (or specs if you like the challenge) of HTML and CSS from time to time.

The post Web Development Reading List #121: The Illusion Of Completeness, Client Hints, CSS Subgrids appeared first on Smashing Magazine.

Powered by WPeMatico

Why We’re Addicted To Our Smartphones, But Not Our Tablets


  

Remember all of the wisecracks about executives and their BlackBerry addictions? Back then, constant contact was limited to the few and the mighty — relatively speaking, of course. But now, the last laugh might be on us. In record time, our smartphones have become indispensable, and as mobile technology has become integrated into nearly every aspect of our lives, our smartphones are shifting from device to dependency.

Why We're Addicted To Our Smartphones, But Not Our Tablets

But while it’s now clear that we are locked in an intense relationship with our smartphones, one has to wonder why this courtship hasn’t turned into a love triangle with tablets. After all, no matter how sleek our iPhone 6 is, our iPad or Android tablet is equally smooth and packed with life-organizing apps.

The post Why We’re Addicted To Our Smartphones, But Not Our Tablets appeared first on Smashing Magazine.

Powered by WPeMatico

Web Development Reading List #108


  

What’s happening in the industry? What important techniques have emerged recently? What about new case studies, insights, techniques and tools? Our dear friend Anselm Hannemann is keeping track of everything in the web development reading list so you don’t have to. The result is a carefully collected list of articles that popped up over the last week and which might interest you. — Ed.

iOS GUI Templates

Last week I asked for some comments on how web development got more complex in my opinion and I got great feedback. It’s great to see a good discussion as the outcome, and I say “thank you” for all your support!

The post Web Development Reading List #108 appeared first on Smashing Magazine.

Web Development Reading List #108
http://www.smashingmagazine.com/2015/10/web-development-reading-list-108/
http://rss1.smashingmagazine.com/feed/
Smashing Magazine
For Professional Web Designers and Developers

Powered by WPeMatico

Web Development Reading List #103


  

What’s happening in the industry? What important techniques have emerged recently? What about new case studies, insights, techniques and tools? Our dear friend Anselm Hannemann is keeping track of everything in the web development reading list, so you don’t have to. The result is a carefully collected list of articles that popped up over the last week and which might interest you. — Ed.

GitHub

Hey there! I gathered some useful articles for you again this week. Let me inspire you to do something new, improve yourself or just think outside the box.

The post Web Development Reading List #103 appeared first on Smashing Magazine.

Web Development Reading List #103
http://www.smashingmagazine.com/2015/09/web-development-reading-list-103/
http://rss1.smashingmagazine.com/feed/
Smashing Magazine
For Professional Web Designers and Developers

Powered by WPeMatico

Sailing With Sails.js: An MVC-style Framework For Node.js


  

I had been doing server-side programming with Symfony 2 and PHP for at least three years before I started to see some productivity problems with it. Don’t get me wrong, I like Symfony quite a lot: It’s a mature, elegant and professional framework. But I’ve realized that too much of my precious time is spent not on the business logic of the application itself, but on supporting the architecture of the framework.

Sailing With Sails.js

I don’t think I’ll surprise anyone by saying that we live in a fast-paced world. The whole startup movement is a constant reminder to us that, in order to achieve success, we need to be able to test our ideas as quickly as possible. The faster we can iterate on our ideas, the faster we can reach customers with our solutions, and the better our chances of getting a product-market fit before our competitors do or before we exceed our limited budget. And in order to do so, we need instruments suitable to this type of work.

The post Sailing With Sails.js: An MVC-style Framework For Node.js appeared first on Smashing Magazine.

Powered by WPeMatico

Optimizing Your Design For Rapid Prototype Testing


  

Product 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 understand the differences between a prototype and a product build.

Optimizing Your Design For Rapid Prototype Testing

By optimizing the prototyping process, you can produce mockups that deliver the most actionable user insights, while being as efficient as possible with design time. Regardless of which prototype tools you use or whether you test wireframes, clickable mockups or coded prototypes, what’s most important to focus on is what you want to test and what you want to learn from it.

The post Optimizing Your Design For Rapid Prototype Testing appeared first on Smashing Magazine.

Powered by WPeMatico

Creating Content Wireframes For Responsive Design


  

As I was leading my course in responsive web design between 2011 and 2012, I kept stumbling over the process of wireframing. My students tended to focus on the wireframe as being the end game in the planning process. They didn’t understand that responsive design focuses on how users will access the content.

How To Create Content Wireframes For Responsive Design

You can only imagine my relief when I happened to come across a video by Stephen Hay speaking at the Beyond the Desktop conference in 2012. There, in his talk on responsive design, he presented the concept of the content wireframe. This was a huge relief to me. I just knew there was a step before the process got real, but I couldn’t articulate it. In this post, I’ll describe the methods I use to get from content to responsive wireframe — and how you can, too.

The post Creating Content Wireframes For Responsive Design appeared first on Smashing Magazine.

Powered by WPeMatico

Hey Designers: Stop Being An Afterthought


  

There are reasons you’re still saying the same thing after all these years — still talking about how it always seems like design gets tacked on to the end of the process. You should be at the concept meeting, you say, where you can make a real difference.

Hey Designers: Stop Being An Afterthought

I’ve been hearing it for 15 years. I once had a job where I got to say it myself a few times. I got tired of that pretty quickly. I don’t say it anymore. You shouldn’t either. Primarily because it’s not true.

The post Hey Designers: Stop Being An Afterthought appeared first on Smashing Magazine.

Hey Designers: Stop Being An Afterthought
http://www.smashingmagazine.com/2015/09/stop-being-an-afterthought/
http://rss1.smashingmagazine.com/feed/
Smashing Magazine
For Professional Web Designers and Developers

Powered by WPeMatico

Web Development Reading List #105


  

What’s happening in the industry? What important techniques have emerged recently? What about new case studies, insights, techniques and tools? Our dear friend Anselm Hannemann is keeping track of everything in the web development reading list so you don’t have to. The result is a carefully collected list of articles that popped up over the last week and which might interest you. — Ed.

Firefox 41 is released.

Hey, fog and rain take over, temperatures are falling and the leaves of the trees are changing their colors. Sitting in front of a computer all day, reflecting how fast things change in nature, I can often see a similarity between our world of front-end development and things going on in the world.

The post Web Development Reading List #105 appeared first on Smashing Magazine.

Web Development Reading List #105
http://www.smashingmagazine.com/2015/09/web-development-reading-list-105/
http://rss1.smashingmagazine.com/feed/
Smashing Magazine
For Professional Web Designers and Developers

Powered by WPeMatico

Using The Gamepad API In Web Games


  

The Gamepad API is a relatively new piece of technology that allows us to access the state of connected gamepads using JavaScript, which is great news for HTML5 game developers.

Using The Gamepad API In Web Games

A lot of game genres, such as racing and platform fighting games, rely on a gamepad rather than a keyboard and mouse for the best experience. This means these games can now be played on the web with the same gamepads that are used for consoles. A demo is available, and if you don’t have a gamepad, you can still enjoy the demo using a keyboard.

The post Using The Gamepad API In Web Games appeared first on Smashing Magazine.

Powered by WPeMatico

Noah’s Transition To Mobile Usability Testing


  

Noah was concerned. He was the “UX guy” for the corporate office of a regional Quick Service Restaurant (a fast food chain) that was in the process of creating a mobile app to allow patrons to customize their meals, place orders and earn rewards.

Mobile Usability Testing

Note: This is an experiment in a slightly different format for Smashing Magazine – using a storytelling approach to convey the same lessons learned that a traditional article would have provided.

The post Noah’s Transition To Mobile Usability Testing appeared first on Smashing Magazine.

Powered by WPeMatico

Server-Side Rendering With React, Node And Express


  

Web applications are everywhere. There is no official definition, but we’ve made the distinction: web applications are highly interactive, dynamic and performant, while websites are informational and less transient. This very rough categorization provides us with a starting point, from which to apply development and design patterns.

Server-Side Rendering With React, Node And Express

These patterns are often established through a different look at the mainstream techniques, a paradigm shift, convergence with an external concept, or just a better implementation. Universal web applications are one such pattern.

The post Server-Side Rendering With React, Node And Express appeared first on Smashing Magazine.

Powered by WPeMatico

SmashingConf Oxford 2016: Just Your Cup Of Tea


  

We love organizing events that deliver value and leave a long-lasting impression. SmashingConf Oxford is taking place again next year, on March 15–16th 2016. The conference will be packed with smart real-life solutions and techniques, ranging from front end to design to UX — and a few delightful surprises along the way. Two days, one track, 14 brilliant speakers and 350 fantastic attendees. Tickets are now on sale.

SmashingConf Oxford 2016 image

Discussions about design trends and visual style are often very subjective and they rarely provide actionable, valuable takeaways. Nothing beats a conversation about what worked and what didn’t work in actual real-life projects and what decisions were made along the way. That’s exactly what we’re setting off to explore in Oxford — accompanied by a lot of learning and networking in the beautiful pathways and gardens of legendary Oxford.

The post SmashingConf Oxford 2016: Just Your Cup Of Tea appeared first on Smashing Magazine.

SmashingConf Oxford 2016: Just Your Cup Of Tea
http://www.smashingmagazine.com/2015/10/smashingconf-oxford-2016-just-your-cup-of-tea/
http://rss1.smashingmagazine.com/feed/
Smashing Magazine
For Professional Web Designers and Developers

Powered by WPeMatico

Takeaways From Mobile Web Behavior


  

According to Ian Carrington, Google’s mobile and social advertising sales director, speaking at Mobile Marketing Live back in 2012, more people in the world have access to a smartphone than a toothbrush.

Takeaways From Mobile Web Behavior

With that in mind, it’s perhaps not very surprising that there’s no shortage of information about how people interact with websites on mobile. From specific usability testing and scrutiny of Google Analytics data to more generalized but larger-scale projects, we can quite easily gain access to statistics that illustrate how users interact with our websites.

The post Takeaways From Mobile Web Behavior appeared first on Smashing Magazine.

Takeaways From Mobile Web Behavior
http://www.smashingmagazine.com/2015/10/takeaways-mobile-web-behavior/
http://rss1.smashingmagazine.com/feed/
Smashing Magazine
For Professional Web Designers and Developers

Powered by WPeMatico