Intro UX Research
Competitor and Similar UX AnalysisThis section focuses on conducting a comprehensive research and analysis journey across four different websites.
- emirates.estate (buy and rent only)
- green-acres.ae(buy only)
- www.bayut.com (buy rent)
- www.monserrateinmobiliaria.com(buy, rent ,vacation rental)
Research and Analysis
The aim is to understand the UX strategies these websites employ and how they can be adapted to our needs. By analyzing the current functionalities and key views of these websites, we hope to uncover insights that will guide the design and development process, leading to a more user-friendly and efficient website for our client.
Key Views Focus
- Primary Search Panels
- Listing Page
- Single Property (View)
Primary and Advanced Search Panels
Competitor and Similar Research and AnalisysThe search panel is essential for real estate websites, allowing users to filter and find properties efficiently. This research examines primary search panel fields across top competitors to identify best practices and innovative features for our future website.
- Essential Function: The search panel helps users filter properties by key criteria like location and price.
- Improving User Experience: Effective search panels enhance user satisfaction and ease of navigation.
- Competitive Analysis: Studying competitors helps identify successful design elements for our own site.
- Informing Future Design: Insights from this research will guide the development of a user-friendly search panel for our website.
Primary Panel Fields Across Competitors
All competitors include Location, Property Type, and Price filters. However, only green-acres.ae offers a currency filter, and emirates.estate provides a multiselect option for property types.
Common Fields:
- Location
- Property Type
- Price
- Beds/Baths
Unique Features:
Multiselect Options: emirates.estate, green-acres.ae
Currency Filter emirates.estate, green-acres.ae
Buy/Rent Options: emirates.estate, green-acres.ae \
Advanced Filter Panel
All competitors exept from one using non wordpress platfrom , so in our case we need to consider that wordpress has its limitation and find balance between functionlity of website and not also overcomplicate user with to many filter options rather than neccesary one
Common Fields:
- Property Area (min/max values)
- Limited important Amenities list
Listing Cards
Competitor and Similar Research and AnalisysListing cards provide a snapshot of property details and are the primary means for users to browse available listings.
Listing Card structure
Introduction to Minimal Necessary Fields for Listing Cards
Listing cards are a key element on real estate websites, providing a snapshot of property information to users. During our research, we encountered a variety of card configurations, each with different levels of complexity. Given the repetitive nature of listing cards, it is crucial to include only the most necessary information to maintain clarity and usability. After consulting with realtors, we have determined that our listing cards should focus on displaying the property image, essential details such as the number of bedrooms and bathrooms, price, and location. Additionally, the card should include an actionable button and serve as a link to the property’s detailed page. This streamlined approach ensures that users receive the information they need at a glance without being overwhelmed by excessive details.
Key Points:
- Concise Information: Listing cards should present essential property details in a clear and concise manner, making it easy for users to quickly assess and compare properties. - User Interest: By focusing on the most relevant information, listing cards can effectively capture and maintain user interest.
- Realtor Input: Consultations with realtors have guided us to include only the property image, basic details (number of bedrooms and bathrooms, price, and location), and an actionable button. - Navigation: Each listing card will link directly to the property's detailed page, providing a seamless user experience and easy access to more comprehensive information.
Conclusion:
In summary, the design of our listing cards will prioritize simplicity and functionality, ensuring that users have access to all the critical information they need without unnecessary clutter. This approach not only improves the user experience but also aligns with best practices in real estate web design.
- Property image
- Basic details:
- Number of beds/baths,
- price
- location
- Action buttons: View details
Property Listing
Competitor and Similar Research and AnalisysProperty listings are the core feature of any real estate website. An effective listing system enhances user experience by providing easy access to essential information and enabling efficient search and sorting. This section explores the structure of property listings, including card design, filtering options, and viewing modes, and discusses best practices for creating user-friendly listings.
Grid View
The grid view offers a condensed display of multiple properties, allowing users to quickly compare options. It typically features a few properties per row, balancing images with essential text details.
Grid/Map View The map view provides an interactive display of property
locations, allowing users to explore listings geographically. Clickable markers and pop-up details enhance usability and provide quick access to key information.
Filtering Options (List Page Filter Bar) The List Page Filter Bar
allows users to sort and filter listings based on specific criteria such as popularity, price, and location. The aim is to streamline the search process by providing relevant and straightforward filter options without overwhelming users.
Single Property
Competitor and Similar Research and AnalisysOur goal for the single property page is to deliver a clean, user-friendly experience that avoids the complexity and clutter found on many competitor websites. We prioritize clear presentation and essential functionalities to enhance user engagement and satisfaction.
Single Property Page
allows users to sort and filter listings based on specific criteria such as popularity, price, and location. The aim is to streamline the search process by providing relevant and straightforward filter options without overwhelming users.
Key Features:
Header with Key Information
- Price and Currency Converter: The property price is displayed prominently at the top, with a built-in currency converter for international users.
- Share and Save: Users can easily share the property on social media or save it for later reference with just a click.
Property Overview
Brief and Expandable Description: A concise description of the property is provided, with a “Read More” button to access the full details if needed.
Location and Nearby Amenities
Address and Map: The property’s address is clearly displayed alongside an interactive map showing nearby amenities like hospitals and parks.
Detailed Property Information
Basic Information and Realtor Contact: Essential details such as the reference number, property type, and realtor contact are presented clearly for quick reference.
Amenities Section
Initial and Expandable View: Up to 6 key amenities are shown initially, with an option to expand for additional details, keeping the initial view clean and focused.
Design Rationale:
- User-Centric: The design focuses on providing a straightforward and intuitive experience, allowing users to access essential information quickly.
- Simplicity and Clarity: By minimizing clutter and presenting information in a clear, structured manner, we ensure a smooth and engaging user experience.
- Flexibility: The expandable sections and additional options cater to both users who prefer concise information and those seeking more details.
By implementing these features and principles, we aim to create a single property page that is both functional and enjoyable to use, setting a new standard for real estate websites.
