2009-02-23 14 views
53

का सर्वोत्तम उदाहरण मैं अपने सीआरयूडी वेब फॉर्मों को संशोधित करना चाहता हूं और अच्छे यूआई डिज़ाइन के किसी भी उदाहरण की सराहना करता हूं।सीआरयूडी वेब फॉर्म डिजाइन

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

हमारी प्रक्रिया है:

ढूँढें स्क्रीन - जो भी एक नया बटन जोड़ें है। खोज के लिए प्रासंगिक किसी भी पैरामीटर के लिए मान दर्ज करें और ढूंढें बटन दबाएं। एक ईडीआईटी लिंक के साथ एक ग्रिड में प्रदर्शित मिलान मिलान। संबंधित संपादन फ़ॉर्म CLONE, हटाएं और बचाएं।

जहां एक उचित फॉर्म बाल रिकॉर्ड्स प्रदर्शित कर सकता है।

बहुत जटिल रिकॉर्ड/रिश्तों के लिए संपादन फॉर्म को एक रिकॉर्ड कार्ड द्वारा प्रतिस्थापित किया जाता है, जो कि रसोई सिंक समेत सब कुछ प्रदर्शित करता है! और उचित रिकॉर्ड/उप रिकॉर्ड में ईडीआईटी लिंक हैं।

इसकी कार्यात्मक, लेकिन अपरिपक्व।

80:20 आधार पर कोड सभी यांत्रिक रूप से जेनरेट किया गया है, इसलिए इसे नए रूपक के लिए पुन: उत्पन्न करना बहुत कठिन नहीं होना चाहिए।

मैं Magento eCommerce Admin पन्नों में यूआई का एक बहुत पसंद है, लेकिन मैं किसी भी अन्य उदाहरण में रुचि होगी आप

+0

हे, वह Magento UI वास्तव में अच्छा है ... मुझे रेडमाइन यूआई (http://www.redmine.org/) भी पसंद है, भले ही मूल है ... – opensas

+0

मुझे लगता है कि Magento लिंक पुराना है, लेकिन आपका सवाल कालातीत है। –

+0

मैं इस सवाल को ऑफ-विषय के रूप में बंद करने के लिए मतदान कर रहा हूं क्योंकि यह यूआई के बारे में है, प्रोग्रामिंग नहीं। यह ux.SE के विषय पर हो सकता है, लेकिन –

उत्तर

4

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

Dynamic Data Web Site

+0

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

1

मैं सिर्फ इस एक

वहाँ

पर ठोकर खाई है कि आप वास्तव में महान टेम्पलेट्स के एक जोड़े मिलेगा !!!

http://www.webappers.com/2009/09/18/20-professional-web-admin-templates-on-themeforest/

+0

अच्छा लिंक लेकिन ये टेम्पलेट दुर्भाग्यवश ओपी के सीआरयूडी पहलू को संबोधित नहीं करते हैं। – Wtower

3
मेरे लिए

है, Django admin interface एक CRUD इंटरफ़ेस का एक अच्छा उदाहरण है।

+1

यह वास्तव में एक उत्कृष्ट उदाहरण है, लेकिन आईएमओ यह पुराना पुराना है। सीमित डिजाइन अजाक्स कॉल के साथ, पुराने डिजाइन से पुराने संस्करण से एक-ऑपरेशन डॉगमा से इसका डिज़ाइन बाधित है। आजकल कोणीय जैसी प्रौद्योगिकियां आजादी की उच्च डिग्री के लिए डिज़ाइन पैटर्न को अधिक जटिल बनाती हैं। – Wtower

33

यहाँ यूआई पैटर्न के कुछ उदाहरण हैं:

Input Controls

Stacked Tabs

Inline Input Adder

One Page Wizards

Overlay

आम तौर पर प्रत्येक अनुभाग पैटर्न, कैसे और क्यों उपयोग करेगा, और वास्तविक दुनिया के उदाहरणों के रूप में कुछ हद तक ग्राफिक्स देता है।

अतिरिक्त संसाधन के रूप में, आप ThemeForest's admin template site पर भी जा सकते हैं और अपने कई उत्पादों को ब्राउज़ कर सकते हैं और बहुत अच्छी तरह से डिज़ाइन किए गए और स्टाइल वाले व्यवस्थापक पृष्ठों के चित्र और लाइव टूर प्राप्त कर सकते हैं। मैंने व्यक्तिगत रूप से डेटा भारी साइटों के लिए इनमें से कुछ टेम्पलेट्स का उपयोग किया है।

आशा है कि ये आपको कुछ मदद करेंगे।

+0

अच्छे उदाहरण। मुझे सीआरयूडी-विशिष्ट नहीं मिला, लेकिन मैंने अपने उपयोगकर्तावॉइस पर एक अनुरोध पोस्ट किया है :) लिंक के लिए धन्यवाद। – Kristen

संबंधित मुद्दे