background preloader

Designing Websites for Kids: Trends and Best Practices

Designing Websites for Kids: Trends and Best Practices
Advertisement How would you like to design a beautiful, colorful, stimulating website that is captivating, memorable and allows you to let your creative juices flow without the need to worry too much about conventional usability and best practices? In today’s Web design market, it’s rare that such a project would present itself — unless you were asked to design a website for children! Websites designed for children have been largely overlooked in Web design articles and roundups, but there are many beautiful and interesting design elements and layouts presented on children’s websites that are worthy of discussion and analysis. There are also a number of best practices that are exclusive to Web design for children’s sites — practices that should usually not be attempted on a typical website. This article will showcase a number of popular commercial websites targeted towards children with an analysis of trends, elements and techniques used to help keep children interested and stimulated.

Designing Web Registration Processes for Kids Since the term “kids” is so broad and subject to interpretation, and since kids grow so significantly in cognitive/technical ability in short periods of time, this article focuses specifically on kids ages six through eight. Designing websites for kids is a fascinating, challenging, rewarding, and exasperating experience: You’re trying to create a digital experience for people who lack the cognitive capacity to understand abstraction. You’re trying to establish brand loyalty with people who are influenced almost exclusively by their peers. And you’re trying to communicate subjective value propositions to people who can only see things in black-and-white. Add to this the need to collect data from people with a deep-seated fear of sharing personal information, and you’ve got your work cut out for you. Fortunately, it’s possible to create a successful registration process for these folks with an understanding of how their brains work. Successful registration forms for kids: Fig 1. Fig 2.

Composition and Design Principles ----------------------------------------------------------------------------- Everybody immediately responds to subject matter in art. A picture of a butterfly and a picture of a snake do not get the same response. In addition to subject matter*, the formal aspects of visual composition are like the grammar of a language. The use of design principles applied to the visual elements is like visual grammar. TEACHING TIP Art vocabulary can be taught along with every project. *Glossary: "Subject matter" is similar to "topic" or "content" when teaching art. Six Visual Elements (art elements) top of page We think of the elements as the basic visual material with which to make art. Some Design Principles or design rules (some creative artists purposely break rules) top of page This list is an example list. Balance is the consideration of visual weight and importance. Variety - You create variety when elements are changed. Motion. Sometimes it has to do with orientation. Depth.

Web Design Showcases From Various Industries - Smashing Magazine This overview features a hand-picked and organized selection of the most useful and popular Smashing Magazine’s articles related to Web Design Showcases and published here over all the years. Can User Experience Be Beautiful? An Analysis Of Navigation In Portfolio Websites When users land on your website, they typically read the content available. In this article, I’ll be analyzing the navigation elements of a particular category of websites, i.e. portfolios. These themes will be explored through a brief analysis of eight portfolio websites, carefully selected by the Smashing Team and, well, scrutinized by me! Read more… Showcase Of Appetizing Restaurant Websites They say the first bite is taken with the eye. Because customers are increasingly using mobile browsers to make decisions on the spot, restaurant websites are doing a better job of communicating core information quickly. Read more… Corporate Website Design: Creative and Beautiful Solutions Read more… Read more… Read more… Read more…

Features and concept As of this writing ‘projection mapping’ is one of the fastest growing mediums, being used in a variety of artistic and commercial projects. The basic idea: take a projector, point it at a physical volume like an object or an architectural element, and then map an image onto it. The MadMapper provides a simple and easy tool for video-mapping projections and LED mapping. MadMapper is built around the idea of sharing video content between applications. MadMapper also allows to manipulate lighting fixtures (such as LEDs) using MAD_Light, within the same unified environment. There is an ever-growing list of software supporting the Syphon framework, such as: Modul8Quartz ComposerVDMX 5Arkaos GrandVJArkaos MediaMasterOpenFrameworksCinderMaxMsp/JitterUnity3dProcessing (soon)Resolume via FreeframeGLIsadora via Matthew Haber’s ActorCellDNACOGEPlaskAV Mixer Pro The approach that one should assume with MadMapper is that it is extracting elements from a source, generally referred to as “the input.”

Playful UX Design: Building A Better Game Advertisement I sincerely believe that the user experience community should add game design to its toolbox of competencies. If we’re truly committed to creating satisfying user experiences, then there’s no reason why games, which can satisfy people so richly, should be excluded. Operating successfully in the games domain means learning a new set of competencies, and I don’t want to oversimplify the challenges of designing high-quality game experiences. 1. Trading off the quality of the player experience in favor of some real-world objective is always self-defeating. Schwab MoneyWise’s It’s Your Life game has a noble mission: to convince people to save more money for retirement and other long-term objectives. At each step in Schwab’s It’s Your Life game, the choice that will lead to a winning outcome is pretty obvious. The problem is that the designers were much more interested in hammering home their message than creating an actual game experience. 2. 3. 4. 5. Who are your players? 6. 7.

Innovative Transparent Bubble Tents How cool are these individual bubble rooms? French designer Pierre-Stéphane Dumas has put a new spin on camping outdoors with his series of tent-like chambers shaped like igloos, under the name Bubbletree. Each bubble suite is fit to be fully furnished with enough space for a bed and resting chairs. They come in two forms—transparent and half-opaque—for different settings, whether you want to lay back and take in your surroundings or simply have a private lodge outdoors. I imagine it would be a rather unusual experience to be able to camp outdoors in this modern-styled mobile hotel with furnishings that are otherwise foreign to the rugged outdoors. Bubbletree website via [Fubiz]

Storyboard a User Story or Requirement Using PowerPoint With storyboarding, you turn your ideas and goals into something visual. Your ideas are easier for other people to understand, so they can give you constructive feedback, sooner. You can bring your ideas to life with storyboard shapes, text, animation, and all the other features that PowerPoint Storyboarding provides. If you don't have Office PowerPoint 2007 or later, install it.If you haven't installed Visual Studio Premium 2012, VS Ultimate 2012 or VS Test Professional 2012, you'll need to install one of these versions to create and modify storyboards. The only way to get the TFS Storyboarding add-in is by installing one of the premium editions of Visual Studio.Open Power Point Storyboarding and start with a blank slide. You should see the Storyboarding ribbon and Storyboard Shapes library. When you share your storyboards to a shared network location, you can link the storyboards to work items that they support.

12 Fresh and Free UI PSDs It’s always good to have UI elements on hand when you need them. And it is even better when designers are kind enough to develop beautiful UI psd’s and give them away for free to other designers. Here at WDL we like to keep you updated with freebies that you can use on upcoming projects, so today we gathered 12 free UI psd’s to add to your library. Free Admin Template PSD Transparent Ui kit Settings Panel iPhone Music Player Pins app Clean & Usable UI Kit Notepad Template Mobile and Web UI Kit Ui Cream Style Visits Per Day Widget Minimize UI Kit Simple Light Navigation

Определение доминирующих тонов на изображении Предыстория Очень давно, когда мои познания в PHP были на уровне мат операций и вывода результатов, а нашел очень полезный класс, написанный Kalpeh Gamit, его сайт уже давно недоступен, поэтому, к сожалению контакты оставить не могу. Класс распространяется под именем GetImageColor и лицензией GPL 2.0. Пользовался я этим классом частенько. Он принимает в качестве входного параметра изображение (только в формате JPEG, но за минуту дополняется всеми остальными), количество возвращаемых цветов и шаг обработки. Скрипт считывает цвет с фотографии с заданным шагом и заносит его в массив цветов. Очень удобный скрипт для многих задач. Сегодня увидел статью на Хабре: habrahabr.ru/blogs/web_design/136343/ Заинтересовало вот что. Решение Собственно у них вполне может работать и похожий скрипт, но окончательные варианты цветов они добавляют вручную, что скорее всего и происходит, потому что присутствие выделенных цветов не такое уж и доминирующее на картинке. Наш цвет состоит из трех компонент: R+G+B.

Related: