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. Related:  UX

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.

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…

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.

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.

Уроки композиции Ч е р н ы й к в а д р а т Мы острой гранью делим время и ставим на первой странице плоскость в виде квадрата, черного как тайна, плоскость глядит на нас темным, как бы скрывая в себе новые страницы будущего. Она будет печатью нашего времени, куда и где бы ни повесили ее, она не затеряет лица своего. Казимир Малевич Черный квадрат» Казимира Малевича — удивительно подходящий материал для изучения основ композиции на уроках изобразительного искусства. Познав закономерность Любой учитель изобразительного искусства знаком с основами композиции (composition — лат. сорасположение), понимает важность категории «композиция» при работе над художественным произведением или его анализе, но на практике учителя испытывают растерянность перед сложностью темы. Разберемся с понятием Представим лист бумаги. Принципы композиционных построений УПРАЖНЕНИЕ 1. Начнем с исследования равновесия. УПРАЖНЕНИЕ 2. Но квадраты можно заставить «двигаться» на листе бумаги. УПРАЖНЕНИЕ 3. 11. 12. УПРАЖНЕНИЕ 4. 18. 19. 20.

The Personality Layer Advertisement “Oh hai Smashing Magazine!” That’s one of the dozen ways that Flickr welcomes its users upon signing in every time. It’s an easily overlooked detail, one that the service would work without flawlessly. Yet this detail is a big part of Flickr’s particular design character that would be missed if it wasn’t there. This is how Flickr greets its users, changing the language upon every sign-in. These easily overlooked details are the ones that I’m particularly interested in because of the reaction they are capable of causing in users. A Little Theory The term “emotional design” was defined by (among others) Aarron Walter. Maslow’s hierarchy of human needs (left) and the hierarchy of emotional design (right). According to this theory, a product has to be functional, reliable and usable (in that order) before a layer of pleasure can be applied. An effective emotional design strategy has two aspects: The Elements Of Emotional Design There’s an additional benefit, though. Smile Attention

netcraft Bytes :) » חווית משתמש על בירה על החוף - סיכום האירוע כמות התגובות הטובות והטלפונים הרעים ("למה לא הזמנתם אותי?!?") שקיבלתי יום אחרי האירוע אומרות את הכל. אירוע חווית משתמש על בירה האחרון היה האירוע המגניב ביותר שיצא לי לארגן ולהיות נוכח בו. ולכל מי שלא הצליח להירשם - אני מצטער מאוד (יהיו עוד אירועים). אני רוצה להודות לכל מי שהגיע וכמובן לכל המרצים שהשקיעו מזמנם והגיעו כדי לעזור לקהילה בישראל וכמובן לכל החברים מנטקראפט שעזרו לארגן את האירוע. אז ממה אני מתלהב כל כך? כמעט 1000 איש (!!!) לכל מי שלא חבר בקבוצה שלנו - כדאי להיכנס עכשיו ולעשות לייק, באירוע הבא תוכלו לקבל התראה מוקדמת על פתיחת ההרשמה. ההרצאות תמר נבו - העמוד הכי חשוב בתהליך המכירה מיכאל שמילוב - נגיף מפה לאוזן טלי רוזן שוהם - מציאות נושכת (בדיקות שמישות) עופר הולצמן - UX Storytelling - מה הסיפור שלך? גיא יריב - טעויות שאנשים עושים במצגות ד"ר יעקב גרינשפן - מחשבות על מצבו העגום של ההומו-לוקוס קצת תמונות מהאירוע האירועים הבאים נתראה באירועים הבאים.

Related: