<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Design - Going digital</title>
	<atom:link href="https://4digital.ma/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>https://4digital.ma</link>
	<description>Just another WordPress site</description>
	<lastBuildDate>Wed, 20 Apr 2022 10:11:46 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.2</generator>
	<item>
		<title>17 UI Design Mistakes That Fails Your Website</title>
		<link>https://4digital.ma/17-ui-design-mistakes-that-fails-your-website-2/</link>
					<comments>https://4digital.ma/17-ui-design-mistakes-that-fails-your-website-2/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 10 Dec 2020 07:59:11 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Developer]]></category>
		<category><![CDATA[Product Design]]></category>
		<guid isPermaLink="false">http://themepanthers.com/wp/rakon-main/inner-pages/?p=1205</guid>

					<description><![CDATA[<p>This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
<p>The post <a href="https://4digital.ma/17-ui-design-mistakes-that-fails-your-website-2/">17 UI Design Mistakes That Fails Your Website</a> first appeared on <a href="https://4digital.ma">Going digital</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="6098" class="elementor elementor-6098">
									<section class="elementor-section elementor-top-section elementor-element elementor-element-85d8743 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="85d8743" data-element_type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d35cf46" data-id="d35cf46" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-2cfad8f elementor-widget elementor-widget-rakon-description-v1" data-id="2cfad8f" data-element_type="widget" data-widget_type="rakon-description-v1.default">
				<div class="elementor-widget-container">
			

                <div class="description_all_box text-left" >
            <p>  Many people don’t really know the difference between software architecture and software design. Even for developers, the line is often blurry and they might mix up elements of software architecture patterns and design patterns.</p>
        </div>
        		</div>
				</div>
				<div class="elementor-element elementor-element-e14c743 elementor-widget elementor-widget-rakon-title-v1" data-id="e14c743" data-element_type="widget" data-widget_type="rakon-title-v1.default">
				<div class="elementor-widget-container">
			


        <div class="title_all_box   text-left style_one" >
                       <!-- title one  -->
               <div class="title_sections">
                                                       <h2>  The Definition of Software Architecture</h2>
                                                </div>
        <!-- title one end -->
                
                                           

          
                        
                      
        </div>

		</div>
				</div>
				<div class="elementor-element elementor-element-8fa71a8 elementor-widget elementor-widget-rakon-description-v1" data-id="8fa71a8" data-element_type="widget" data-widget_type="rakon-description-v1.default">
				<div class="elementor-widget-container">
			

                <div class="description_all_box text-left" >
            <p>  In simple words, software architecture is the process of converting software characteristics such as flexibility, scalability, feasibility, reusability, and  <mark>security into a structured solution</mark> that meets the technical and the business expectations.</p>
        </div>
        		</div>
				</div>
				<div class="elementor-element elementor-element-2a97f68 elementor-widget elementor-widget-rakon-title-v1" data-id="2a97f68" data-element_type="widget" data-widget_type="rakon-title-v1.default">
				<div class="elementor-widget-container">
			


        <div class="title_all_box   text-left style_one" >
                       <!-- title one  -->
               <div class="title_sections">
                                                       <h2>  The Characteristics of Software Architecture</h2>
                                                </div>
        <!-- title one end -->
                
                                           

          
                        
                      
        </div>

		</div>
				</div>
				<div class="elementor-element elementor-element-a21dd80 elementor-widget elementor-widget-rakon-description-v1" data-id="a21dd80" data-element_type="widget" data-widget_type="rakon-description-v1.default">
				<div class="elementor-widget-container">
			

                <div class="description_all_box text-left" >
            <p>  As explained, software characteristics describe the requirements and the expectations of a software in operational and technical levels. Thus, when a product owner says they are competing in a rapidly changing markets, and they should adapt their business model quickly. The software should be “extendable, modular and <b>maintainable</b>” if a business deals with urgent requests that need to be completed successfully in the matter of time. As a software architect, you should note that the performance and low fault tolerance, <u>scalability and reliability</u> are your key characteristics. Now, after defining the previous characteristics the business owner tells you that they have a limited budget for that project, another characteristic</p>
        </div>
        		</div>
				</div>
				<div class="elementor-element elementor-element-e44da2d elementor-widget elementor-widget-rakon-description-v1" data-id="e44da2d" data-element_type="widget" data-widget_type="rakon-description-v1.default">
				<div class="elementor-widget-container">
			

                <div class="description_all_box text-left" >
            <p>  comes up here which is “the <b>feasibility.”</b></p>
        </div>
        		</div>
				</div>
				<div class="elementor-element elementor-element-0495728 elementor-widget elementor-widget-rakon-description-v1" data-id="0495728" data-element_type="widget" data-widget_type="rakon-description-v1.default">
				<div class="elementor-widget-container">
			

                <div class="description_all_box text-left" >
            <p>  Here you can find a full list of software characteristics, also known as “quality attributes,”
                    <a href="#">here.</a>
            </p>
        </div>
        		</div>
				</div>
				<div class="elementor-element elementor-element-46d7614 elementor-widget elementor-widget-rakon-image-box-v3" data-id="46d7614" data-element_type="widget" data-widget_type="rakon-image-box-v3.default">
				<div class="elementor-widget-container">
			                                   <div class="image_simple_all" >
                                     <img decoding="async" class="img-fluid img_md" src="https://themepanthers.com/wp/rakon-main/elementor/wp-content/uploads/2020/12/06544444.png" alt="image">
                                     </div>
                                                               
                    
                                  
				</div>
				</div>
				<div class="elementor-element elementor-element-12368aa elementor-widget elementor-widget-rakon-description-v1" data-id="12368aa" data-element_type="widget" data-widget_type="rakon-description-v1.default">
				<div class="elementor-widget-container">
			

                <div class="description_all_box text-left" >
            <p>  <b>SOLID</b> refers to Single Responsibility, <mark>Open Closed</mark>, Liskov
                    substitution,
                    Interface
                    Segregation and
                    Dependency Inversion Principles.
                  </p>
        </div>
        		</div>
				</div>
				<div class="elementor-element elementor-element-b38e8fc elementor-widget elementor-widget-rakon-title-v1" data-id="b38e8fc" data-element_type="widget" data-widget_type="rakon-title-v1.default">
				<div class="elementor-widget-container">
			


        <div class="title_all_box   text-left style_one" >
                       <!-- title one  -->
               <div class="title_sections">
                                                       <h2>  Software Design</h2>
                                                </div>
        <!-- title one end -->
                
                                           

          
                        
                      
        </div>

		</div>
				</div>
				<div class="elementor-element elementor-element-4a3055d elementor-widget elementor-widget-rakon-description-v1" data-id="4a3055d" data-element_type="widget" data-widget_type="rakon-description-v1.default">
				<div class="elementor-widget-container">
			

                <div class="description_all_box text-left" >
            <p>  While software architecture is responsible for the skeleton and the high-level infrastructure of a software, the software design is responsible for the code level design such as, what each module is doing, the classes scope, and the functions purposes, etc.</p>
        </div>
        		</div>
				</div>
				<div class="elementor-element elementor-element-432ed77 elementor-widget elementor-widget-rakon-list-items-box-v1" data-id="432ed77" data-element_type="widget" data-widget_type="rakon-list-items-box-v1.default">
				<div class="elementor-widget-container">
			 
           
           
                                        
                                                                               <div class="list_item_box  simple_list_item">
                    <ul>
                                        <li>
                    Single Responsibility Principle means that each class has to have one single purpose, a responsibility and a reason to change.                    </li>
                                        <li>
                    Open Closed Principle: a class should be open for extension, but closed for modification. In simple words, you should be able to add more functionality to the class but do not edit current functions in a way that breaks existing code that uses it                    </li>
                                      </ul>
                  </div>    
        		</div>
				</div>
				<div class="elementor-element elementor-element-23f6625 elementor-widget elementor-widget-rakon-image-box-v3" data-id="23f6625" data-element_type="widget" data-widget_type="rakon-image-box-v3.default">
				<div class="elementor-widget-container">
			                                                                   <div class="image_simple_all_video" >
            <div class="cover_video">
                                     <img decoding="async" class="img-fluid" src="https://themepanthers.com/wp/rakon-main/elementor/wp-content/uploads/2021/08/16387156.png" alt="image">
                                        <div class="icon_played">
                      <button type="button" class="btn btn_video" data-toggle="modal" data-src="#" data-target="#mdllVideo">
                        <span class="scale rounded-circle b play_video">
                          <i class="tio tio-play"></i>
                        </span>
                      </button>
                    </div>
                  </div>    
            </div>
                                    
                    
                                  
				</div>
				</div>
				<div class="elementor-element elementor-element-8acccdd elementor-widget elementor-widget-rakon-description-v1" data-id="8acccdd" data-element_type="widget" data-widget_type="rakon-description-v1.default">
				<div class="elementor-widget-container">
			

                <div class="description_all_box text-left" >
            <p>  <b>SOLID</b> refers to Single Responsibility, <mark>Open Closed</mark>, Liskov
                    substitution,
                    Interface
                    Segregation and
                    Dependency Inversion Principles.
                  </p>
        </div>
        		</div>
				</div>
				<div class="elementor-element elementor-element-519a81f elementor-widget elementor-widget-rakon-quotes-v1" data-id="519a81f" data-element_type="widget" data-widget_type="rakon-quotes-v1.default">
				<div class="elementor-widget-container">
			
           

     <div class="quotes_all_in simple">
          
                      <div class="body_content">
                 
                                      <div class="txt_quotation">Thanks for reading! If you are interested in machine learning (or just want to understand what it is), check out my Machine Learning is Fun! series too.                    </div>
                                      </div>
                   
                  </div>
		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
							</div><p>The post <a href="https://4digital.ma/17-ui-design-mistakes-that-fails-your-website-2/">17 UI Design Mistakes That Fails Your Website</a> first appeared on <a href="https://4digital.ma">Going digital</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://4digital.ma/17-ui-design-mistakes-that-fails-your-website-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
