Archivo de la categoría: 1stwebdesigner.com

10 Best Kept Secrets To Become More Creative By Boosting Your Brainpower


1stwebdesigner.com

Hey James, this week I am working on the most exciting project ever – I am designing a new website for one of the most popular radio stations.

That was the last time I heard anything from my friend.

Now he is spending a big chunk of his time going through a lot of legal actions and a local lawyer has become his best mate.

Well, all just because my friend has been sued by a huge web design and development agency.

10 Best Kept Secrets To Become More Creative By Boosting Your Brainpower

 Read more

45 Creative Uses of Typography in Web Design | via 1stwebdesigner.com


1stwebdesigner - Become A Better Web Designer!

Typography is an important and crucial part of any web design. For this reason, almost every designer pays lots of attention to the use of typography. In this round-up, we are showcasing some excellent examples of typography in web design.

The latest trend in web typography is to employ bigger fonts that grab the attention of the viewers. Applying big typographic elements helps visitors in paying attention to the main element of the design.

Now, we shall take a look at some great examples of websites that demonstrate effective use of typography in their design. Enjoy!

%tutke

1. Moresoda

%tutke

2. Bear Grylls Live

Bear Grylls Live

3. Ryan Keiser

Paper Prototyping and 5 Analog Tools for Web and Mobile Designers


1stwebdesigner - Web Design Blog

Designers love analog tools. No wonder. These tools lets us physically interact with interfaces and speed up the design process, like paper prototyping. What takes hours in the digital world can be sketched out in a matter of minutes.

That’s why analog methods of prototyping are especially valuable right at the beginning of projects – when speed matters the most. Working with paper, or perhaps a whiteboard, can accelerate the speed of our learning loops. Sketch, feedback, sketch, feedback, sketch feedback – you can go through dozens of iterations in one day and you’ll set solid foundations for the rest of the work. Consider it kind of premium insurance. Getting rough feedback quickly can save you a lot of work.

No wonder, according to research by Todd Zaki Warfel, paper prototyping is still the most commonly used prototyping method! Yes, while we tend to disagree if we should code prototypes or just use prototyping software, the use of analogue tools in our design process is unquestionable! Honestly, I don’t know any designer who is not going through early stage paper prototyping sessions.

Of course in paper prototyping we pay the price of low-fidelity and while it might not be a problem for your team to discuss lo-fi deliverables, in my experience, it’s always a problem for stakeholders. To avoid misunderstandings and accusations that you’re playing with paper instead of working, just make paper prototyping an internal method for your team.

Analogue methods are supported by User Experience pioneers such as Bill Buxton, author of Sketching User Experience and Carolyn Snyder author of Paper Prototyping. They highly recommend breaking away from the computer once in a while and collaboratively work on the analog side of the design moon. According to them, paper prototyping:

  • keeps all team members motivated (as they can easily participate in paper prototyping sessions)
  • lets designers iterate quickly and gather feedback very soon in the process
  • gives designers freedom since paper has no boundaries

preview large goodprototypingbook design tools design tips design

And though many believe that the rise of tablets may end paper prototyping in the next couple of years, I’d disagree. The physical nature of paper prototyping, its speed and straight forward form (understandable by anyone), makes it unbeatable by any digital gadget. Tablet devices are just another medium of digital prototyping (perhaps better than computer, who knows…) than replacement of analog methods.

In recent years we can observe attempts to optimize paper prototyping by the creation of dedicated tools. I tried most of them and I’m addicted to some (UXPin, UI Stencils). They hugely improved my workflow. Dedicated paper prototyping tools gave me speed that exceeds everything that I tried before. I feel more professional with a well crafted notepad in hand than a crumpled piece of paper with messy sketches on it. This confidence helps me discuss my analog work both with teammates and stakeholders. Most of the tools that I present below have been around for couple of years and I guess they’re doing great.

My fingers are crossed for these brave entrepreneurs.

Have fun!

Note: At the end of article I listed some of my favourite printable templates – they are ready to use and FREE!

UXPin – Paper prototyping notepads



Popular paper prototyping notepads with an original idea. User Interface elements are printed on separate sticky notes, which let you quickly create prototypes and iterate by re-sticking parts of the interface. Additionally, notepads are equipped with a sketchbook (with printed browser/iPhone), project kick-off and personas forms, as well as diagramming, gridded, paper. Hard-covered, well-designed and beautifully crafted books are $29.99 with free DHL delivery to USA, Canada and EU, if you buy any 3 of them. Since people from Google, IBM, Microsoft use them – UXPin notepads has sort of become an industry classic.

Finished prototypes can be auto-converted into digital, HTML, wireframes by UXPin App and this is one of the coolest things I have ever seen in the User Experience Design field.

Phone Doo – Magnetic boards  Sigue leyendo

Get Better User Engagement by Integrating Social Logins on Your Website


1stwebdesigner.com

Would you like more people to create a user account on your website? Anyone with a website that encourages website traffic to create an account always wants more subscribers. The challenge is two-fold. Most people don’t like giving up personal data to websites unless they are comfortable with them or really need what the site is offering. Reason number two, the registration process is usually time-consuming. Wouldn’t it be great if there was a solution to both of these issues? You’d think that if you can solve the two biggest hurdles to people creating an account on your website that you’d be able to increase your conversion rate of website traffic to website subscribers. The solution is out there… It’s called Social Login, and in this article we are going to dig into what it is, how you can use it on your website, the benefits of doing so, and provide a few examples of sites who are using Social Login successfully.

Get Better User Engagement by Integrating Social Logins on Your Website

What is Social Login?

Social Login options

Social Login options

Social Login is the process of letting users create accounts on your site by logging into their social media accounts. Using API calls back-end software will connect to the user’s social media account and pull in all relevant data required for your sites Registration Process. If any additional data is required by your site, but was not collected from the user’s social media account, you can display those fields, ask users to complete the form, and click a Register/Submit button. Basically this allows users to bypass a normal website registration process, simply login to their social media account, and click Register (unless extra data is required). Social Login is much less time-consuming than normal website registration process. Sigue leyendo

Best Browser Features According to Users, Designers, and Developers


1stwebdesigner.com

This ain’t another article on Browser Wars. The Internet has come a long way and so has the industry of Internet Browsers. If you have ever used the Internet in your life then you have spent some time with Internet Browsers. From the designer’s and developer’s perspective the browsers of today have been an important tool that shape the Internet. Henceforth, in between all the browser debates we, the average Joe, starts to long for that ultimate browsing experience which is a dream as of now. A browsing experience which is free of memory over utilization pit falls and incompatibility of code. This article will dig into the thoughts of users, designers and developers in order to understand what is the ultimate browser feature that completes a browser.

 

Best Browser Features According to Users, Designers, and Developers

User’s Perspective

Well, users are the key to everything. So, we will start by understanding the user’s perspective about the browser’s of today. This section will concentrate on the usability side of the browser features as that is the most important feature that users look for.

[Image Source]

1. Memory Utilization

The most important issue for users who are using old machines. As of now almost every browser uses a separate process for every new tab opened in one window. This means that if you open one browser window and then open five tabs inside that window then you have indirectly opened five different browser windows. Now, these five different browser windows will use up equal amounts of memory and sooner or later you will see a resource crunch provided that you don’t have loads of memory to back you up. Sigue leyendo

How Responsive Design is Like Water


Written by:  Jamal
http://www.1stwebdesigner.com/

There are three states of matter known to be found on Earth. These states of course being that of solid, liquid, and gas. Taking into account that these three states are distinctly different, it is easy to assume that they each have a unique form. Solids are rigid and tightly packed molecules , gases are hyperactive molecules that are always just bouncing around everywhere, and liquids are closely connected molecules that have no true form.

Before steering away from this post because of the brief refresher on some chemistry notes, which may or may not have triggered haunting blocked out memories, take some time to consider something. Why would any professional creative ever be daft enough to mention anything relating to science subjects like chemistry in a blog post? And how can knowing this honestly improve my responsive design skills?

How Responsive Design is Like Water

Liquid: The Responsive State


*Image Credit: mloge

For the sake of the article, the matter state of liquid will now be referred to as water. Everyone in every part of the world can tell you what water looks like, but have you really noticed it? With all the discussion arising due to responsive design going mainstream, its troubling to see the original responsive design go unnoticed. Let’s take a look at a few examples, while also explaining how they relate to responsive design.

Example 1: Water has no True Form

As aforementioned the state of water is the only one to be fully visible, yet have no exact form. The loosely connected molecules of this state bond together to take the shape of whatever container they are in. In responsive design, the website is meant not to have any true form. Its form depends on the device it is being viewed on, or containing it.

Example 2: When Pressure is Added, Water can be Dangerous

The phrase speed over power never becomes clearer then when dealing with water. Normally, water is in a very nice refreshing state with no harm coming from touching it. However, that can easily change once the right level of pressure is added. Once the right pressure level has been reached, the safe water state quickly turns into a blade sharp enough to cut through almost anything.

In responsive design, the pressure level relates to the use of space on the viewing device . The higher level of space used then what would be considered acceptable, the higher chance the pressure to find the message in said viewing device grows.

Example 3: Water Easily Separates, Without Losing its Identity… Sigue leyendo

40+ Impressive Website Footers for Your Inspiration


Designing a creative and appealing footer is crucial if you want to make each element of your web design as successful and efficient as possible. Although the footer of a web design appears at the end of the page yet it cannot be neglected. With an effective footer design, you can create a long-lasting impression on your visitors. Through a well designed footer, you can certainly grab the visitors’ attention.

We have previously posted many collections about Website Footers Designs as well but at the moment, we are presenting the most innovative and amazing examples of websites showing impressive footers. These footer designs prove that you can effectively utilize a website footer to provide that extra bit of improvement in the user’s experience. We hope you will like this collection. Do let us know your opinion about this compilation.

 

40+ Impressive Website Footers for Your Inspiration

1. Rubbik

This is one of the best footer designs you would ever see as it contains the required information as well as it provides a comprehensive list of links that help you keep your visitors on your site.

Rubbik

2. 43 folders

This footer design takes the creativity to the next level by simply combining different fundamental aspects of Web design:

43 folders

3. BimbiSicuramente

A simple and uncluttered footer design that showcases a beautiful and visually appealing graphics.

BimbiSicuramente

4. Yuru Inspires

This creatively designed artistic footer design not only fulfills the visual requirements of a web design but also makes navigating the website easier.

Yuru Inspires

5. Mecannical

This one is simply outstanding, an original and creative footer design that will surely impress your target audience.

Mecannical

6. Split Da Diz

This footer design makes use of color scheme quite smartly and the subtle uses of white inserted into the black definitely look great.

Split Da Diz

7. Green Woods Country Club in Winsted

This is another amazing example of impressive footer design that demonstrates how you can incorporate loads of information in an effective manner.

Green Woods Country Club in Winsted

Sigue leyendo

Cruces, Sol y La Imaginación

Cuando la imaginación y la creatividad suman infinito

MarketingActivo

el mundo del marketing se activa para ti

tranquicomix

fanzine bejarano de historietas hecho en los 80

A Stairway To Fashion

contact: ralucastoica23@gmail.com

Vinod833's Blog

This WordPress.com site is the bee's knees

Apasionada de las Redes Sociales

Compartir conocimientos 2.0 y Marketing Online

Zona de Promesas

Tecnología - Internet - Redes Sociales - Entrepreneurship - Música - Economía - Innovación

Top Master | Blog

LOS PROGRAMAS DE MBA Y POSTGRADO MAS INFLUYENTES DE TODO EL MUNDO

La realidad alterna

Diario de sueños, cuentos, poesías y una novela en proceso

TechCrunch

Startup and Technology News

Unencumbered by Facts

Taking unsubstantiation to new levels

Carlos Cordero

Blog de tecnología

PsicoEmocions Blog

Un Pont entre la Psique i les Emocions

TEA PTLS NACHO

AUTISMO.TEA..PTLS

Comunicación & Marketing

De Lilian Lanzieri

Xtratexia

Dirección estratégica para la vida

Silvia Altamirano

An editorial designer that writes

StellarHIRE Partners

Founding Partner, StellarHire Partners - Executive Search Consultants. Recent engagements include Eloqua, SFDC, Tibco and Veeam.

ivanbrunpr's Blog

4 out of 5 dentists recommend this WordPress.com site

Matt on Not-WordPress

Stuff and things.

BLOGTEC

Noticias de Tecnologia.

Talento en Expansión

Tendencias y Mejores Prácticas en la Gestión de Personas de la Empresa 2.0

Two Leaves Tea SPAIN

Great Organic Tea! ✫✫✫✫✫ Te Organico en Piramides

Escuela de Dinero

El mejor Sitio en Español sobre lo básico para entender el Dinero y sus matemáticas relacionadas.

Intentando dejar huella...

...en cada uno de los visitantes

Ideas Para la Clase.com

Portafolio de experiencias en la clase de español para Middle School.

littlegreybox

Travel & Lifestyle Blog

déborah rueda

Un sitio más pero diferente sobre marketing on line

No solo los 80's

La mejor música de la historia

Molly Balloon's Blog

Identity + Dressing + Colour

El OJO PUBLICO. / Глаз общественности

Ver para contar & contar para ver. / Чтобы рассказать

Think Creative Idea

Marketing, publicidad, web y negocios

Social Media y más

Social Media, Redes Sociales, Marketing, SEO

The Coaching Alliance

El camino hacia el éxito

Luces y sombras de las marcas

Social Media, Marketing y Comunicación

CNN en Español: Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Javier GM Photography - México y más.

“Un fotógrafo tiene que ser auténtico y en su obra, debe expresar emociones, provocar reacciones y despertar pasiones.” ~ Javier García-Moreno E.

Natalia Gómez del Pozuelo

Experta en comunicación y oratoria

aloyn

Alimentación, ocio y negocios, ALOYN, es un Grupo dirigido a Directivos y Propietarios de empresas, interesados en el mundo de la industria de alimentación y bebidas. Tanto por la parte de la industria productora como por la parte de la industria consumidora y/o distribuidora (Distribución Comercial, Horeca, Vending, Venta Directa, etc). También nos interesan las actividades ligadas al agroturismo y el enoturismo como magníficas actividades de promoción y difusión de la cultura gastronómica.

Blog de Jack Moreno

Un blog de Joaquín Moreno sobre recursos, literatura y ciencia ficción

Mashamour

Ensalada de Manjares

Infographic List

For those who love Infographics - www.infographiclist.com

URieLaRtE

hay que ser libre para ser uno mismo

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 5.668 seguidores

A %d blogueros les gusta esto: