UI/UX

43

Solutions

23

Articles & Videos

130

Contributors

UI stands for User Interface and UX for User Experience. While there are key differences between the two, both concern the design of how humans interact with computer systems and software.

Share tech news, updates, or what's on your mind.

Sign up to Post

While designing for a sign-up process, I'd like to be able to show a progress indicator dictating how many steps are in the process, total. Right now, I'm using little dots across the top of the screen that "fill in" as you're making progress during the page-by-page sign-up.

My question is in regard to a particular step that could extend or contract the number of remaining steps because a step is added or taken away. It feels weird that, in the middle of a 4-step process, a choice made on Step 2 would then show 5 dots on the following page.

Is there an alternative method to make this feel less strange? Or is the idea for a progress indicator made null because of how this sign-up process works?
0
Independent Software Vendors: We Want Your Opinion
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

New to Angular.  I am making my way through a book titled "Pro AngularJS" by Adam Freeman.

If you look at this screenshot while I was debugging the "Add" TO DO item functionality you can see that the new to do item is showing up in the items array, but the web page UI is not updating with the new item.

angular push
Why might it not be getting added?

I don't see any Javascript errors in the console... : (


Here is the TODO.html source:
<!DOCTYPE html>
<html data-ng-app="todoApp">
<head>
    <title>TO DO List</title>
    <link href="bootstrap.css" rel="stylesheet" />
    <script src="angular.js"></script>
    <script>
        var model = {
            user: "Adam"
        };

        var todoApp = angular.module("todoApp", []);

        todoApp.run(function ($http) {
            $http.get("todo.json").then(function (data) {
                model.items = data;});
        });

        todoApp.filter("checkedItems", function () {
            return function (items, showComplete) {
                var resultArr = [];
                angular.forEach(items, function (item) {

                    if (item.done == false || showComplete == true) {
                        resultArr.push(item);
                    }
                });
                return resultArr;
            }
        });

        todoApp.controller("ToDoCtrl", function ($scope) {
            $scope.todo = model;

            $scope.incompleteCount = function () {
                var 

Open in new window

0
I want to be a Game play Programmer. to be GPP I need to study in a good university.Good universities want good $$$.i want start my career for some years or some time.which career is best that give me more $$$.
1.Java EE/Java Developer
2.Mobile App Developer
3.UI/UX Designer
4.Internet Advertiser
0
Hi Experts,

I have below codes using asp repeater and jdatatable. As you can see it return table UI with column phone, Direction, and message looks like below

Phone No, Direction, Msg
(111)222-1111, Outbound, asdfasdf
(111)222-1111, Inbound, 23423423asdfasdf
(111)222-1111, Outbound, 223434234dfasdf
(222)222-1234, Outbound, 23asdfasjdfasjdfjdfs
(222)222-1234, Inbound, 2131231231312

In the UI, I hope to see. Is it possible?

(111)222-1111, Outbound, asdfasdf
                         , Inbound, 23423423asdfasdf
                         , Outbound, 223434234dfasdf
(222)222-1234, Outbound, 23asdfasjdfasjdfjdfs
                         , Inbound, 2131231231312

<asp:Repeater runat="server" ID="conversationList" OnItemCommand="conversationList_ItemCommand">
                                                        <HeaderTemplate> 
                                                                <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                                                                                     <thead>
                                                                                        <tr>
                                                                                            <th class="text-center"><small>Phone</small></th>
                                                                                            <th class="text-center"><small>Dir.</small></th>
                 

Open in new window

0
Hello,
Are there any good products, sites or services that can be used to basically develop a prototype app for planning purposes and relaying information to others like graphics, dev etc.? Something that can be used as a kind of project manager to build a app.

So lets say you have a idea for a app but want to do a rough, not flashy, draft of the layout and mock actions for buttons etc. So if you tap here then this screen pops up type of thing so not actually coding the app but just some type of WYSIWYG interface to help test out the flow of the design before spending time and money on the actual coding and graphics etc.
0
Does any one knows when droid 5 will be release? I just like QWERTY keyboard. I am using droid 4.
0
For years, I was taught, I saw and I wrote that the area in the lower right corner of the Windows UI was the System Tray or Systray.
I just looked at the Microsoft Manual of Style 4th Ed and it's now called the Notification area.  
Where can I file formal complaint?  This is a stupid change.

Ugggh.
1
Is there a piece of code that makes a website compatible in all the main browsers, ISO Phones, Android Phones, and tablets?
1
What are some good books that describe how to use a Samsung Galxy S8+ Android cell phone?
0
Dear SharePoint experts

I have a file share with over 200 knowledge documents which I manage as a library with folders, sub folders etc.
I would like to transfer this repository to SharePoint 2013 to gain accessibility from anywhere and exposure to our knowledge bank

Since I'm new in SP - How do I design (look & feel), create the UX/UI  and the search options and eventually create a DMS in SharePoint 2013 which I can share with the organization and will give me the added value?

I there a tutorial, book, any kind of training that can instruct me how to manage SP and create this kind of DMS?
0
Industry Leaders: We Want Your Opinion!
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

I am exporting a ui-grid as a pdf and I want one column to export using a currencyFilter.  When it exports, the column uses the filter, however, two columns which contain formatted dates are now not formatted like mm/dd/yyyy.  

Expected: 5/11/2016
Result: 14630112000809

I just want this to target the one column, which is the 8th column
Here is the code for the export function:
$scope.export = function(){
	      var exportData = [];
	      var exportColumnHeaders = $scope.gridOptions.showHeader ? uiGridExporterService.getColumnHeaders($scope.gridApi.grid, uiGridExporterConstants.VISIBLE) : [];
	      angular.forEach($scope.gridApi.grid.rows, function(row) {
	        if (row.visible) {
	          var values = [];
	          angular.forEach(exportColumnHeaders, function(column) {
	            var value = row.entity[column.name];
	            if (column.name == 'rentalRevenue')
	            	value = $filter('lcpFilter')(value); 

	            values.push({
	              value: value
	            });
	            
	          });
	          exportData.push(values);
	        }
	      });
	   
	      var content = uiGridExporterService.prepareAsPdf($scope.gridApi.grid, exportColumnHeaders, exportData);
	      content.pageMargins = [40, 93, 40, 40];
	      pdfMake.createPdf(content).open();
	      
	    };

Open in new window



Any help is appreciated.  If you need more info please let me know.  Thank you
0
Hello

We are currently running BB10 in our environment and moving to a Corp iPhone/ Android. Some feedback we are getting from Execs is that they miss the hardware keyboard of Blackberry.

Does anyone have any recommendations on Apple or Android devices with a keyboard or virtual keyboard?
0
I had this question after viewing How to use an iframe in mvc.

I'm building a web app for personal financial planning. I've started with a React framework to build the user's interaction, and that is going well. But now I want to use the new ASP.NET Core mvc framework for the main user interface, and use the react code in one of the mvc's views. But I am new to the plumbing used in ASP.NET Core mvc. I have a DOTNET CLI generated framework up and running in Visual Studio Code, with my react project embedded in an Areas folder. It all works in that I can run the mvc on local host by using the VSCode debugger facility, and I can run my react by using npm start to run the Webpack server for my react code under the Areas folder. I build my output in the Areas/frcstr/build folder and I want to provide that index.html to the mvc view to load the rendered React app.

My question is how do I create the empty view to hold the iframe tag? I tried to just use one of the boiler plate views in the generated mvc framwork, but that is compomised some how by Razor with common layouts and such. I just need a plain view to hold this:

<iframe src="../../Areas/frcstr/build/index.html" height="100%" width="100%" style="border:none;"></iframe>

At this point I don't know how to define Controlers, views, etc.
0
I want to add an image to the header of the pdf.

I am trying to add the image, which I converted to base 64, to exporterPdfHeader.

I added in the column with the image inside exporterPdfHeader, but when I do this it does not show the header which is contained in the body. It just shows the image and the table.

$scope.gridOptions.exporterPdfHeader ={
                    //LOGO TEST (causes the header to disappear..
                    columns: [{
                            image: //long data url
                            width: 150
                    }],

                    margin: [30, 5, 30, 15],
                    table: {
                    widths: [ '*', '*', '*' /*, '*'*/ ],

                    body: [

                           [ 'Region: ' + $scope.region, 'Group: ' + $scope.group, 'MC: ' + $scope.mc /*, 'The last one'*/ ],
                           [ 'District #: ' + $scope.district, 'Route #: ' + $scope.route, 'Week Ending Date: ' + $scope.weekEndDate, /*, 'Value 4' */],

                    ]
                  },



    };

How can I export BOTH the header and the image.  Can I do both within exporterPdfHeader?
Any help is much appreciated.  Thanks
0
Hi,

how to uncheck automatic photo video message being dumped to android phone from watsup. My phone memory / space filled up faster and hanging up. How to enable some setting so that those shared photos, videos etc do not store automatically. please advise
0
How can i set up using android 6
0
How can I set the options on Google Maps so it DOES NOT show driving time to home?

I need a map of a certain location to print on a brochure, don't want that on the map.

Thanks
0
Which is the better tool out of these two for performance testing? Please provide the full comparison.

JMeter: http://jmeter.apache.org
Load Test : http://www.appperfect.com/products/load-test.php
0
Hi,

I've probably titled this thread incorrectly... however i'll try and explain what i am looking for.

I built a Wordpress theme a few years ago that has several different 'template' components added to it, such as:

- gallery
- text boxes
- testimonials
- video boxes
... etc (+30 other UI components)

I offer this theme to my lower tier clients... those that have a very small budget, and just need a quick website presence up and running.

I would like to be able to sit with a client, and present all of the UI components in some form of 'wireframed' or 'cartoonised' view and NOT the real life view of each component, so that i can build the layout of the site with the client there and then.

I know i could just build it using the real life view of each UI component, however clients start obsessing over the aesthetics, colors and fonts... which i rather propose via a completed design at the end.

I have thought about printing each of the UI components on a piece of card, but I don't always get a chance to sit with my clients face to face... so instead I have designed to built a draggable UI website with all of the wireframed UI components available to move around etc.

But... i still need some tool to create all of these UI Wireframe components. Can anyone recommend a tool for creating UI Wireframe Kits?

I was also looking at building a page with all of the Ui components and then using some magical photoshop style to 'cartoonise' the UI.

Any other …
0
Technology Partners: We Want Your Opinion!
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

We currently develop mobile applications. Our QA testing process is very manual and involves having a team utilise physical devices with the applications loaded, and test on them.

I understand there are automated tools/solutions where:

i. A device can be held in a remote data center and remotely connected to

ii. Automated tests can be carried out on such devices and recorded

iii. Developers can run debug tools on their local machines and be connected to these remote mobile devices

Any recommendations?
0
The requirement is to automate the desktop based ATM simulator application. There are huge number of transactions that needs to be done on a single day using this ATM simulator.
Could you please suggest the best way to automate this tedious manual activity.
And the constraint here is it should be a open source tool.
0
Hi,

I'm constantly reviewing various web and app designs from my team.

We use a very traditional approach, which involves printing the designs, and then marking the changes with pen:

- crossing out sections we don't need
- adding notes about UI
- drawing on top of them

Can anyone recommend software that will allow a team to collaborate on a screenshot.

- turn markup on and off
- delete various markup
- add new markup and note
- add comments

Thank you in advance for your help.
0
how can I view the backgroud activity on my android
0
Can somebody advice me, I want to know what platform this website is built on: http://mitielandscapes.com/?

I really like the style and navigations.
0
TRYing to figure out an issue with new Panasonic FZ-M1 7" Toughbook running windows 10.  My users are trying to get the onscreen keyboard to go into 'split mode' but that option is greyed out.   Not sure if this is due to the size of the device or the resolution setting (1280x800).  ANYone have ideas about the capabilities of this?
0

UI/UX

43

Solutions

23

Articles & Videos

130

Contributors

UI stands for User Interface and UX for User Experience. While there are key differences between the two, both concern the design of how humans interact with computer systems and software.