এক পৃষ্ঠার ওয়েবসাইট ডিজাইন ফ্যাডের কী হবে?


10

আমি ওয়েবসাইটগুলির একটি প্রবাহ দেখেছি যা তাদের সমস্ত সামগ্রী একটি পৃষ্ঠায় রেখেছিল, এই সাইটে এই । এমনকি তালিকা মর্মান্তিক ম্যাগাজিন আমি দেখতে কিছু সাইট এই কাজ ( এই এক মত, কি একশো সাইট, যার বেশীর ভাগ হল এটি ব্যবহার মত মনে হয় সহ)।

প্রোগ্রামার হিসাবে, এই শৈলীটি আমাকে বাগ দেয় (বেশ কয়েকটি কারণে, বেশিরভাগ প্রযুক্তিগত, যার মধ্যে কমপক্ষে রক্ষণাবেক্ষণ, এসইও, লোডিংয়ের সময় ইত্যাদি) অন্তর্ভুক্ত নয়, তবে আরও গুরুত্বপূর্ণ, কেন এটি জনপ্রিয় হয়ে উঠেছে তা সম্পর্কে আমি আগ্রহী cur ডিজাইনারদের সাথে শুরু?


2
কি দারুন! আমি এখনও এটি দেখিনি - তবে আমি এটিকে ঘৃণা করি।
ফেরে

সেই প্রথম লিঙ্কের প্রভাবটিকে পারালাক্স বলা হয় । কয়েকটি সাইট এটি আড়ম্বরপূর্ণভাবে করেছে (উদাহরণস্বরূপ সর্বাধিক বিখ্যাত নাইকি বেটার ওয়ার্ল্ড ) শীর্ষস্থানীয়, অনিবার্যভাবে, একগুচ্ছ লোকদের কাছে বলেছিল যে তাদের ক্ষেত্রে এটি উপযুক্ত কিনা তা ভেবেই "I WANT one of THOSE"। যখন থিমগুলির বিস্তৃত জুড়ে প্রচুর সামগ্রীর জন্য নির্দিষ্ট শীর্ষ-নীচের পঠনের আদেশের জন্য কোনও বৈধ মামলা রয়েছে এবং যেখানে ভাল জাম্প-লিঙ্ক নেভিগেশন এইড রয়েছে, এটি কার্যকর হতে পারে।
user56reinstatemonica8

উত্তর:


9

জড়িত দুটি পৃথক প্রবণতা আছে।

প্রথমটি হল একটি সহজ সাইট হওয়ার প্রবণতা। যদি এটি কোনও ব্রোশিওর সাইট হয় তবে এর জন্য সম্ভবত চারটি পৃথক পৃষ্ঠার প্রয়োজন হবে না। একটি স্ক্রোলিং পৃষ্ঠা ব্যবহার করা, নেভিগেট করা এবং রক্ষণাবেক্ষণ করা সহজ। আইফোনের অনেকগুলি অ্যাপ্লিকেশন সাইট এই মডেলটি ব্যবহার করে। যেমন ছোট ব্যবসা অনেক। অনেকগুলি সাইট এতে উপকৃত হতে পারে।

অন্য প্রবণতা হ'ল ফ্ল্যাশ বিকাশকারীরা অবশেষে এইচটিএমএল, জিউকিউরি এবং এজেএক্স আবিষ্কার করে এবং এখনও 'এক ফাইল = এক সাইট' এর পুরানো ফ্ল্যাশ মডেলের ভিতরে চিন্তা করে। এটি প্রথম ট্রেন্ডের থেকে পৃথক যে এটি একটি বৃহত সাইট যা প্রচুর পরিমাণে সামগ্রীর ডেটা / ইন্টারঅ্যাকশনের এক পৃষ্ঠায় সংকুচিত থাকে। আপনি যেমনটি বলেছেন যে এই পদ্ধতিতে সমস্ত ধরণের ত্রুটি রয়েছে, যদিও এগুলি সঠিক কোডের সাথে পরিমাপযোগ্য (ইউআরএলগুলি পরিবর্তন করে / বুকমার্কযোগ্য হয় তা নিশ্চিত করে, গুগল সামগ্রীটি নেভিগেট করতে পারে, লোডের সময়গুলি এজেএক্স ইত্যাদির মাধ্যমে পরিচালিত হয়)।


3

আমি মনে করি একটি পৃষ্ঠার সাইটের পিছনে সেরা ধারণাগুলির মধ্যে একটি হ'ল এটির আরও একটি বিবরণী দিক রয়েছে । আমি সবচেয়ে ভাল উদাহরণটি মনে করতে পারি এটি হ'ল এই পৃষ্ঠাটি : একটি বাগদান / বিবাহের আমন্ত্রণ সাইট। এটি একটি অবিশ্বাস্য সাইট, এবং এটি অনেকগুলি কারণে কাজ করে, একটি হ'ল সবকিছু এত সুন্দরভাবে একসাথে প্রবাহিত হয়। এটির পৃষ্ঠাগুলির সেটগুলিতে একই প্রভাব ছড়িয়ে পড়বে না।

এই ডেমোটি যা মূলত আই 9 দেখানোর জন্য করা হয়েছিল সেগুলি গল্পের কথাই বলা । প্রায় কোনও ছবির বইয়ের মতো, তবে পৃষ্ঠাগুলি সরিয়ে পরিবর্তে স্ক্রোলিং সহ। এবং এ কারণেই এটি সত্যই বিরামবিহীন এবং শীতল। ব্যবসায়ের সাইট তৈরির জন্য সত্যই ব্যবহারিক নয়, তবে এটি এক পৃষ্ঠার ভাইবটি কেন কার্যকর তা একটি কারণকে হাইলাইট করে।

এটি অনেকগুলি কন্টেন্ট না দিয়ে ছোট পৃষ্ঠাগুলির সাথেও কাজ করে । আমি যখন বিয়ে করি তখন আমার একটি তথ্য পৃষ্ঠাতে আমাদের সমস্ত তথ্য ছিল কারণ কেবল পৃষ্ঠা থেকে অন্য পৃষ্ঠায় যাওয়ার ওয়্যারেন্ট দেওয়ার মতো পর্যাপ্ত সামগ্রী ছিল না। একটি পৃষ্ঠার সাইট তৈরি এবং রক্ষণাবেক্ষণ করা সহজ ছিল, এবং লোড সময় আসলে উদ্বেগের বিষয় ছিল না।

এটি ব্যবসায়ের ক্ষেত্রে আসে, আমি এটি একটি কঠিন মামলা মনে করি। আমি ভেবেছিলাম একটি স্মরণীয় উদাহরণ হ'ল গুগল যখন তার নেক্সাস ফোনটি চালু করেছিল - তারা এটি একটি পৃষ্ঠার সাইটে করেছিল। যেহেতু তারা তাদের ট্যাবলেটটি চালু করেছে এবং তাদের কিউ ঘোষণা করেছে যে এটি আর আগের মতো নয় তাই আমি লিঙ্ক করতে পারি না, তবে সবকিছু এক জায়গায় দেখতে সত্যিই ঝরঝরে ছিল। আপনি ক্লিকগুলি হ্রাস করেন এবং আরও মগ্ন অভিজ্ঞতা তৈরি করেন ।

আমি মনে করি আপনি তাদের প্রচুর পরিমাণে কোডিং পেশী ফ্লেক্স করার জন্য বা একটি প্রবণতার মূলধনটি দেখানোর জন্য প্রচুর উদাহরণ দেখবেন। কিন্তু ডিজাইনের জগতে এটি সর্বদা ঘটে। আপনি নিজের সাইটের উদ্দেশ্য বিবেচনা করার সময় এটিকে টেবিলে রাখুন এবং উপযুক্ত হলে এটি ব্যবহার করুন!


2

এর একটি বিপরীতমুখীতা রয়েছে (কেবলমাত্র আমি এটিই ভাবতে পারি!), এটি হ'ল আপনি যদি Ctrl+ ব্যবহার করে অনুসন্ধান করতে চান তবে Fসমস্ত সামগ্রী একটি পৃষ্ঠায় রয়েছে যাতে আপনি একবারে পুরো ওয়েবসাইটটি অনুসন্ধান করতে পারেন (ধারণা করে বিষয়বস্তুটি সন্ধানযোগ্য) ।

আমি মনে করি এটি "ব্যবহারকারীকে আরও সামগ্রীর জন্য জিজ্ঞাসা করবেন না - কেবল তাদের এটি দিন" ধারণাটি থেকে আংশিকভাবে উদ্ভূত হয়েছে। গুগল, টুইটার ইত্যাদির মতো স্বয়ংক্রিয়ভাবে আরও ফলাফল দেওয়া আপনার আরও নীচে স্ক্রোল করে।

এটা তোলে 2008 থেকে Aza Raskin এর GoogleTech আলাপ পর্যবেক্ষক ওয়ার্থ, "আমাকে ক্লিক করতে না"

পুরো আলোচনাটি খুব আকর্ষণীয়, তবে এখানে সম্পর্কিত বিটটি 29 মিনিটে শুরু হয়। এখানে সে ফায়ারফক্স হ্যাক করেছে যাতে আপনি আপনার সমস্ত ব্রাউজারের ট্যাবগুলিকে একটি অবিচ্ছিন্নভাবে উল্লম্ব স্ক্রোলিং পৃষ্ঠায় পেয়ে যান।

আমি অবাক হয়েছি যে আপনি এখন যা দেখছেন তার যদি এটি পূর্ববর্তী ছিল।


1

দুটি শব্দ: ব্যবহারকারীর অভিজ্ঞতা।

বুনিয়াদি পোর্টফোলিও সাইটের কোনও বিষয়বস্তু সহজ এবং সোজাভাবে এগিয়ে থাকলে কী অফার করতে হবে তা দেখার জন্য বেশ কয়েকটি পৃষ্ঠায় ক্লিক করার জন্য কোনও ব্যবহারকারীর প্রয়োজন হবে না।

বা আরও বিশেষভাবে, কল টু অ্যাকশন একা একক of সাইটের লক্ষ্য যখন হয়: "আমাকে নিয়োগ করুন", যখন সাইটম্যাপটি অযথা জটিল হয় তখন সাইটটি প্রতিক্রিয়াশীল হতে পারে।

সম্পাদনা: নীচে কিছু উদাহরণ ...

http://joelglovier.com/

http://pixelightcreative.com/

http://www.tinybigstudio.com/

http://www.charleselena.com.au/

http://joshhemsley.com/

http://www.digitallabs.tv/


2
আমি এই সাথে আরো সম্মত হবে যদি তাদের সব নিচে স্ক্রল পারে, কিন্তু যে তাদের সাধারণ ফাংশন কিংবা অভিপ্রায় তন্ন তন্ন হয়। বেশ কয়েকটি পাশের স্ক্রোল, এবং অনেকে মোটেও স্ক্রোলযোগ্য হওয়ার প্রমাণ দেখায় না এবং বাস্তবে একাধিক পৃষ্ঠাগুলির মতো দেখতে ডিজাইন করা হয়েছে , আপনার তত্ত্বটি উইন্ডোটির বাইরে ফেলে দিয়েছে।
শওনা

শৌনা, আমি যখন অনুভূমিকভাবে স্ক্রোলিং সাইটগুলির সাথে পরিচিত তখনও আপনি অন্যদের সাথে পরিচিত নন। যাইহোক আমি আমার মাথার উপরের অংশের কথা বলছি তাদের অর্ধ ডজনকে আমি আপনাকে নির্দেশ করতে পারি। (উপরের সম্পাদনাগুলি দেখুন)
জোয়েল গ্লোভায়ার

1

এসইও দৃষ্টিকোণ থেকে, এক পৃষ্ঠার ওয়েবসাইট ডিজাইনটি এক অভিনব।

এটি এমন কিছু যা সম্ভবত আপনার এসইও কার্যকারিতা নষ্ট করবে, বিশেষত যখন আপনি অত্যন্ত প্রতিযোগিতামূলক ব্যবসায়ের ব্যাকগ্রাউন্ডে কাজ করেন। আমি জানি গ্রাফিক ডিজাইনাররা খুব কমই এটিকে বিবেচনা করে নেয় এবং অন্যদিকে ক্লায়েন্টদের এসইও তে পর্যাপ্ত জ্ঞান নেই তবে আপনি যদি কোনও এসইও বিশেষজ্ঞকে জিজ্ঞাসা করেন তবে তারা একই কথা বলবে।

আমার টিপ? আপনার এসইও বিশেষজ্ঞকে একটি কীওয়ার্ড গবেষণা করতে এবং আপনার ওয়েবসাইট কাঠামোর একটি রূপরেখা দেওয়ার জন্য বলুন।

আপনি অনুসন্ধান ইঞ্জিন ল্যান্ডে আরও পড়তে পারেন, এই ছেলেরা এসইও খুব ভাল জানেন;) https://searchengineland.com/single-page-websites-seo-182506


0

দেখে মনে হচ্ছে এটি "ভাঁজের উপরে" সমস্ত কিছু পাওয়ার চেষ্টা - মূল্যবান, মূল্যবান অঞ্চল যেখানে গড় সংক্ষিপ্ত-মনোযোগ-স্প্যান দর্শক থাকে। বিভিন্ন ব্যবহারযোগ্যতার অধ্যয়নগুলি এটি দেখিয়েছে তাই লোকেরা "গুরুত্বপূর্ণ" জিনিসগুলি সেখানে রাখার চেষ্টা করে। দেখে মনে হচ্ছে এই ডিজাইনারের মনে হয়েছিল "সবকিছুই গুরুত্বপূর্ণ"।


আমাকে যে বিষয়টি দেখে বিভ্রান্ত করে তা হ'ল আমি যে সাইটগুলি দেখেছি সেগুলি এটির সংখ্যা। এখানে আমি উল্লেখযোগ্য স্ম্যাশিং ম্যাগাজিনের তালিকার একটি উল্লেখ করেছি, আমি এর এক তৃতীয়াংশ পথ ছেড়ে দিয়েছি কারণ তারা সকলেই এরকম ছিল : স্ম্যাশিংমাগাজাইন.কম
শৌনা

0

লোকেরা কোনও ওয়েবসাইট পড়ার তাগিদে নজর কাড়ানোর কৌশলটি ব্যবহার করে কেউ এর চেয়ে বেশি কিছু বলে আমি মনে করি না।

উদাহরণস্বরূপ, @ শোনার লিঙ্ক করা নিবন্ধে নাইকের সাইটটি ধরুন। সত্যিই, চলমান জুতার নকশা এবং সেই একই চলমান জুতাগুলির বিজ্ঞাপনে আর কত নতুনত্ব আছে? প্যারাল্যাক্স চাইলে সেই লিখিত সামগ্রীটি সহজেই কোনও ব্রোশিওরে বা ফ্ল্যাশে রাখতে পারত। পরিবর্তে তারা ফ্ল্যাশের বোঝা ছাড়াই নতুন নেভিগেশন স্কিমের ফলাফল হিসাবে একটি নিফ্টি প্যারাল্যাক্স প্রভাব যুক্ত করতে পারে ।

এমনকি আমি অনুমান করতেও যেতে পারব যে স্ম্যাশিং ম্যাগাজিন ওয়েবসাইটে একটি এইচটিএমএল 5 / সিএসএস টিউটোরিয়াল রয়েছে যা দেখায় যে সাইটগুলি উত্সাহিত করেছিল এটি কীভাবে করতে পারে তা দেখায়।


ডাউনভোট? হ্যাঁ, এটা ফর্সা ছিল। আমার সেরা উত্তরগুলির মধ্যে একটিও নয়। আমি মনে করি এটি লিখতে গিয়ে আমি কিছুটা ঘুষি ছিলাম।
ফিলিপ রেগান

শ্রগ আমার ডাউনওয়েতে এই সাইটে যথেষ্ট প্রতিবেদন নেই, তাই এটি আমার ছিল না।
শওনা

আপনি এটি একটি ভাল জায়গা থেকে এসেছেন বলে মনে হচ্ছে!)
থোমস্রুটটার

0

আমি আসলে মনে করি আপনি সংযুক্ত প্রথম আইটেমটি (ড্রিফট বার) এর একটি দুর্দান্ত ফ্যাক্টর রয়েছে: এটি গতিতে ভাল দেখাচ্ছে।

আমি আসলে মেনু লিঙ্কগুলির একটিতে ক্লিক না করা পর্যন্ত এটি আমার কাছে কোনও ত্রুটিযুক্ত ছিল না এবং এখন আমি দেখতে পাচ্ছি যে অ্যানিমেশনটি পুরো ধারণার একক চালিকা শক্তি ছিল। এটি পুরাতন পোপিয়ে বা ডিজনি কার্টুনের মতো পুরানো-স্কুল 3-বিমান-ক্যামেরা প্রভাবের ধরণের।

আমি মনে করি যে পৃষ্ঠাটির স্ক্রোলিবিলিটি হয় ভুল বা এমন কোনও বৈশিষ্ট্য যা তারা এড়াতে পারেনি।


0

একটি সমস্যা হ'ল এটি ক্লায়েন্টদের কাছে জনপ্রিয় হতে পারে! এই সাইটগুলি সদ্য প্রকাশিত পণ্যের জন্য ফ্ল্যাশ মাইক্রোসাইটগুলির দিনগুলিতে ফিরে এসেছে, প্যারাল্যাক্স এই মুহুর্তে এই কাজটি করছে বলে মনে হচ্ছে। কোনও পণ্যের মাইক্রোসাইটের জন্য আমি মনে করি তারা ভাল আছে, কোনও সাইটের পক্ষে আসলে সামগ্রী রয়েছে তারা অবশ্যই উপযুক্ত নয়। আমি মনে করি অন্য একটি বিষয় হ'ল ডিজাইনাররা তাদের আধুনিকীকরণ এবং 'প্রবণতা অবধি' প্রদর্শন করতে পছন্দ করে, একটি জনপ্রিয় নতুন ফ্যাড কৌশলটিতে একটি ওয়েবসাইট থাকা উপকারী বলে মনে হতে পারে। উপরের সমস্ত অনুরূপ সাইটে ইন্টারনেট কভার করে।


0

আমি মনে করি আপনি শিরোনামে আপনার প্রশ্নের উত্তরটি বেশ দিয়েছেন - এটি একটি বিবর্ণ।

ঠিক যেমন কয়েক বছর আগে জাভাস্ক্রিপ্ট (এবং তারপরে এজেএক্স) হাজির হয়েছিল এবং লোকেরা এটির সাথে সমস্ত ধরণের অভিনব কাজ করছে, জ্যাকুরি এবং সিএসএস 2/3 এর জন্য আরও ভাল সমর্থন এবং ব্রাউজারগুলিতে আরও ভাল রেন্ডারিং গতি নতুন উপায়ে পরীক্ষার পুরোপুরি নতুন উত্সাহ জাগিয়ে তুলেছে কিছু পুরানো ব্রাউজারগুলির কারণে এমন সাইটগুলি ছড়িয়ে দেওয়া যা অতীতে এতটা ব্যবহারিক ছিল না।

তবে ঠিক সিএসএস, জাভাস্ক্রিপ্ট এবং এজেএক্সের মতোই ফ্যাডটি পরিপক্ক এবং মৃদু হবে এবং সময়ের সাথে সাথে আরও সম্মানিত, মনোরম এবং দরকারী হয়ে উঠবে। আপনার প্রথম উদাহরণটি সরল মাথা ব্যথা-প্ররোচিত হ'ল এর উন্মাদ বিচ্ছিন্ন স্ক্রোলিংয়ের সাথে (যদি আপনি থাকেন, শুরুতে বলুন এবং আপনি "গ্যালারী" টিপেন)। আমার নম্র মতে এটি খুব বেশি দূরে চলে গেছে, এবং সাধারণের সাথে অংশীদারিত্বের ন্যায্যতা প্রমাণ করার পক্ষে এটি যথেষ্ট মসৃণ অভিজ্ঞতা নয়। এর অর্থ এই নয় যে অনুরূপ কৌশলগুলি ব্যবহার করে সমস্ত সাইটগুলি খারাপ হবে।

ডিজাইনাররা নতুন প্রযুক্তিগুলির সাথে জিনিসগুলি করার নতুন উপায় নিয়ে পরীক্ষা করা গুরুত্বপূর্ণ। আমি এক মুহুর্তের জন্যও বলব না যে এটির চেষ্টা করা উচিত হয়নি। তবে এটি যা তা - পরীক্ষামূলক।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.