Web Design Standards- Best Practices for a Standard Web Design

Views:
 
Category: Entertainment
     
 

Presentation Description

Designing a standard web design is really important. You gain visitor’s trust, make them come back to you by maintaining consistency over your website designs.

Comments

Presentation Transcript

slide 1:

W e b D e s i g n S t a n d a r d s: B e s t P r a c t i c e s f o r a S t a n d a r d W e b D e s i g n K 2 B S o l u t i o n s N o . 5 L a k s h m i A m m a l S t r e e t A y y a v o o C o l o n y A m i n j i k a r a i C h e n n a i - 6 0 0 0 2 9 . C o n t a c t N o : + 1 8 6 0 7 3 0 3 2 8 0 9 6 0 0 0 0 7 0 0 6 . I t i s a b i g d e a l f o r w e b d e si g n e r s a n d c r e a t i ve w e b d e si g n c o m p a n i e s t o m a i n t a i n w e b d e si g n s t a n d a r d s. T h e y n e e d t o c o n vi n ce b o t h d e si g n a n d v i si t o r ’ s n e e d a t t h e s a m e t i m e . “ S t a n d a r d w e b c o n ve n t i o n s ” A r e w e b si t e c o m p o si t i o n m o d e l s a n d b e st p r a ct i ce s. L e t m e w a l k y o u t h r o u g h s o m e o f t h e b e st p r a ct i ce s o n w e b d e si g n s t a n d a r d s. W h a t D o e s S T A N D A R D A c t u a l l y M e a n A n e a r l i e r N N g r o u p a r t i cl e r e f e r s t o t h e S T A N D A R D . F r o m t h e a n a l ysi s i t c o n ve ys t h a t h o w g o o d t h e se S T A N D A R D S w o r k. T h e f o l l o w i n g g a t e w a y h e l p s y o u w i t h b e t t e r u n d e r st a n d i n g  C o n f u si o n : 5 0 f e w e r w e b si t e s  C o n ve n t i o n : 6 0 – 8 0 u se s s a m e d e si g n a p p r o a ch  S t a n d a r d : a r o u n d 8 2 - 8 5 o f w e b si t e f o l l o w s a m e s t a n d a r d s.

slide 2:

K 2 B S o l u t i o n s N o . 5 L a k s h m i A m m a l S t r e e t A y y a v o o C o l o n y A m i n j i k a r a i C h e n n a i - 6 0 0 0 2 9 . C o n t a c t N o : + 1 8 6 0 7 3 0 3 2 8 0 9 6 0 0 0 0 7 0 0 6 . L e t u s d i ve i n d e e p L o g o A t T h e T o p L e f t : O n a n a l ysi s 1 0 0 w e b si t e s h a ve a c l i cka b l e l o g o a t t h e t o p l e f t c o r n e r . C o n t a c t B u t t o n A t T h e T o p R i g h t : H a vi n g a c o n t a ct b u t t o n o r a l i n k a t t h e t o p r i g h t c o r n e r o f a w e b si t e s e e m s t o b e b e st p r a ct i ce s. A s t h i s d o e s n o t c o m e u n d e r c o m m o n p r a ct i ce i t i s n o t c o n si d e r e d a s t a n d a r d . O n l y 4 4 o f t h e w e b si t e s u se t h i s f o r m a t . M a i n N a v i g a t i o n A c r o s s T h e T o p : 8 8 w e b si t e s s e e m t o h a ve m a i n n a vi g a t i o n s a t t h e t o p o f e ve r y w e b p a g e . H a vi n g a h o r i zo n t a l m a i n n a vi g a t i o n a t t h e t o p i s a w e b d e si g n s t a n d a r d . S l i d e s I n H o m e p a g e : R o t a t i n g i m a g e s a n d s l i d e s o n t h e h o m e p a g e a r e a c o m m o n p r a ct i ce f o r 3 2 o f w e b si t e s. T h i s i s h i g h l y c o n ce n t r a t e d b y o r b i t d e si g n e r s a s m o st o f t h e s i t e s h a ve a s t a t i c f e a t u r e d i m a g e r a t h e r t h a n r o t a t i n g s e r i e s o f i m a g e . T h e r e su l t s a r e n e u t r a l a n d t h e y m i g h t v a r y a t t i m e s. H e n ce y o u c o u l d o p t f o r t h e o n e t h a t b e st f i t s y o u r w e b si t e a n d y o u r v i si t o r s. V a l u e P l a n s H i g h O n T h e P a g e : 8 0 o f m a r ke t i n g w e b si t e s h a ve v a l u e p r o p o si t i o n l o ca t e d h i g h o n t h e i r p a g e . S o t h i s c o u l d h e l p t h e i r v i si t o r s t o u n d e r st a n d t h e i r v a l u e “ A b o ve t h e f o l d ” . I t i s e xp e ct e d t h a t a r o u n d 8 5 o f w e b si t e s h a ve s u ch v a l u e p l a n s h i g h o n t h e i r h o m e p a g e a n d t h e r e st a r e n o t c l e a r o f t h e i r v a l u e p r o p o si t i o n s.

slide 3:

K 2 B S o l u t i o n s N o . 5 L a k s h m i A m m a l S t r e e t A y y a v o o C o l o n y A m i n j i k a r a i C h e n n a i - 6 0 0 0 2 9 . C o n t a c t N o : + 1 8 6 0 7 3 0 3 2 8 0 9 6 0 0 0 0 7 0 0 6 . A c o m m o n n o t e o f w e b d e si g n e r s i s “ T h e r e i s n o s t a n d a r d p i xe l h e i g h t f o r b r o w se r s ” . H e n ce t h e r e i s a n a b se n ce o f f o l d . A n d s o m e d e si g n e l e m e n t s a p p e a r h i g h o n p a g e s a n d a r e v i si b l e t o m o st v i si t o r s w i t h o u t s cr o l l i n g . S e a r c h F e a t u r e I n T h e H e a d e r : A v e r y c o m m o n t h i n g t h a t e ve r y v i si t o r l o o ks o u t f o r a n d t h a t h a l f t h e p e r ce n t a g e o f w e b si t e s h a ve f a i l e d t o d i sp l a y i t f o r t h e i r v i si t o r s i s t h e S E A R C H t a b . A r o u n d 5 4 o f w e b si t e s h a ve s e a r ch f e a t u r e s i n t h e h e a d e r a n d t h e r e st h a ve f a i l e d t o d i sp l a y t h e s e a r ch t a b g l o b a l l y o n p a g e s e i t h e r a s l i n ks o r b u t t o n s. B u t S E A R C H t a b i s s o m e t h i n g t h a t n e e d s t o b e p l a ce d w h e n t h e r e i s a h u g e a m o u n t o f c o n t e n t . W h e n t h e r e i s n o t e n o u g h c o n t e n t o r i f t h e w e b si t e i s p o o r l y o r g a n i ze d a S E A R C H t a b i s j u st a “ B r a ce ” . S i g n U p B o x I n T h e F o o t e r : 2 4 o f w e b si t e s a l l o w v i si t o r s t o s i g n u p a n d s u b scr i b e t o e m a i l u p d a t e s i n t h e f o o t e r . I t i s a c o m m o n w a y o f c o l l e ct i n g e - m a i l a d d r e ss. B u t t h i s c a n n o t b e c o n si d e r e d a w e b d e si g n s t a n d a r d . T h e v e r y c o m m o n c o n t e n t t h a t m o st w e b si t e s u se a r e  C o p yr i g h t  P r i va cy  L e g a l  S i t e m a p  C o n t a ct l i n ks M o r e o ve r v i si t o r s l o o k o u t f o r i n f o r m a t i o n a t t h e b o t t o m r i g h t o r a t t h e b o t t o m c e n t e r o f t h e w e b p a g e . S o c i a l M e d i a I c o n s I n T h e F o o t e r :

slide 4:

K 2 B S o l u t i o n s N o . 5 L a k s h m i A m m a l S t r e e t A y y a v o o C o l o n y A m i n j i k a r a i C h e n n a i - 6 0 0 0 2 9 . C o n t a c t N o : + 1 8 6 0 7 3 0 3 2 8 0 9 6 0 0 0 0 7 0 0 6 . A s s o ci a l m e d i a p l a t f o r m s a r e a c o m m o n p r o m o t i n g c e n t e r f o r a l l b u si n e sse s w e b si t e s h a ve t h e m i n t h e f o o t e r . A n d t h i s h a s b e co m e a v e r y c o m m o n p r a ct i ce . 7 2 o f t h e w e b si t e s s e e m t o h a ve s o ci a l i co n s i n t h e f o o t e r a n d t h e r e st 2 8 i n t h e h e a d e r s e ct i o n . T h e m a i n c a u se f o r h a vi n g s o ci a l m e d i a i c o n s i n t h e f o o t e r i s t o r e d u ce v i su a l e m i n e n ce . T h e f u l l - co l o r v e r si o n a p p e a r s w h e n t h e v i si t o r m o ve s t h e m o u se c u r so r a cr o ss t h e i co n . S o t h i s r e d u ce s t h e b o u n ce r a t e a s v i si t o r s c r a w l d o w n t h e p a g e t o h i t t h e s o ci a l m e d i a b u t t o n . T h i s d i r e ct s t h e m s t r a i g h t a w a y t o t h e s o ci a l m e d i a p a g e . R e s p o n s i v e D e s i g n : A r o u n d 6 8 o f w e b si t e s a r e m o b i l e r e sp o n si ve w e b d e si g n s . T h i s b u i l d s a g r e a t e xp e r i e n ce f o r u se r s o n s m a r t p h o n e s t a b l e t s a n d d e skt o p . T h i s i n cl u d e s a c o m b i n a t i o n o f d e si g n a n d p r o g r a m m i n g a s w e l l . I t i s a p a r t o f t h e r e d e si g n a n d c a n n o t b e c o n si d e r e d t o b e a w e b d e si g n s t a n d a r d . R e sp o n si ve w e b d e si g n s a r e p r a ct i ce d f o r y e a r s t o g e t h e r a n d i t h a s b e co m e v e r y c o m m o n a n d n e e d s t o b e s t a n d a r d e ve n t u a l l y. C u s t o m D e s i g n I s S u p e r i o r : N o t a l l w e b d e si g n s a r e s t a n d a r d s. O t h e r t h a n t h e l o g o p l a ce m e n t m a i n n a vi g a t i o n a n d v a l u e p r o p o si t i o n t h e r e a r e n o b i g s t a n d a r d s f o r w e b d e si g n . W e b d e si g n c o n ve n t i o n s h a ve a p r o m i n e n t c a l l t o a ct i o n s e a r ch t o o l i n t h e h e a d e r s o ci a l m e d i a i co n s i n t h e f o o t e r a n d w e b r e sp o n si ve n e ss. T h e r e a r e o t h e r c o m m o n d e si g n f e a t u r e s t h a t c a n b e c o n si d e r e d a s b e st p r a ct i ce s b u t t h e y c a n n o t b e u se d a s t h e m a j o r p a r t o f d e si g n i n g a w e b si t e . C u st o m w e b d e si g n s p e ci f i c t o b u si n e ss a n d a u d i e n ce r u i n s t h e m a j o r p a r t . P r a c t i c a l P e r c e p t i o n s F o r W e b D e s i g n e r s :

slide 5:

K 2 B S o l u t i o n s N o . 5 L a k s h m i A m m a l S t r e e t A y y a v o o C o l o n y A m i n j i k a r a i C h e n n a i - 6 0 0 0 2 9 . C o n t a c t N o : + 1 8 6 0 7 3 0 3 2 8 0 9 6 0 0 0 0 7 0 0 6 . C o n si st e n cy i n s t a n d a r d s i s t h e e a si e st w a y t o m e e t e xp e ct a t i o n s o f y o u r a u d i e n ce . T h e r e a r e m i l l i o n s o f w e b si t e s t h a t y o u r v i si t o r m i g h t h a ve c o m e a cr o ss a n d t h e y r e a ch y o u w i t h a l o t o f i d e a s o n w h e r e a n d h o w t o g e t t h i n g s. S o y o u r w e b si t e i s a k e y s p o t i n d i g i t a l m a r ke t i n g s t r a t e g y. T h e N e e d T o M a k e Y o u r S i t e D i f f e r e n t : I f a d e si g n i s e xp e ct e d a t a c e r t a i n p l a ce t h e n i t h a s t o b e w h e r e i t s h o u l d b e . I n s p i t e o f d e si g n e l e m e n t s t h e r e a r e s o m e d e si g n s t a n d a r d s t h a t a l l t r a i n e d d e si g n e r s g e t t o k n o w e a si l y. B r a n d S t a n d a r d s : S t i ck w i t h a s t yl e g u i d e f o r y o u r w e b si t e a n d t r y t o m a i n t a i n t h e s a m e c o l o r t yp e a n d t o n e o f y o u r b u si n e ss. C o d i n g S t a n d a r d s : P r o g r a m m i n g s h o u l d b e b u i l t o n p r o g r a m m i n g s t a n d a r d s t h a t a r e a g r e e d o n W 3 C . T h i s m a ke s w e b si t e s t o b e h a ve p r o p e r l y o n b r o w se r s. A c c e s s i b i l i t y S t a n d a r d s : F o l l o w t h e s t a n d a r d s t h a t r e m a i n a cce ss- f r i e n d l y t o v i si t o r s. F i n a l W o r d : S t a n d a r d s a r e v e r y i m p o r t a n t o n d e si g n i n g a w e b si t e i f y o u a r e g o i n g t o b r e a k t h e m t h e n y o u s h o u l d b e d o i n g i t w i t h a g o o d i n t e n t i o n . M a ke s u r e t h a t y o u p l a n o u t f o r t h e u n e xp e ct e d i m p a ct s t h a t o ccu r o n b r e a ki n g t h e r u l e s. A r e y o u f o l l o w i n g t h e r u l e s O r a r e y o u b r e a ki n g t h e m

authorStream Live Help