फेसबुक ने स्वतंत्र डिजाइनों का एक गहराई से विश्लेषण किया

अन्य डिजाइनरों के काम का अध्ययन करके सीखने के लिए बहुत कुछ है। यह पेशेवर परियोजनाओं और मौजूदा वेबसाइटों के लिए विशेष डिजाइन दोनों के लिए सही है। फेसबुक जैसी बड़ी साइटें कुछ अच्छे तत्वों, और अन्य नहीं-तो-अच्छे तत्वों के साथ एक विशेष उपयोगकर्ता अनुभव प्रदान करती हैं। इस पोस्ट में, मैं चाहूंगा इंटरफ़ेस अवधारणाओं का विश्लेषण करने के लिए विभिन्न फेसबुक रीडिज़ाइन की जांच करें जो वर्तमान उपयोगकर्ता अनुभव को बेहतर बना सकता है.

मैंने Dribbble उपयोगकर्ताओं से प्रत्येक के साथ कस्टम FB रिडिज़ाइन के एक मुट्ठी भर को खींचा है विशिष्ट संवर्द्धन और अद्यतन UI तत्व. इन विचारों को ध्यान में रखें कि वे कैसे दिखते हैं, वे कैसे कार्य कर सकते हैं, और वे प्रयोज्यता को कैसे प्रभावित कर सकते हैं अगर फेसबुक पर लाइव लागू किया जाता है.

सुव्यवस्थित प्रोफाइल पेज

यह प्रोफाइल पेज नया स्वरूप यूरोप के बाल्कन क्षेत्र के एक डिजाइनर हारिस जुस्कोविक से आया है.

इस डिज़ाइन में वह पृष्ठ स्वामी को और अधिक के साथ हाइलाइट करके सादगी पर अधिक ध्यान केंद्रित करता है प्रमुख हैडर फोटो और प्रोफाइल पिक.

समयरेखा पदों द्वारा हल किया जा सकता है “हाल का” या “लोकप्रिय” आपकी प्राथमिकता के आधार पर। यह प्रयोज्य के लिए बड़ा है, विशेष रूप से हाल ही में अनिवार्य एल्गोरिथ्म परिवर्तन के खिलाफ ट्विटर के बैकलैश के मद्देनजर.

इसके अलावा बटन के कई बड़े के साथ प्रदर्शित करते हैं अतिरिक्त पैडिंग और बड़ी टाइपोग्राफी. चूंकि फ़ेसबुक इंटरएक्टिव होने का मतलब है, यह केवल बटन और हाइपरलिंक जैसी वस्तुओं की दृश्यता बढ़ाने के लिए समझ में आता है.

कुल मिलाकर यह अवधारणा महसूस करती है ब्लोट में कॉम्पैक्ट और हल्का. यह अच्छा होगा कि फेसबुक को इंटरएक्टिव तत्वों पर अधिक ध्यान केंद्रित किया जाए और हो सकता है कि वे अपने फॉन्ट साइज को भी बढ़ाएं.

मल्टी-कॉलम टाइमलाइन

लंबवत स्तंभ लेआउट की ओर ले जाने वाला एलेजैंड्रो ओसोरियो का नया स्वरूप है। यह लेआउट प्रोफ़ाइल समयरेखा दृश्य का प्रतिनिधित्व करता है जिसे फेसबुक उपयोगकर्ता किसी उपयोगकर्ता के प्रोफ़ाइल पृष्ठ पर जाने पर देखते हैं.

डिजाइन हड़ताली है, लेकिन कुछ उपयोगकर्ताओं के लिए इसे बंद रखा जा सकता है। यह निर्भर करता है कई पेज कॉलम को व्यवस्थित करने के लिए उपयोगकर्ता के प्रोफ़ाइल लिंक, हालिया पोस्ट के समयरेखा दृश्य के साथ। सभी रंग और तत्व फेसबुक की डिजाइन शैलियों के अनुरूप हैं। यह निश्चित रूप से फेसबुक टाइमलाइन पेज की तरह लगता है.

लेकिन साइडबार के कुछ तत्व थोड़े भ्रामक होते हैं। उदाहरण के लिए, एक हरे रंग का बटन जिसके पास एक प्लस चिह्न है “का पालन करें” बटन। एक सिर्फ एक प्रतीक का उपयोग करता है, दूसरा सिर्फ पाठ का। यह डिजाइन शैली और अन्य प्रोफ़ाइल जानकारी के साथ असंगत लगता है.

यहां मुझे जो सबसे ज्यादा पसंद है वह है समयरेखा में डेटा की स्पष्ट संरचना. सब कुछ स्पष्ट रूप से व्यवस्थित है और हाल के पोस्ट और लोकप्रिय पोस्ट के बीच स्विच करने के लिए साइडबार लिंक भी हैं.

कंटेंट-डेंस रिडिजाइन

फेसबुक जैसी बड़ी वेबसाइटें बहुत अधिक डेटा और एक उपयोगकर्ताबेस के साथ सौदा करती हैं जो उस डेटा तक आसानी से पहुंच चाहती हैं। MagicVoltage के होमपेज रिडिजाइन में आपको एक सुसंगत फीचर मिलेगा: बहुत सारी सामग्री एक पेज लेआउट में सम्‍मिलित है.

फेसबुक का होमपेज प्रारंभिक समयरेखा दृश्य है जिसे उपयोगकर्ता वेबसाइट पर पहली बार देखने पर देखते हैं। इसमें दोस्तों के हाल के पोस्ट, एक चैट सूची, गेम, विज्ञापन और आगामी जन्मदिन जैसी अन्य प्रासंगिक जानकारी शामिल हैं.

इस लेआउट की व्यस्तता यह है कि यह महान और संभावित दोनों विवादास्पद बनाता है। यह सब सामग्री एक पृष्ठ पर होने से यह बन जाता है सुपर आसान नेविगेट करने के लिए - एक बार जब आप वास्तव में सीखते हैं कि सब कुछ कहाँ स्थित है। और ऊपरी-बाएँ आइकन लिंक सिर्फ इतना अस्पष्ट है कि किसी को भी उनके साथ बातचीत करने से मना कर सकते हैं.

लेकिन इस डिजाइन के बचाव में यह घनी-पैक सामग्री को बहुत अच्छी तरह से संभालता है। वहाँ है तत्वों के बीच खूब व्हाट्सएप और यह शानदार ढंग से एक चार-स्तंभ डिजाइन चलाता है.

वॉल्यूमिनस नेविगेशन

मार्सेलो सिल्वा द्वारा बनाया गया यह तथाकथित फेसबुक 2.0 रीडिजाइन वास्तव में निहारना है। उनका डेमो लेआउट एक अद्यतन समयरेखा और आंशिक रूप से छिपे हुए चैट संपर्कों के साथ एक अद्यतन मुखपृष्ठ प्रदर्शित करता है.

इस डिजाइन का एक बड़ा टुकड़ा है नेविगेशन प्रणाली tiered. मुझे पसंद है कि कैसे आइकन लिंक के साथ एक प्राथमिक नौसेना है जो माध्यमिक लिंक प्रदर्शित करती है। उपरोक्त स्क्रीनशॉट में उपयोगकर्ता प्रोफ़ाइल आइकन का चयन कर रहा है जिसमें लिंक हैं हाल का इतिहास ब्राउज़ करना और प्रोफ़ाइल संपादित करना.

फेसबुक की पारंपरिक स्क्वायर तस्वीरों के विपरीत, मार्सेलो का नया स्वरूप परिपत्र तस्वीर की ओर जाता है. यह शैली समयरेखा और चैट सूची दोनों में सर्वव्यापी है.

एम सहायक और हाल की गतिविधि सूची

स्टीवन मैककेब के एफबी रिडिजाइन के बारे में बहुत कुछ कहा जा सकता है। वास्तव में, खेल और हाल की गतिविधियों जैसे कई क्षेत्रों को एक प्रभावशाली पहलू के साथ पूरी तरह से नया रूप दिया गया है.

स्टीवन का डिजाइन है फेसबुक की वर्तमान रंग योजना की तुलना में बहुत गहरा है. मुझे यह पसंद है क्योंकि यह साइडबार और प्राथमिक पृष्ठ सामग्री के बीच अधिक विपरीत बनाता है। फेसबुक के वर्तमान होमपेज में इस सामग्री का अधिकांश हिस्सा है, लेकिन समय के साथ यह पृष्ठभूमि में मिश्रण कर सकता है.

शीर्ष लेख अभी भी सूचनाओं को दर्शाने के लिए लाल बुलबुले का उपयोग करता है। सही साइडबार में दोस्तों से हाल की गतिविधि के माध्यम से छाँटने की क्षमता के साथ ट्रेंडिंग पोस्ट और एक न्यूज़फ़ीड भी है.

सबसे नीचे आप फेसबुक के M, the के लिए एक छोटा सा बॉक्स देखेंगे सिरी के बराबर फेसबुक उपयोगकर्ताओं के लिए.

इस सुविधा को रीडिज़ाइन में बहुत अधिक ध्यान नहीं दिया गया है लेकिन स्टीवन वास्तव में अपनी अवधारणा को सही मायने में आधुनिक फेसबुक तकनीक का प्रतिनिधित्व करने के लिए ऑल-आउट हो गया.

फोर-कॉलम टाइमलाइन लेआउट

यहाँ जापानी डिज़ाइनर Sho Kameya द्वारा बनाया गया एक और 4-कोल होमपेज रिडिजाइन है। ये सभी स्तंभ पृष्ठ की संपूर्णता को देखें, चौड़ाई और ऊंचाई दोनों.

दूर-बाएं साइडबार गेम, ऐप्स, पेज, देव संसाधनों और अन्य समान वस्तुओं के लिए पारंपरिक फेसबुक लिंक पर भारी ध्यान केंद्रित करता है। अगला सामग्री कॉलम है जो सभी रीडिज़ाइनों में सबसे विविध है। यह अद्यतन स्थिति / फोटो जोड़ने के लिए पारंपरिक लिंक नहीं रखता है, बल्कि एक का उपयोग करता है छिपे हुए विकल्पों के साथ न्यूनतम दृष्टिकोण.

दो दाहिने हाथ के साइडबार में यूजर अवतार और गेम आइकन जैसे अधिक फोटो के साथ सब कुछ शामिल है। यह डिज़ाइन अभी भी जन्मदिन, चैट और मित्र अनुशंसाओं जैसे सभी अपडेट रखता है.

यह डिज़ाइन बहुत ही विविध है, लेकिन फेसबुक की विशेषताओं के मूल के लिए सही है। यह सही नया स्वरूप नहीं हो सकता है लेकिन यह चार-स्तंभ लेआउट की संभावनाओं को दर्शाता है.

डार्क चैट लिस्ट के साथ सरलीकृत यूआई

बेन हार्टले के रिडिजाइन का लक्ष्य सादगी और सूक्ष्मता है। लेआउट बड़े पृष्ठ तत्वों पर कुछ ड्रॉप छाया के साथ फ्लैट डिजाइन अवधारणाओं के संयोजन का उपयोग करता है.

कई ब्रांडेड चीजें समान रहती हैं और वह फेसबुक की पारंपरिक ब्लू / ग्रे कलर स्कीम पर निर्भर करती है। लेकिन आप देखेंगे कि कुछ आइकनों को नया रूप दिया गया है या तो छोटा या सरल (अथवा दोनों).

यह लेआउट भी निर्भर करता है परिपत्र अवतार तथा साझा की गई छवियों के लिए बहुत जगह है पोस्ट के साथ। मैं वास्तव में उसका आनंद लेता हूं गहरे रंग योजना और छोटे स्टेटस आइकन के साथ अपडेट की गई चैट सूची.

जबकि बेन का नया स्वरूप अभी भी थोड़ा अव्यवस्थित है, यह बहुत सरल लगता है। यह एक ब्राउज़र में यूएक्स अध्ययन के बिना उपयोगकर्ता के अनुभव को मापने के लिए एक कठिन डिजाइन होगा। लेकिन एक नज़र में ऐसा लगता है ब्राउज़ करना आसान है तथा समयरेखा सामग्री का उपभोग करने के लिए अधिक जगह देता है.

लपेटें

हालाँकि ये उदाहरण मुख्य रूप से फेसबुक पर केंद्रित हैं, लेकिन सीखा गया पाठ किसी भी वेबसाइट पर लागू किया जा सकता है। महान उपयोगकर्ता अनुभव डिजाइन सभी भाषा बाधाओं को पार कर जाता है और यह डिजिटल रचनात्मक प्रक्रिया का एक महत्वपूर्ण टुकड़ा है.

इस विश्लेषण से विचारों को उधार लेने के लिए स्वतंत्र महसूस करें और यहां तक ​​कि अपने स्वयं के प्रोजेक्ट कार्य में समान विचारों को लागू करें। इसके अलावा अगर आपको कोई भी रिलेटेड फेसबुक रिडिजाइन मिले तो बेझिझक कमेंट में अपने विश्लेषण के साथ शेयर करें.