Customize your command line interface in Mac OS X

When you use you the MacOS for a development environment, you will have to use a command line interface to get some things done. With MacOS, you get the default command line interface tool called Terminal. You may notice that the Terminal window is a bit bland. What can you do? You can customize it.

Customize Your Terminal Window in MacOSX
Photo By: joffi

When you use you the MacOS for a development environment, you will have to use a command line interface to get some things done. With MacOS, you get the default command line interface tool called Terminal. You may notice that the Terminal window is a bit bland. What can you do? You can customize it.

Customize Terminal

When you first open Terminal, it looks a bit like this.

terminal macosx

To make it look better, you’ll want to change the appearance by changing its colors. It comes with 10 different profiles or themes: Basic, Grass, Homebrew, Man Page, Novel, Ocean, Pro, Red Sands, Silver Aerogel and Solid Colors.

To pick a different profile:

  1. Open the Terminal
  2. Choose Preferences from the Terminal menu
  3. In the General tab, choose a new profile from New window with profile
  4. Close Terminal and relaunch

Not sure which profile to pick. You can open a terminal window with the selected profile. In Terminal, click on the Shell Menu, choose New Window, scroll over to the drop down menu and select a profile. A new window opens in the profile theme that you have chosen.

terminal window themes

You can also tweak a profile by changing fonts, colors and much more. Open the Terminal’s Preferences and click on Profiles. In the Profiles window, click on the + button to create a new profile. Then, change the settings as desired.

terminal profile window

After working with the Terminal window for a while, you may want to change how it looks. You can choose to change the fonts and colors, pick a theme or create your own. What if you don’t want to use the Terminal Preferences window, you can edit the .bash_profile file. Whether you customize by using the preference window or edit the bash file, you can make the Terminal window look the way you want.

Tips for UX Writing

What is UX Writing? It is the practice of writing copy that is used in user interfaces to guide the user and help them figure how to use the website or app. You write your copy to ensure that everything matches the tone and style of your brand. Microcopy is the small pieces of copy that helps the user get stuff done. These little pieces are typically error messages, button text, helpful hints, notifications and more.

Tips for Ux Writing
Photo by Sarah Pflug

Why UX Writing?

It affects how the users interact with the UI. Good copy makes the user interface easier to learn and to use. It guides the user on what they need to do and doesn’t interrupt them. Bad copy ruins the experience for the user. It makes it harder for the user to learn and use the UI.

Tips for Good UX Writing

  1. Have a conversation. Talk to your users. Avoid writing robot-like messages. Use words like “you”, “we” and “our”.
  2. Keep it simple. Be brief and avoid complex technical jargon.
  3. Don’t be too quirky. Trying to be fun and cool can backfire. Use it sparingly.
  4. Test your copy on a variety of users. If they are having trouble understanding or using the UI, you need to change your interface or simplify the copy.
  5. Reflect your brand. Make sure your copy matches your voice and tone. Refer to MailChimp’s Content Style Guide for tips on writing for your users.

Copy is an integral part of your UI. The copy should guide the users and be unnoticeable. Good copy improves the usability and functionality of the UI. It helps a user to intuitively understand what they need to do. If you have to explain your UI, it isn’t done right.

More Posts on UX

CSS Grid Starter Projects

What is CSS Grid? CSS Grid is a CSS Grid layout method. It is designed for creating two-dimensional layouts for websites and applications.

CSS Grid Starter Projects

How to learn more about CSS Grid?

CSS Grid Starter Projects

You can learn CSS Grid with starter projects. They can help to build basic layouts. For most of your projects, you’ll need to build two, three and more column layouts. You can use starter projects to learn how to make these layouts.

Two Column Layout

Start building a two column layout. Two column layouts are quite common on the web. You’ll find them on most websites from blogs to startups.

Three Column Layout

After building a two column layout, you will want to be able to add more columns. Three columns is another common layout that you will need for your projects.

When learning a new layout technique, start small and build more complex layouts as you learn how to do it. By building with starter projects, you can see how you would use it in your real world applications. Not all of your projects will be simple. They may require more columns or additional features like a hero image or even a carousel. Build on your new skills by creating a production ready CSS Grid layout.

Photo by meisjedevos

Find Design UI Inspiration

You are working on a new UI. It isn’t working out. Where do you find inspiration? How do you make it unique to your design?

Find Design UI Inspiration
Photo by Matthew Henry

You find inspiration from live websites, design collections and design inspiration articles. Use these tools to help you create unique and better UI.

Why Design Collections?

Design collections can are curated by other web designers and developers. They submit the designs that they are working on and are their best work. From these collections, you can see what others have done and apply new ideas to your designs.

Design Inspiration Articles

You can use articles that discuss design inspiration on a specific UI feature. Like best sign up forms, call to action forms or newsletter sign ups. These small collections can help you to solve a specific problem.

How do you incorporate these ideas?

1. Analyze what inspires you

What do you like about the design? Do you like the fonts? Look at the type, size and line spacing used. Try changing your font sizes and spacing to create a similar effect.

2. Get inspiration from other sources

Look at print magazines layout and graphic ideas. Find book covers with color schemes and fonts that you like. Analyze what elements you can use for your design.

3. Pick an element

You may like the fonts, color scheme or even photos used. Choose one of these elements and adapt it for your design.

Summary

Design is about solving problems. It is about learning what works and applying different elements to your design. You can find inspiration from a variety of places. Draw inspiration from the designs you like, don’t copy them exactly. Take what you need and adapt it to make your design unique. It should look like it belongs there naturally and not somewhere else.

How do you focus on better UX skills?

Practice, research, learning and working with others can help you to build your UX skills. Not all projects that you do for clients or your company can help you learn new techniques. You have to make time to learn, practice and keep improving.

How do you focus on better UX skills
Photo by Sarah Pflug

1. Work on improving your design skills

  • Practice drawing or sketching You don’t have to draw like an artist. Your sketches need to be good enough to get the idea down on paper. If you want to sketch better, consider taking an drawing class.
  • Work on Color Theory Study how color affects how people behavior and react to your designs. Use a color scheme generator for inspiration.
  • Experiment with design elements like white space, lines and animation These design elements can help make the user experience better by guiding your user to take the actions that you need them to do.
  • Try out new design tools Every year there are new tools for you to try. You don’t have to use them all. Experiment and play with a few that can help you create better user experiences.

2. Be inspired and Keep up with Design Trends and Techniques

You can find inspiration for design everywhere. Look online, read magazines, books and art. Read design articles daily.

3. Create Throwaway or Projects for Yourself

When you work for a client or company, you don’t always have time to experiment with new ideas or new techniques. A personal or throwaway project, a project that won’t be published, can give your the opportunity to learn new skills and create something new. In the Frontside podcast, they talk about building useless stuff. Or throwaway projects that you build which combats burnout and lets you test new ideas.

Can’t think of a small side project to work on? You can do copywork. Painters learned how to paint from the masters by copying their work. You can do the same with a website or a UI. Eric Kennedy explains how to improve your design skills with copywork.

4. Focus on the essentials

  • Focus on the big idea. Don’t get stuck on the details.
  • Don’t rely on research.
  • Keep it simple as possible.
  • Start with your content.
  • Don’t add things because you think their are fun or interesting.

5. Meet in person with UX Designers

Go to meetups, conferences or have coffee with other designers. Take time to meet with a mentor in person. By meeting in person, you can trade tips and techniques and help each other with current problems that you are working on.

How do you do all of this? As a developer or designer, you need to plan on continuing to add new techniques and skills. Plan to add time to your schedule so you can read design articles, apply what have learned and meet with others to share your new techniques.