5 Things You Can Learn From a Poorly Designed Website

My son has just started middle school, and along with becoming oriented to an unfamiliar school environment, he now has “homework like never before,” and it is not just the amount of homework.

His teachers no longer send home printed homework sheets. Students are expected to visit the teachers’ individual websites to download assignments, study guides, and watch lectures. And while going online is not normally a problem for technophile middle schoolers, it becomes a problem when the websites are poorly designed.

Visitors come to a website to satisfy goals, to perform tasks, and to get answers to questions. If users cannot find what they’re looking for on a website, they will go elsewhere. But my son can’t go elsewhere. He has no choice but to muddle through the unclear navigation and bad design to find what he needs. It is maddening.

Still, you can learn a lot from being forced to use a poorly designed website, including ways to improve your own or a client’s.

  1. Do everything you can to reduce the number of clicks.

From the “Sixth grade homework” page, where he was told all assignments would be linked, he has to click through three pages to reach the math assignments. Those math assignments should be directly linked from the main page. When navigating, site users don’t want to stop and read along the way. They want to keep moving until they find the right link.

  1. Make the links meaningful.

Links should be descriptive. Don’t tell readers to “Read more,” “click here,” or “more.” Tell them what they will read if they click. “Math homework October 6-10” is an example of a descriptive link.

  1. Make copy easy to scan with subheads and bullets.

Lists make information easy to grab and help people skim through the information. If possible, keep lists short. But if your list must be long, use white space to break it up.

  1. Heading content should be concise and descriptive.

It should stand out from the rest of the text. Well-written headings facilitate scanning so users can find exactly what they need. They can also make the information less dense and more readable, allowing users to get a quick overview of the page.

  1. Keep in mind that less is often more on the Web.

Eliminate distracting site features such as flash animation or scrolling text. Use animation where it helps, not just for show.

 

 

TEN REASONS DESIGNERS SHOULD BE FLUID WITH THEIR SKILLS AND BUILD THEIR OWN SITES

1. It’s never been easier

Now here’s where the definition of ‘build’ is going to get a bit loose and people are going to get angry, but when I say it’s never been easier I mean because of the existence of apps and software like WordPress, Squarespace, Tumblr, et al. It’s easy to make something and get it out there into the world, and these are all gateway drugs to hard coding!

2. You’ll understand how it feels

How it feels to be so proud that something actually works that you momentarily don’t notice if the kerning is off or the padding is inconsistent. How it feels to see your site appear when you’ve redirected a URL. How it feels when you just can’t work out where that one extra space is in a line of PHP that has killed your whole site.

3. It makes you a designer

Not a better designer, it makes you a designer when you are designing how things look and how they work.

4. You learn about movement

Photoshop and Sketch just don’t cut it yet. Until you see your site in a browser or your app on a phone, it’s hard to imagine how it moves. Building your own sites shows you that it’s not just about how the content looks on the screen, but how it moves, interacts and feels.

5. You make techie friends

All the tutorials and forums in the world can’t beat your network of techie friends. Since I started working in web design I have worked with, sat next to, and co-created with some of the greatest developers. Developers who’ve shared their knowledge, encouraged me to build things, patiently explained HTML, CSS, servers, divs, web fonts, iOS development. There has been no void, no versus, very few battles; just people who share an interest and love of making things.

6. You will own domain names

When something is paid for, online and searchable then it’s real and you’ve got to put the work in. Buying domains has taught me how to stop procrastinating, but also about DNS, FTP, email, and how servers work.

7. People will ask you to do things

Learning about code and development opens a whole new world of design. When you put your own personal websites and projects out there people ask you to do more things. OK, so sometimes those things are “Make me a website for free”, but more often it’s cool things like “Come and speak at my conference”, “Write an article for my magazine” and “Collaborate with me.”

8. The young people are coming!

They love typography, they love print, they love layout, but they’ve known how to put a website together since they started their first blog aged five and they show me clever apps they’ve knocked together over the weekend! They’re new, they’re fluid, and they’re better than us!

9. Your portfolio is your portfolio

OK, it’s an obvious one, but as designers our work is our CV, our legacy! We need to show our skill, our attention to detail and our creativity in the way we showcase our work. Building your portfolio is the best way to start building your own websites. (And please be that designer who’s bothered to work out how to change the Squarespace favicon!)

10. It keeps you fluid!

Building your own websites is tough. You’ll never be happy with it, you’ll constantly be updating it to keep up with technology and fashion, and by the time you’ve finished it you’ll want to start all over again. Perfect for forcing you to stay up-to-date with what’s going on in the industry.

Personal Branding Guide for Designers

Personal branding is the practice of people marketing themselves and their careers as brands. Being good at your craft is not enough these days, being unique and authentic will make the cut, but only if enough people know about you. As Michael Simmons writes, authenticity is key in the digital age. Having a strong personal brand and following can lead to enormous opportunities and recognition.

Personal branding is becoming one of the most important key factors in any industry. Skills and boring resumes are not guaranteeing you anything anymore. You have to really start developing your own brand and building a tribe, or in other words an audience that will help you getting jobs, supporting you, sharing your work and getting recognition.

In today’s article I’d like to share some personal branding guidelines I’ve been experimenting with in the last couple of years. The techniques and methods used led me to speaking engagements, interviews on Forbes and Fast Company, business growth and business leads, not to mention the connections and friendships I’ve made.

Why should you care about building a personal brand?

There are numerous of reasons why you should consider strengthening your personal brand. The thing is your personal brand exists anyway, it’s how people perceive you, your work and your actions. To make sure that your brand goes together along with your values and how you wish to be perceived is to manage it. Moreover, building a recognizable personal brand will help you with the following:

  • Professional opportunities;
  • A better job;
  • Better contacts and clients for your company;
  • Industry recognition.

Vision

Develop a strong vision and make sure that you use it everywhere you go. Whether it’s to go to the moon or sail around the world, make sure it’s something big and bold, people remember these things. If you haven’t watched Simon Sinek TED talk “How great leaders inspire action” presenting “the golden circle” and “start with why” theory, make sure to check it out and come up with your own vision.

Personal branding is no way rocket science but it takes years to develop and maintain. Hopefully my experiences and experiments I’ve shared with you in this article will help you in developing your own personal brand that leads to professional opportunities, meaningful connections and industry recognition.

I am curious to hear your thoughts on personal branding. What are your strategies in engaging more people, how do you network and promote your work?

نقاط

أحدث وحة التحكم / WHM: تحديث وتحسين وحة التحكم ومدير استضافة المواقع على الشبكة بالنسبة لك. طريقة آمنة تماما لتحميل والحفاظ على المعلومات موقع الويب الخاص بك هو متاح معنا بأمان الآن. جرب هذه الطرق لتجربة نجاح كبير مع موقع الويب الخاص بك.
الحرة الإعداد لحظة: إن أفضل ميزة التي تقدمها لنا، هو أننا توفير الإعداد الفوري لموقع الويب الخاص بك. ونحن دائما هناك لجعل موقعك سهل الاستخدام والحفاظ عليها. يمكنك الاتصال بنا في أي وقت على أرقام التنفيذي العملاء أو يمكنك فقط زيارة موقعنا على الانترنت والبريد لنا.
الحرة النسخ الاحتياطي الأسبوعية: نحن دائما هناك لموقع الويب الخاص بك سواء كان عن النسخ الاحتياطي أو الأمن. ونحن نقدم النسخ الاحتياطي الأسبوعية المجانية بحيث البيانات من موقع الويب الخاص بك سوف تبقى آمنة على الخادمة لدينا. إنها ميزة كبيرة التي نقدمها بالمقارنة مع الشركات الأخرى.
التجارة الإلكترونية جاهزة: لدينا فريق فني يجعل لكم موقع التجارة الإلكترونية ودية حتى تتمكن من جذب المزيد من الزوار وتحويلها إلى عملاء دائمين. يمكنك الاتصال بنا للحصول على عينات مجانية أو أدوات لموقع الويب الخاص بك.
24/7 الرصد: نحن هناك لموقع الويب الخاص بك لمراقبة كما هو واجبنا لحمايتها من أي سرقة البيانات والقرصنة. علينا أن نحافظ باستمرار المراقبة وأداء المهام كلما لزم الأمر. ونحن دائما الحفاظ على تحديثه وسهل الاستعمال.
ورد الأمثل: لقد الأمثل خدمتنا مع الصحافة كلمة ودية لتحسين الأداء يؤدي إلى زوار جيد وبعد ذلك تحويلهم إلى عملاء كبيرة. الفسفور الابيض تدير جيدة للغاية على خدمتنا، بحيث لم يكن لديك ما يدعو للقلق حول أي شيء.
شبكة آمنة: كما هو عن البيانات المهنية والشخصية عن أي شيء على موقع الويب الخاص بك. حتى لا يكون هناك إجراءات أمنية مشددة على خوادمنا مع الكثير من طرق آمنة ومأمونة. نحن جعل التهديد موقع الويب الخاص بك مجانا بحيث يمكن للزوار التجول في جميع أنحاء بسهولة على ذلك.
24/7 الدعم: لدينا مدراء خدمة العملاء متوفرة دائما لمساعدتك مع أي مشكلة. ونحن دائما يسعدني أن نسمع منك عن أي شيء. حتى إذا كان لديك أي استفسار بخصوص موقع الويب الخاص بك أو الترميز، اتصل بنا من دون أي تردد.
البنية التحتية جديرة بالثقة: البنية التحتية للموقع على شبكة الانترنت هي قاعدة كل الأدوات التي يجب أن تكون قوية بما يجعلها في مأمن من أي نشاطات مشبوهة. محمية خطط كل الاستضافة مع cPanels استجابة وسهلة الاستخدام على كل من الخوادم الخاصة بنا.
الهيمنة وحة التحكم: نوعية جيدة من وحة التحكم هي بوابة لجميع المعلومات والبيانات التي أنت ذاهب لتحميل على موقع الويب الخاص بك. لذلك نحن نفعل ذلك بطريقة سليمة واقية. يمكنك طلب عينات مجانية على موقعنا.
تطبيقات الأمثل: ونحن نقدم تحديث نظام إدارة المحتوى التي تستجيب بكثير بالمقارنة مع مواقع أخرى. نحن مستعدون للتعامل مع أي صعوبة لعملائنا لجعل الموقع أكثر وكفاءة دائما.
نظام الدعم متوفر دائما: نحن دائما سعداء أن نتمكن من مساعدة عملائنا وقتما يريدون. ونحن نعتقد دائما في الرضا الكامل أو العملاء لدينا والتي هي أيضا شعار شركتنا. إذا كان لديك أي استفسار ثم سيكون من دواعي سروري أن أسمع وحلها.

هل تلائمني البرمجيات الجاهزة أم أحتاج إلى موقع برمجة خاصة؟

 

للإجابة على هذا السؤال يجب أن تتحقق أولاً إن كان هناك برامج جاهزة باختصاص موقعك.

أنواع البرمجيات الجاهزة

المدونات الشخصية: وأشهرها WordPress تستخدم كمدونات شخصية او مواقع اخبارية.
ادارة محتوى (أو مجلة): وأشهرها Joomla, Drupal, Xoops, Mambo, PHP-Nuke ميزة هذه البرامج أن لها اضافات كثيرة , فيمكنك استخدامها كموقع اخباري, أو كألبوم صور , أو مدونة شخصية , أو محتوى فيديو, فهي بإضافاتها تقبل جميع أنواع المحتوى تقريباً.
إدارة منتجات و تجارة الكترونية: وأشهرها OS Commerce, Zen Cart, CubeCart, E-Commerce تستخدم لشركة تسويق وبيع منتجات على الإنترنت.
المنتديات: وأشهرها phpBB.
ألبومات صور: وأشهرها 4Images Gallery, Coppermine Photo Gallery تستخدم كمكتبة صور ضمن تصانيف طبعاً.
نظام بطاقات دعم فني: وأشهرها PerlDesk, PHP Support Tickets, Support Logic Helpdesk, Help Center Live تستخدم للشركات التي لديها قسم دعم فني على الإنترنت بغرض أن يفتح الزبون بطاقة دعم فني كي يقوم المختص باجابته واستقبال الرد على الإجابة بنفس البطاقة.
نظام الأسئلة الشائعة: وأشهرها FAQMasterFlex تستخدم لإضافة أسئلة و أجوبة شائعة كي يطّلع عليها الزبون قبل مراسلة الدعم الفني بمشكلته, طبعا النظام مزود بتقنية البحث إضافة لتصنيفات الأسئلة لسهولة الوصول إلى المعلومة المطلوبة.
الموسوعات: وأشهرها PhpWiki وهي نظام موسوعات علمية أو اخبارية ومثال عنها الموقع الشهير ويكيبيديا.
الاستبيانات: وأشهرها LimeSurvey, Advanced Poll لعمل استبيانات متقدمة من الزوار.

الآن ان وجدت أن أحد هذه الأنواع من البرمجيات الجاهزة يلائم موقعك فقد اجتزت المرحلة الأولى.
المرحلة الثانية هل هذه البرامج تناسب فعلاً متطلباتك و لها ميزات أو اضافات تلائم احتياجاتك؟
ربما نستطيع مساعدتك في هذا من منطلق خبرتنا في هذا المجال, فالأفضل أن تتصل بنا وتخبرنا ما الذي تريد إضافته على موقعك لنخبرك ان كانت تلائمك المواقع ذات البرمجة الجاهزة أم أنك تحتاج إلى موقع برمجة خاصة.
بشكل عام المواقع الكبيرة أو المواقع الرسمية ذات المحتوى المخصص غير الشائع لا تناسبها البرمجيات الجاهزة.
أما المواقع الشخصية أو المواقع التي لا يهتم صاحبها اذا وجد ميزة محددة أم تم الغاؤها أو الزبائن الذين لا يرغبون بدفع مبالغ كبيرة على برمجة خاصة فهذا النوع من المواقع يلائمهم تماماً.